/*Not device specific, generalized css. You can put things like the default text type, background, and body style here*/
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden; overflow-y: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 2%; margin-left: 1%; float: left; width: 20%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 7%;}
/*This is for the text links in the navbar*/
div.divone1 {width: 100%; float: left; margin-right: 1%; margin-left: 0%; width: 76%;}
div.divnewdivonediv1 {width: 750px; height: 100px; border: medium solid white; overflow: hidden; position: absolute; right: 7%; top: 150px; float: left;}
div.divnewdivonedive1iframe {width: 200px; height: 98px; margin-left: 1px; margin-right: 1px; float: left;}
div.divnewdive1text {float: left; color: #ffc249; margin-left: 1px; font-size: medium; text-align: center;}

div.div1B { font-size: 16px; color: #57c1ff; margin-right: 20px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 20px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 20px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 20px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 20px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 20px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 20px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 20px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/

a:link {text-decoration: none; color: #57c1ff;}
a:active {text-decoration: none; color: #57c1ff;}
a:visited {text-decoration: none; color: #57c1ff;}
a:hover {text-decoration: none; color: #f89230;}


a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 8px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 8px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 8px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 8px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 8px; float: left; margin-top: 1.5%; margin-left: 25px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 0px; height: 0px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
    div.mobilemenuactive{position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
    div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
    div.mobilemenu_buttonlink9{color: #33BAFF; font-size: 36pt; float: left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
    a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
    a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
    a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
    a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
    a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
    a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
    a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
    a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
    a.mobilemenu_buttoonlinkAA9{text-decoration: none; color: #33BAFF;}
    div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
    a.mobilemenu_iconlinkAA{text-decoration: none;}
    img.mobilemenuicon{width: 100%;}
    div.mobilebuttons {position: absolute; left: 15%; top: 20%; width: 70%; height: 60%;}
    div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
/*Moving on to containerB, this content is all of the cover story content*/
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 11.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 9%; position: absolute; left: 3%; top: 11.5%; opacity: 1; z-index: 9;}
img.img3A {display: none;}
/*This is for the article description box*/
div.div3A {background-color: black; border: thin solid white; z-index: 9; color: white; opacity: .9; position: absolute; left: 0.5%; top: 16%; width: 23%;}
div.div3B {display: none;}
div.div3C {font-size: medium; margin-left: 10px;}
div.div3D {width: 73%; margin-left: 5%; margin-right: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
div.div3D_top {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
img.subfeature {width: 100%; margin-top: 5px; margin-bottom: 10px;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 95px; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {width: 100%; margin-left: .5%; text-align: center; float: left;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
div.containerD {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*Top 20 Chart for front page*/
div.container2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; float: left;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*Mobile Footer*/
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
/*For Upcoming Releases and Past Features*/
div.container5 {width: 100%; height: 500px; overflow:hidden; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 10px;}
div.divsponl1 {width: 20%; height: 500px; float: left; margin-right: 3px; margin-top: 3px;}
div.divsponl2 {font-size: medium; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; text-align: left; color: #ff7a7a;}
div.divnewr1 {width: 75%; height: 500px; font-size: medium; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; text-align: left; color: #ff7a7a; float: left; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a;}
div.divnewr2 {width: 130px; height: 200px; float: left; margin: 3px;}
div.divnewr3 {font-size: smaller; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; text-align: left; color: #ffd800}
div.divnewr4 {font-size: small; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; text-align: left; color: #ff7a7a;}
img.newr5 {width: 100%; text-align: center; margin-left: auto; margin-right: auto;}
/*Footer including sitemap and Twitter/YouTube content*/
div.container7 {position: absolute; width: 100%; height: 350px; margin-top: 50px; margin-left: auto; margin-right: auto; text-align: left; background-color: #1c1c1c; z-index: 8; border-top: thick solid white; border-bottom: thick solid white;}
div.YouTubeChannelAA {width: 30%; height:350px; float: left; margin-left: 10px; margin-right: 10px; border-right: thin solid white;}
div.YTAA2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
img.YTAA2 {width: 400px;}
div.connect {width: 30%; height: 350px; float: left; margin-left: 3%; margin-right: 20px; margin-top: 2%;}
div.sitemap {width: 25%; height: 350px; float: left; margin-left: 3%; margin-right: 20px; column-count: 2;}
div.connect2 {width: 50%;}
div.connect3 {width: 50%; float: left;}
div.tweetembed {width: 25%; height: 350px; float: left; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; border-left: thin solid white;}
a.thelatesta {text-decoration: none; color: white;}
a.thelatesta:hover {cursor: pointer; text-decoration: none; color: #a8f2ff;}
/*PopoutPlayer*/
/*div24 is the minimized version of the player with javascript*/
div.div24 {position: fixed; bottom: 0px; left: 50px; z-index: 10; height: 100px; width: 140px; border-color: black; border-style: solid; border-width: medium; background-color: white;}
/*div25 is the fixed position of the minimize arrow for the player in the status bar*/
div.div25 {position: fixed; bottom: 255px; left: 355px; z-index: 10;}
/*div26 is the modified fixed position of the minimize arrow for the player in the status bar*/
div.div26 {position: fixed; bottom: 155px; left: 260px; z-index: 10;}
/*div25a adds a hover effect to the minimize arrow for the player*/
img.div25a:hover {cursor: pointer; opacity: .5;}
/*Div15 is the fixed position status bar at the bottom of the page. Messaround with opacity and background colors here.*/
div.div15 {position: fixed; bottom: 0px; left: 0px; height: 150px; width: 100%; background-color: #b71d1d; z-index: 9; opacity: .9;}
/*Div16 gets rid of the opacity in the status bar*/
div.div16 {color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; text-align: left; margin-left: 365px; z-index: 9;}
/*Div17 is the container for the status bar so you can hide it with javascript*/
/*Shrinking the status bar arrow*/
img.div31a {position: fixed; bottom: 150px; left: 48%; text-align: center; margin-left: auto; margin-right: auto; object-position: center; z-index: 10;}
img.div31a:hover {position: fixed; bottom: 150px; left: 48%; text-align: center; margin-left: auto; margin-right: auto; object-position: center; z-index: 10; opacity: .5; cursor: pointer;}
/*Growing the status bar arrow*/
img.div31b {position: fixed; bottom: 0px; left: 48%; text-align: center; margin-left: auto; margin-right: auto; object-position: center; z-index: 10;}
img.div31b:hover {position: fixed; bottom: 0px; left: 48%; text-align: center; margin-left: auto; margin-right: auto; object-position: center; z-index: 10; opacity: .5; cursor: pointer;}
/*728x90 Banner for status bar*/
div.rectbanner {text-align: right; position: absolute; left: 24%; top: 40px; margin-bottom: 3px; opacity: 1; width: 30%;}
img.rectbanner {width: 100%;}
iframe.if728x90Banner {width: 732px; height: 94px; overflow: hidden;}
iframe.if728x90Bannerb {width: 732px; height: 94px; position: absolute; top: 0px; left: 0px; overflow: hidden;}
iframe.if728x90Bannerc {width: 96%; height: 94px; overflow: hidden;}
img.img728banner {width: 728px; height: 90px; position: absolute; top: 0px; left: 0px; overflow: hidden;}
img.thedosemiddlebanner {width: 970px; margin-left: auto; margin-right: auto; text-align: center;}
div.middledivbanner2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto;}
/*Right side slideouts*/
/*Div20 is the container to hide the latest section on the right hand side. You don't even need to define it.*/
/*Div21 is how you redefine the vertical rectangle that holds the latest section*/
div.div21 {position: absolute; right: 0px; top: 208px; width: 250px; height: 80px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 9; text-align: right; border-top: medium solid white;}
/*Div22 is how you redefine the rightslide image to move it out for the javascript.*/
div.div22 {position: absolute; top: 10px; right: 250px; z-index: 9;}
/*This is the classification of the arrow. It makes it a little taller to line up with the tab a little better and it also adds a pointer effect on hover.*/
img.div9e:hover {cursor: pointer;}
/*Gets rid of the opacity for the text.*/
div.div9a {opacity: 1;}
/*Makes a left margin because it's not working without a seperate div.*/
div.div9c {margin-left: 10px;}
/*This scales down the width of the logo text in the right hand box.*/
img.div9b {width: 240px;}
/*This makes the margin easier to work with in the javascript for this section*/
div.div9d {margin-right: 10px;}
/*Div9 is The Latest Section. For now we're just adding the rectangle, the logo, and the text. Tomorrow we'll go through and add three stories.*/
div.div9 {position: absolute; right: 0%; top: 208px; width: 290px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 10; text-align: left; border-top: white medium solid; border-left: white medium solid; border-bottom: white medium solid;}
/*div11 is the arrow and the section for the right tab. Like div10, you need to nest it.*/
div.div11 {position: absolute; top: 10px; right: 290px; z-index: 10;}
/*div18 is the formatting for the image that goes with the news articles in the latest section*/
div.div18 {margin-left: 15px;}
/*img.div18a is the formatting for the actual image. Shrink this down from 300 w to 250 w to see if that makes a difference*/
img.div18a {width: 200px;}
/*Div19 is the article title formatting that goes with the news articfles in the latest section*/
div.div19 {font-family: 'Oswald', 'sans-serif'; font-size: large; color: white; margin-left: 15px;}
/*Div19latest is an updated version of Div19 for the latest section*/
div.div19latest {font-family: 'Oswald', 'sans-serif'; font-size: large; color: #11c9ce; margin-left: 15px;}
/*Div20 is the container to hide the latest section on the right hand side. You don't even need to define it.*/
a.thelatestanew {text-decoration: none; color: #ffd800;}
a.thelatestanew:hover {text-decoration: none; color: #a8f2ff}
a.moreofthelatest {color: #ffd800; cursor: pointer; font-size: medium; margin-left: 10px;}
/*div120 is the container to hide the features section on the right hand side. You don't need to define it, you just need to define the ID in your html.*/
/*div121 is how you redefine the vertical rectangle that holds the cover story section.*/
div.div121 {position: absolute; right: 0px; top: 288px; width: 250px; height: 80px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 9; text-align: right; border-top: medium solid white;}
/*div122 how you redefine the rightslideimage to move it out with javascrpt - the one that goes with the cover story section.*/
div.div122 {position: absolute; right: 250px; z-index: 9;}
/*Div109 is for the Cover Story section. To start with we'll add the rectangle and the logo AND the text. Once we've designed it and classified everything with CSS we'll pull it out of there and covert it to Javascript*/
div.div109 {position: absolute; right:0%; top:288px; width: 600px; height: 300px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 9; text-align: left; border-top: white medium solid; border-left: white medium solid; border-bottom: white medium solid;}
/*div109a gets rid of the opacity for the text.*/
div.div109a {opacity: 1;}
/*Makes a left margin because it's not working with a seperate div.*/
div.div109c {margin-left: 10px;}
/*Scales down the widt of the logo text in the box when it comes out.*/
img.div109b {width: 240px;}
/*Makes the margin easier. Really these definitions are a bit of a crapshoot but adding them in goes through and makes things consistent.*/
div.div109d {margin-right: 10px;}
/*This is for sure needed. It's the classification of the arrow. It makes it a little taller to line up with a tab a little better and it also adds a pointer effect on hover.*/
img.div109e:hover {cursor: pointer;}
div.coverstoryheadline {font-family: 'Oswald', 'sans-serif'; font-size: 28px; color: #66ec1f; margin-left: 15px;}
img.CoverStoryPhoto2 {width: 500px; margin-left: 10px;}
div.CoverStoryReadMore {margin-left: 15px; color: #66ec1f; font-family: 'Oswald', 'sans-serif';}
div.coverstorydescription {margin-left: 15px; font-family: 'Oswald', 'sans-serif'; font-size: medium; color: white;}
.description {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: #f7da2f; text-decoration: none; margin-left: 4px;}
a.a9 {text-decoration: none; color: #66ec1f;}
a.a9:hover {text-decoration: none; color: #a8f2ff;}
/*This is the arrow and the section for the right tab. Like div 110, you need to nest it.*/
div.div111 {position: absolute; right: 600px; z-index: 9;}
/*For Tested & Approved Section*/
/*div420 is the container to hide the features section on the right hand side. You don't need to define it, you just need to define the ID in your html.*/
/*div421 is how you redefine the vertical rectangle that holds the cover story section.*/
div.div421 {position: absolute; right: 0px; top: 372px; width: 250px; height: 80px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 8; text-align: right; border-top: medium solid white;}
/*div422 how you redefine the rightslideimage to move it out with javascrpt - the one that goes with the Tested & Approved section.*/
div.div422 {position: absolute; right: 250px; z-index: 8;}
/*Div409 is for the Tested & Approved section. To start with we'll add the rectangle and the logo AND the text. Once we've designed it and classified everything with CSS we'll pull it out of there and covert it to Javascript*/
div.div409 {position: absolute; right:0%; top:372px; width: 300px; height: 600px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 8; text-align: left; border-top: white medium solid; border-left: white medium solid; border-bottom: white medium solid;}
/*div409a gets rid of the opacity for the text.*/
div.div409a {opacity: 1;}
/*Makes a left margin because it's not working with a seperate div.*/
div.div409c {margin-left: 10px;}
/*Scales down the width of the logo text in the box when it comes out.*/
img.div409b {width: 240px;}
/*Makes the margin easier. Really these definitions are a bit of a crapshoot but adding them in goes through and makes things consistent.*/
div.div409d {margin-right: 10px;}
/*This is for sure needed. It's the classification of the arrow. It makes it a little taller to line up with a tab a little better and it also adds a pointer effect on hover.*/
img.div409e:hover {cursor: pointer;}
/*This is the arrow and the section for the right tab. Like div 110, you need to nest it.*/
div.div411 {position: absolute; right: 300px; z-index: 8;}
a.thelatestanew2 {text-decoration: none; color: #11c9ce;}
a.thelatestanew2:hover {text-decoration: none; color: #a8f2ff;}
/*For On Tour Section*/
/*div520 is the container to hide the features section on the right hand side. You don't need to define it, you just need to define the ID in your html.*/
/*div521 is how you redefine the vertical rectangle that holds the cover story section.*/
div.div521 {position: absolute; right: 0px; top: 456px; width: 250px; height: 80px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 6; text-align: right; border-top: medium solid white;}
/*div522 how you redefine the rightslideimage to move it out with javascrpt - the one that goes with the Tested & Approved section.*/
div.div522 {position: absolute; right: 250px; z-index: 6;}
/*Div509 is for the ON TOUR NOW SECTION section. To start with we'll add the rectangle and the logo AND the text. Once we've designed it and classified everything with CSS we'll pull it out of there and covert it to Javascript*/
div.div509 {position: absolute; right:0%; top:456px; width: 300px; height: 600px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 6; text-align: left; border-top: white medium solid; border-left: white medium solid; border-bottom: white medium solid;}
/*div509a gets rid of the opacity for the text.*/
div.div509a {opacity: 1;}
/*Makes a left margin because it's not working with a seperate div.*/
div.div509c {margin-left: 10px;}
/*Scales down the width of the logo text in the box when it comes out.*/
img.div509b {width: 240px;}
/*Makes the margin easier. Really these definitions are a bit of a crapshoot but adding them in goes through and makes things consistent.*/
div.div509d {margin-right: 10px;}
/*This is for sure needed. It's the classification of the arrow. It makes it a little taller to line up with a tab a little better and it also adds a pointer effect on hover.*/
img.div509e:hover {cursor: pointer;}
/*This is the arrow and the section for the right tab. Like div 110, you need to nest it.*/
div.div511 {position: absolute; right: 300px; z-index: 6;}
/*div518 is the formatting for the image that goes with the image of the cover story section*/
div.div518 {margin-left: 15px;}
/*img.div518a is the formatting for the actual image. Shrink this down and see what goes on here. if the width of the latest section stuff is 200px, I'm going to call this one 400px;*/
img.div518a {width: 200px;}
/*div519 is the article title formatting that goes with the story here*/
div.div519 {font-family: 'Oswald', 'sans-serif'; font-size: large; color: white; margin-left: 15px;}
a.thelatestanew2 {text-decoration: none; color: #11c9ce;}
a.thelatestanew2:hover {text-decoration: none; color: #a8f2ff;}
a.thelatestanew3 {text-decoration: none; color: #ff7a7a;}
a.thelatestanew3:hover {text-decoration: none; color: #a8f2ff;}
a.thelatestanew4 {text-decoration: none; color: #a14eff; font-size: x-large;}
a.thelatestanew4:hover {text-decoration: none; color: #a8f2ff; font-size: x-large;}
div.ontournowdates {font-family: 'Oswald', 'sans-serif'; font-size: 18px; color: white; margin-left: 15px;}
div.writeashowreview {font-family: 'Oswald', 'sans-serif'; font-size: 12px; color: white; margin-left: 15px;}
/*This is for the interviews section*/
/*Div609 is for the INTERVIEWS SECTION section. To start with we'll add the rectangle and the logo AND the text. Once we've designed it and classified everything with CSS we'll pull it out of there and covert it to Javascript*/
div.div609 {position: absolute; right:0%; top:538px; width: 300px; height: 600px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 5; text-align: left; border-top: white medium solid; border-left: white medium solid; border-bottom: white medium solid;}
/*div609a gets rid of the opacity for the text.*/
div.div609a {opacity: 1;}
/*Makes a left margin because it's not working with a seperate div.*/
div.div609c {margin-left: 10px;}
/*Scales down the width of the logo text in the box when it comes out.*/
img.div609b {width: 240px;}
/*Makes the margin easier. Really these definitions are a bit of a crapshoot but adding them in goes through and makes things consistent.*/
div.div609d {margin-right: 10px;}
/*This is for sure needed. It's the classification of the arrow. It makes it a little taller to line up with a tab a little better and it also adds a pointer effect on hover.*/
img.div609e:hover {cursor: pointer;}
/*This is the arrow and the section for the right tab. Like div 110, you need to nest it.*/
div.div611 {position: absolute; right: 300px; z-index: 5;}
/*div618 is the formatting for the image that goes with the image of the cover story section*/
div.div618 {margin-left: 15px;}
/*img.div618a is the formatting for the actual image. Shrink this down and see what goes on here. if the width of the latest section stuff is 200px, I'm going to call this one 400px;*/
img.div518a {width: 200px;}
/*div619 is the article title formatting that goes with the story here*/
div.div619 {font-family: 'Oswald', 'sans-serif'; font-size: large; color: white; margin-left: 15px;}
/*div620 is the container to hide the features section on the right hand side. You don't need to define it, you just need to define the ID in your html.*/
/*div621 is how you redefine the vertical rectangle that holds the cover story section.*/
div.div621 {position: absolute; right: 0px; top: 538px; width: 250px; height: 80px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: x-large; opacity: 1; z-index: 5; text-align: right; border-top: medium solid white;}
/*div622 how you redefine the rightslideimage to move it out with javascrpt - the one that goes with the Tested & Approved section.*/
div.div622 {position: absolute; right: 250px; z-index: 5;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 95px; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*For new music container*/
div.newmusicappplettopright {display: none;}
div.newmusictabcontainer {height: 40px; width: 100%; z-index: 10; float: left;}
div.newmusicapplettab1 {background-color: #11c9ce; color: white; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.newmusicapplettab1_active {background-color: #11c9ce; color: black; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.newmusicapplettab2 {background-color: #ff7a7a; color: white; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.newmusicapplettab2_active {font-weight: bold; background-color: #ff7a7a; color: #1c1c1c; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.newmusicapplettab3 {background-color: #a14eff; color: white; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.newmusicapplettab3_active {font-weight: bold; background-color: #a14eff; color: #1c1c1c; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.newmusicapplettab4 {background-color: #ffd800; color: white; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.newmusicapplettab4_active {font-weight: bold; background-color: #ffd800; color: #1c1c1c; font-family: 'Anton', 'sans-serif'; font-size: 18pt; z-index: 11; width: 25%; float: left; text-align: center; cursor: pointer;}
div.Listen_NewMusicFirstStampapplet {width: 25%; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; float: left;}
div.Listen_NewMusicFirstStampText {font-size: 10pt; font-family: 'Oswald', 'sans-serif'; color: white; text-align: center;}
img.Listen_NewMusicFirstStampPicapplet {width: 100%; opacity: .9;}
div.Listen_New_MusicFirstStampText2 {font-size: 11pt; font-family: 'Oswald', 'sans-serif'; color: white; text-align: center;}
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.container44 {position: absolute; left: 0px; width: 0px; height: 0px;}
div.container33 {position: absolute; left: 0px; width: 0px; height: 0px; overflow: hidden;}
/*This is for the music news section - this is the bottom container - the left and right hand sides.*/
div.containerBB {width: 100%; margin-left: 0px; margin-right: 0px; float:left;}
div.musicnewssec1 {margin-left: .5%; width: 10%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 80%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*This makes the vertical banner work. */
iframe.if150x600Banner {width: 154px; height: 604px;}
/*This is for the bio panel on the left side of the page*/
div.biopanelmn {width: 90%;}
img.biopanelpic {width: 100%;}
div.biolist {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; text-align: left; color: #ff7a7a;}
/*This is for the navigation on the top of the right hand side*/
div.musicnewsthelatest{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #f7da2f; font-size: 24pt; float: left; margin-left: 5px; cursor: pointer; border-top: thin solid white; border-bottom: thin solid white;}
div.musicnewsthelatest:hover {opacity: .7;}
div.musicnewsthelatest2{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #f7da2f; font-size: 24pt; float: left; margin-left: 5px; cursor: pointer; border-bottom: thin solid #ff496e;}
div.musicnewsthelatest2:hover {opacity: .7;}
div.musicnewsthismonth{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: 24pt; float: left; margin-left: 15px; cursor: pointer; border-top: thin solid white; border-bottom: thin solid white;}
div.musicnewsthismonth:hover {opacity: .7;}
div.musicnewsthismonth2{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: 24pt; float: left; margin-left: 15px; cursor: pointer; border-bottom: thin solid #ff496e;}
div.musicnewsthismonth2:hover {opacity: .7;}
div.musicnewslastmonth{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #f89230; font-size: 24pt; float: left; margin-left: 15px; cursor: pointer; border-top: thin solid white; border-bottom: thin solid white;}
div.musicnewslastmonth:hover {opacity: .7;}
div.musicnewslastmonth2{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #f89230; font-size: 24pt; float: left; margin-left: 15px; cursor: pointer; border-bottom: thin solid #ff496e;}
div.musicnewslastmonth2:hover {opacity: .7;}
div.musicnewsmorearchives{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #a14eff; font-size: 24pt; float: left; margin-left: 15px; cursor: pointer; border-top: thin solid white; border-bottom: thin solid white;}
div.musicnewsmorearchives:hover {opacity: .7;}
div.musicnewsmorearchives2{font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #a14eff; font-size: 24pt; float: left; margin-left: 15px; cursor: pointer; border-bottom: thin solid #ff496e;}
div.musicnewsmorearchives2:hover {opacity: .7;}
/*the holder for the content panels*/
div.thelatestcontentholderbig {float: left; width: 90%; margin-left: 3%; height: fit-content; margin-top: 3%;}
/*This is for the update panels on the right hand side - part of the 'the latest' in that section*/
div.musicnewsthelatestpanel1 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff496e; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel2 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ef49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel3 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #5e49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel4 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #4991ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel5 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49bcff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel6 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49f8ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel7 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49ffbc; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel8 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49ff55; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel9 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #b0ff49; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel10 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ffff49; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel11 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ffc249; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel12 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff8b49; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel13 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff4949; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel14 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff496e; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel15 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ef49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel16 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #5e49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel17 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #4991ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel18 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49bcff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel19 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49bcff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel20 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49ffbc; font-size: large; float: left; border: thin solid white;}
/*Images that go in the latest containers */
img.musicnewsthelatest {width: 100%; z-index: 8; opacity: .9;}
img.musicnewsthelatest:hover {opacity: .4;}
/*text that goes in the latest containers*/
div.musicnewsthelatesttext {margin-left: 1px; text-align: left; z-index: 9; position: relative; top: -50px; left: 0px; background-color:rgba(0, 0, 0, 0.5); font-size: 11pt;}
form.form3 {text-align: left;}
form.form4 {text-align: center; font-size: medium;}
div.archivesection {float: left;}
div.containerF {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; overflow-x: hidden; float: left;}
div.container88 {width: 96%; margin-left: 1%; margin-right: 1%;}
div.newtop20box {width: 10%; height: 215px; min-height: 120px; margin-left: 5px; margin-right: 5px; margin-top: 20px; margin-bottom: 40px; float: left;}
img.newtop20img {width: 100%; height: auto; opacity: .9;}
div.newtop20numbering {color: white; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: xx-large; position: absolute; top: 20%;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: medium; float: left; text-align: center; width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: medium; float: left; text-align: center; width: 100%; overflow: hidden; max-height: 100px;}
a.newtop20link {text-decoration: none; cursor: pointer;}
a.newtop20link:hover {opacity: .7;}
hr.hrdivider {color: white; height: 5px; width: 100%; background-color: white;}
div.container88a1a {float: left; margin-bottom: 50px; margin-top:25px; width: 100%; height: fit-content; border: thick solid white; background-image: url('woodbackgroundblack.jpg'); background-repeat: no-repeat; background-size: 100%;}
div.container88a1aa {float: left; margin-bottom: 50px; width: 100%; border: thick solid white; background-image: url('woodbackgroundblack.jpg'); background-repeat: repeat-y; background-size: 100%;}
div.container88a1b {float: left; width: 100%;}
div.container88a1c {float: left; width: 100%; margin-bottom: 50px;}
div.container88a1d {float: left; width: 100%; margin-bottom: 5px; margin-top: 5px;}
div.container88a1e {background-color: #ff496e; border: thick solid white;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {float: left; margin-left: 1%; width: 18%; text-align: left;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 75%; text-align: left;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 18%; height: 400px; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: x-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: 300px; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {position: absolute; left: 0px; width: 0px; height: 0px; overflow: hidden;}
div.headline688a {font-size: 48pt; color: #ffd800;}
select.select3 {width: fit-content;}
input.input1A {width: fit-content;}
div.musicnewsnavleft {text-align: left;}
img.managerpreview {width: 300px; text-align: left;}
img.NewsArchivePreview1 {width: 100%; height: auto; margin-bottom: 3px;}
div.NewsArchivePreview1Text {font-family: 'Anton', sans-serif; font-size: 10pt; text-align: left;}
div.updatechartsdiv {width: 100%; margin-left: 25px; text-align: left; background-color: black; float: left; margin-top: 20px;}
div.updatechartentrytext {font-family: 'Anton', 'sans-serif'; font-size: 18pt; color: #ffd800; float: left; margin-left: 10px; margin-right: 10px;}
div.yearheader {font-family: 'Anton', 'sans-serif'; font-size: 80pt; color: #ffd800;}
div.divnewsearch {text-align: center; position: absolute; top: 5%; right: 10%; width: 10%; height: auto; float: left;}
div.archiveyearsection {width: 95%; float: left; margin-bottom: 15px;}
a.a31 {color: white;}
a.a31:hover {color: #ff7a7a; cursor: pointer;}
a.a31:visited {text-decoration: none;}
div.videostitledesktop1 {color:white; font-family: "Oswald", "Century Gothic", "Apple Gothic", Futura, sans-serif; font-size: 48pt; text-align: left; margin-left: 2.5%; width: 100%; float: left;}
div.videostitledesktop2 {color:white; font-family: "Oswald", "Century Gothic", "Apple Gothic", Futura, sans-serif; font-size: 48pt; text-align: left; margin-top: 50px; margin-left: 2.5%; width: 100%; float: left;}
div.videosplaylistsection {border-top: #f7da2f medium solid; border-bottom: #f7da2f medium solid; height: fit-content; width: 100%; overflow-y: hidden; float: left; margin-bottom: 15px;}
div.containerVV {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 10px; margin-right: 0px; overflow-x: hidden;}
div.vidpanelvv {width: 300px; margin-left: 5px; margin-right: 5px; float: left; margin-top: 10px; height: fit-content;}
img.vidpanelbackground {width: 286px; height: auto; z-index: 3; position: relative; left: 0px; top: 0px; opacity: 1;}
div.vidpanelartist {position: static; z-index: 4; left: 8px; top: 10px; font-size: x-large; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; width: 90%; overflow: hidden;}
div.vidpaneltitle {position: static; z-index: 4; left: 8px;  bottom: 10px; font-size: large; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color:#ff37f4; width: 90%; overflow: hidden;}
div.mobilevideosection1 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection3 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.new728bannerdiv {margin-left: 32%; width: 40%; overflow: hidden;}
div.new300x250banner {margin-left: 10%; position: relative;}

/*This is for the old section of the listen page that you're going to transition to the new stuff after you move radio server*/
div.Listen_ContentContainer {width: 90%; margin-left: 5%; margin-right: 5%;}
div.Listen_Top20Container {border-top: thin solid #11c9ce; margin-top: 10px;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #11c9ce;}
img.Listen_Top20Album {width: 150px;}
div.Listen_middlemusicpane {float: left; width: 50%; margin-top: 0px;}
div.Listen_newmusicpageleftside {margin-left: 2%; float: left; margin-top: 10px; margin-right: 8px; width: 13%;}
div.Listen_UTop10Container {border-top: thin solid #ffd800; margin-top: 20px;}
div.Listen_UTop10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ffd800;}
div.Listen_Top10AContainer {border-top: thin solid #ff7a7a; margin-top: 20px;}
div.Listen_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ff7a7a;}
div.Listen_NewMusicFirstContainer {float: left; width: 100%; margin-top: 20px; border-top: thin solid #a8f2ff;}
div.Listen_NewMusicFirstStamp {float: left; width: 20%; border: outset white; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 25px;}
img.Listen_NewMusicFirstStampPic {width: 100%;}
div.Listen_NewMusicFirstStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #a8f2ff;}
div.Listen_NewMusicFirstStampText2 {font-family: 'Oswald', 'sans-serif'; font-size: x-small; color: white;}
div.Listen_NewlyDiscoveredContainer {border-top: thin solid #ff2b2b; margin-top: 10px; float:  left; width: 100%;}
div.Listen_UnsignedStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #ff2b2b;}
div.Listen_newmusicpagerightside {margin-right: 0px; float: left; margin-top: 10px; margin-left: 7px; width: 20%;}
div.Listen_playlisttext {color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_playlisttext2 {color: #66ec1f; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_PlaylistContainer {width: 100%; margin-top: 10px; border-top: thin solid #66ec1f;}
div.Listen_ArchiveContainer {width: 100%; margin-top: 50px; border-top: thin solid #ffc934;}


div.NewMusic_NewMusicFirstContainer {float: left; width: 100%; margin-top: 0px; border-top: thin solid #a8f2ff;}
div.NewMusic_middlemusicpane {float:  left; width:  57%; margin-top: 20px;}
div.NewMusic_AALive {margin-top: 10px; width: 100%; height: 250px; border-top: thin solid #a14eff; float: left; margin-left: 2px; margin-right: 2px;}
div.NewMusic_rightside {margin-right: 2%; margin-left: 2px; width: 20%; float: left; margin-top: 20px;}
div.NewMusic_ReviewsContainer {float:  left; width:  100%; margin-top:  0px; border-top: thin solid #ff7a7a}
div.NewMusic_Top10AContainer {border-top: thin solid #f7da2f; margin-top: 20px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #f7da2f;}

/*This is for the old version of the listen page featuring the reviews section on the right side*/

div.newmusicpageleftside {margin-left: 5%; width: 20%; border-right: medium solid #ffd800; float: left; margin-top: 3%;}
img.newmusictop20art {width: 75%;}
.description2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: white; text-align: left;}
div.top20sectionleft {float: left; border-bottom: thin solid #11c9ce; width: 100%; margin-bottom: 10px;}
div.top10sectionleft {float: left; width: 100%; margin-bottom: 10px;}
div.middlemusicpane {float: left; width: 45%; margin-top: 3px;}
div.headlinenewnewmusic {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #a8f2ff; text-align: left; margin-left: 10px;}
div.newmusicleftsection {float: left; width: 50%;}
div.newmusicrightsection {float: left; width: 50%;}
div.newmusicpagerightside {margin-right: 5%; width: 20%; border-left: medium solid #ffd800; float: left; margin-top: 3%;}
div.newmusicreviewsleftside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
div.newmusicreviewsrightside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
.NewMusic {font-family: 'Century Gothic', 'Oswald', 'sans-serif'; font-size: 14px; color: white; text-align: center;}
img.imgReview {width: 100px; height: 100px;}
iframe.if300x250Banner {width: 304px; height: 254px;}

/*This is the CSS for the upcoming releases section*/
div.div6 {font-size: 13px; font-family: 'Century Gothic', 'Oswald', 'sans-serif'; color: white; text-align: left;}
table.table7 {width: 50%; column-count: 3; border-right: thin #f7da2f solid; float: left;}
td.td52 {width: 33%; text-align: left; vertical-align: top;}
td.td53 {width: 20%; text-align: left; vertical-align: top;}
td.td54 {width: 33%; text-align: left; vertical-align: top;}
table.table9 {width: 100%; column-count: 3;}
img.releaseartwork {width: 100%;}
div.alreadyreleased {width: 25%; float: left;}
div.bigboldreleasetitle {color: #f7da2f; font-size: x-large; font-family: 'Century Gothic', 'Oswald', 'sans-serif'; text-align: left; margin-left: 10px;}

/*For Newsarticle content panel.*/
div.aanewsarticlecontainernonmobile {width: 100%; text-align: center;}
td.td1 {width: 15%;}
td.td3 {width: 70%;}
table.table5 {width: 100%; column-count: 4;}
.style6 {text-align: left; color: white; font-family: 'Century Gothic', 'Verdana', 'Oswald' sans-serif; font-size: 13px; width: 68%; vertical-align: text-top;}
div.divarticle {font-family: 'Century Gothic', 'Oswald', 'Verdana'; font-size: 14px;}
div.div23 {text-align: center; margin-left: auto; margin-right: auto;}
.style7 {text-align: center; border-left-color: #47b4d7; border-left-style: solid; border-left-width: thin; vertical-align: top;}
td.td2 {width: 15%;}
div.mobilefooterna {width: 0px; height: 0px; overflow:hidden;}
table.table15 {width: 100%; column-count: 5; margin-left: 1%; margin-right: 1%;}
.RBand {color: #f7da2f; font-family: 'Oswald', 'sans-serif'; font-size: 13pt; width: 15%; margin-right: 0px; overflow-x: hidden;}
.RAlbum {color: white; font-family: 'Oswald', 'sans-serif'; font-size: 13pt; width: 15%; margin-right: 0px; margin-left: 0px; overflow-x: hidden;}
.RRating {width: 5%; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
.RReadtheReview {text-decoration: none; color: #66ec1f; font-family: 'Oswald', 'sans-serif'; font-size: 13pt; margin-left: 10px; margin-right: 10px; width: 15%; overflow-x: hidden;}
.RBuy {text-decoration: none; color: #66CCFF; font-family: 'Oswald', 'sans-serif'; font-size: 13pt; width: 10%; overflow-x: hidden;}
td.td47 {width: 80%;}
td.td48 {width: 20%; vertical-align: top;}
div.newreviewscontainer {width: 100%; margin-left: 10%; margin-right: 10%;}
div.reviewspageleftside {width: 40%; height: 800px; overflow-y: scroll; overflow-x: hidden; float: left;}
div.reviewspagemiddlepane {width: 50%; height: 800px; float: left; overflow-x: hidden; overflow-y: scroll;}
div.reviewspagelatestreviews {width: 100%; height: 250px; overflow-y: hidden; overflow-x: hidden; float: left;}
div.latestreviewdivnew2 {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
div.latestreviewdivnew2:hover {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; opacity: .8; cursor: pointer;}
img.latestreviewnew2 {width: 100%;}
div.latestreviewbandname {font-size: 12px; text-align: left; color: #f7da2f;}
div.latestreviewalbumname {font-size: 11px; text-align: left; color: white;}
div.latestreviewyearreleased {font-size: 11px; color: #a8f2ff;}
div.latestreviewstars {width: 100%;}
div.reviewspageessentials {width: 100%; height: 750px; overflow-y: scroll; overflow-x: hidden;}
div.reviewpagerightside {width: 8%; text-align: top; margin-left: 2px; overflow-x: hidden;}
tr.reviewstablerow:hover {opacity: .8; cursor: pointer;}

/*This is for the review page*/
td.td35 {width: 65%; vertical-align: top;}
table.table12 {width: 100%; column-count: 2; height: max-content; vertical-align: top;}
td.td38 {width: 62%;}
div.div1 {font-family: 'Century-Gothic', 'Oswald', sans-serif; color:  white; font-size: 14px;}
td.td37 {width: 38%;}
img.artworkforreview {width: 200px;}
td.td39 {width: 50%;}
div.div7 {font-size: 28px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
td.td36 {width: 35%; border-left-color: #47b4d7; border-left-style: solid; border-left-width: thin;}
img.imgNewsPreview {width: 70%; margin-left: auto; margin-right: auto;}

/*This is for the search results page*/
div.searchcontent {width: 90%; margin-left: 5%; margin-right: 5%; float: left;}
div.searchcontentresults {width: 70%; float: left;}
div.searchprofile {width: 30%; float: left;}

hr.hrsearch {width: 75%; background-color: #a8f2ff; height:  1px; margin-left: 5%; border: noborder;}
hr.hrsearch2 {width: 75%; background-color: #ff7a7a; height: 1px; margin-left: 5%; border: noborder;}
hr.hrsearch3 {width: 75%; background-color: #11c9ce; height: 1px; margin-left: 5%; border: noborder;}
hr.hrsearch4 {width: 75%; background-color: #ffd800; height: 1px; margin-left: 5%; border: noborder;}
hr.hrsearch5 {width: 75%; background-color: #4cfb39; height: 1px; margin-left: 5%; border: noborder;}
hr.hrsearch6 {width: 75%; background-color: #d751ff; height: 1px; margin-left: 5%; border: noborder;}

div.newssearchresults {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ff7a7a;}
div.songsearchresults {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #11c9ce;}
div.albumsearchresults {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800;}
div.reviewsearchresults {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #4cfb39;}
div.playlistsearchresults {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #d751ff;}
div.profilesearchresults {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #5fc9ff;}

a.searchresults {text-decoration: none; color: #ff7a7a;}
a.searchresults:hover {text-decoration: none; color: #4cfb39;}

div.nextin19section {width: 800px; height: 500px; background-image: url("/images/notebook.jpg"); float: left; margin-top: 20px; margin-bottom: 20px; border: thick solid white;}
div.nextin19leftside {width: 48%; float: left; margin-right: 0px; margin-left: 0px;}
img.nextin19artistlogo {float: left; width: 95%;}
img.nextin19playbutton {float: left; margin-left: 10px; margin-right: 5px; width: 50px; height: 50px;}
div.nextin19songtitle1 {font-size: x-large; color: black;}
div.nextin19songtitle2 {font-size: x-large; color: black;}
div.nextin19rightside {width: 50%; float: left;}
img.nextin19artistimage {width: 100%; margin-left: 0px; margin-right: 0px; float: left; margin-top: 10px;}
img.nextin19facebookdoodle {width: 60px; height: 60px; text-align: right; margin-left: 60%;}
img.nextin19twitterdoodle {width: 60px; height: 60px; text-align: right; margin-left: 2%;}
div.nextin19body {width: 80%; font-size: large; text-align: left; color: black; margin-top: 100px; margin-left: 14%;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px;}
img.bandwebartwork {width: 100%;}
div.container4a {width: 0px; height: 0px; overflow: hidden;}
div.container33a {display: none;}
div.mobilefooternA {display: none;}
div.container4afeature {width: 0px; height: 0px; overflow: hidden;}

div.a900x200Banneriframe {position: absolute; right: 50px; top: 80px; width: 910px; height: 210px; overflow: hidden;}
iframe.a900x200iframe {width: 950px; height: 250px; overflow: hidden;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

table.bestofdecadetable {width: 95%; border: medium solid #f89230;}
td.bestofdecadebigspot {width: 40%; border: thin solid #f89230; overflow: hidden;}
div.bestofdecadebigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestofdecadebigspottext {color: white; font-size: 16pt; width: 100%;}
img.bestofdecadebigart {width: 90%;}
td.bestofdecadesmallspot {width: 65%; border: thin solid #f89230;}
div.bestofdecadesmallsportart {width: 10%;}
img.bestofdecadesmallspotart {width: 100%; height: auto; float: left;}
div.bestofdecadesmallspottext {font-size: 13pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

div.bestof2019mobiltext1 {color: #ff8b49; font-size: 24pt; text-align: center;}
div.bestof2019mobiltext2 {color: #57c1ff; font-size: 24pt; text-align: center;}

div.bestof2019mobileimage {width: 80%;}
img.bestof2019mobileimage {width: 100%;}


/* Store Markup - General */

div.storeitembox {cursor: pointer; float: left; width: 20%; height: fit-content; min-height: 300px; max-height: 350px; color: white; margin-left: 10px; margin-right: 10px;}
div.storeitembox:hover {opacity: .7; cursor: pointer; float: left; width: 20%; height: fit-content; min-height: 300px; max-height: 350px; color: white; margin-left: 10px; margin-right: 10px;}
img.storeitempicture {width: 95%; border-bottom: medium solid #4991ff; border-top: medium solid #4991ff;}
div.storeitemtitle {width: 100%; background-color: black; height: 25%; text-align: left; font-size: large; color: #ffc249; font-family: 'Oswald', "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.storeitemprice {width: 40%; color: #49f8ff; font-size: large; font-family: 'Oswald', "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.storeitemnameheadline {font-size: 28pt; color: white; text-align: left; margin-left: 0px; font-family: 'Oswald', "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
img.ProductPageBigImage {width: 90%;}
div.productpaneleftside {width: 75%; float: left;}
div.productpanelrightside {width: 23%; float: left; margin-right: 5px;}
div.storeitemdescription {width: 85%; font-size: 14pt; color: white; font-family: 'Oswald', "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-top: 10px; margin-bottom: 10px;}
div.storeitemusuallyships {width: 85%; font-size: 12pt; color: #ffc934; font-family: 'Oswald', "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-top: 10px; margin-bottom: 10px;}
div.relateditemsdiv {border: thin solid #ffc934; width: 100%; text-align: center;}
img.relateditemsimage {width: 100%;}
img.bigvertbanner {cursor: pointer;}
img.bigvertbanner:hover {opacity:.8; cursor: pointer;}


/*This is for bigger desktops*/
@media only screen and (device-width : 1920px) and (device-height : 1080px){
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden; overflow-y: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: .5%; float: left; width: 20%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {width: 100%; float: left; margin-right: 1%; margin-left: 0%; width: 76%;}
div.div1B { font-size: 22px; color: #57c1ff; margin-right: 14px; float: left; margin-top: 3%;}
div.div1C { font-size: 22px; color: #ffd800; margin-right: 14px; float: left; margin-top: 3%;}
div.div1D { font-size: 22px; color: #b6ff00; margin-right: 14px; float: left; margin-top: 3%;}
div.div1E { font-size: 22px; color: #37cd9f; margin-right: 14px; float: left; margin-top: 3%;}
div.div1F { font-size: 22px; color: #f89230; margin-right: 14px; float: left; margin-top: 3%;}
div.div1G { font-size: 22px; color: #fff660; margin-right: 14px; float: left; margin-top: 3%;}
div.div1H { font-size: 22px; color: #ff37f4; margin-right: 14px; float: left; margin-top: 3%;}
div.div1Z { font-size: 22px; color: #33BAFF; margin-right: 14px; float: left; margin-top: 3%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 2%;}
img.img1I {max-height: 42px; max-width: 42px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 2%;}
img.img1J {max-height: 42px; max-width: 42px;}
div.div1K {margin-right: 4px; float: left; margin-top: 2%;}
img.img1K {max-height: 42px; max-width: 42px;}
div.div1M {margin-right: 4px; float: left; margin-top: 2%;}
img.img1M {max-height: 42px; max-width: 42px;}
div.div1N {margin-right: 4px; float: left; margin-top: 2.5%; margin-left: 10px; height: 36px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 0px; height: 0px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 15%; top: 20%; width: 70%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 17%;}
 div.div2C {font-size: 48pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {display: none;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; border: thin white solid; z-index: 9; color: white; opacity: 1; position: absolute; left: 1%; top: 11%; width: 17%;}
div.div3B {display: none;}
div.div3C {font-size: large; margin-left: 10px; margin-bottom: 5px;}
div.div3D {width: 73%; margin-left: 5%; margin-right: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
div.div3D_top {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
img.subfeature {width: 100%; margin-top: 5px; margin-bottom: 10px;}
a.a3c {text-decoration: none; margin-left: 10px; color: #b6ff00; font-size: large;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 9%; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {width: 100%; margin-left: .5%; text-align: center; float: left;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
div.containerD {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden; z-index: 10; height: fit-content;}
/*Top 20 Chart for front page*/
div.container2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; float: left;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
/*Filling out the rest of the desktop site*/
div.containerE {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.containerF {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; overflow-x: hidden; float: left;}
/*This is for the banner on the front page*/
div.rectbanner {text-align: right; position: absolute; left: 50%; top: 40px; margin-bottom: 3px; opacity: 1; width: 30%;}
/*ContainerMNDT is a container for Container BB in music news. When you're on mobile you'll have to hide container BB and active container BB mobile*/
div.containerMNDT {background-color: black;}
/*ContainerBB is for the music news boxes (There are two) inside of the desktop and tablet versions of the site*/
div.containerBB {width: 94%; margin-left: 3%; text-align: center; float: left;}
/*This is for the left side of the page with the vertical bbanner*/
div.containerBB1 {width: 15%; float: left; height: 100%; border-right: thin solid white; margin-left: 1%;}
/*This is for the right side of the page with the news navigation and the new panels*/
div.containerBB2 {width: 80%; border-right: thin solid white; float: left; height: 100%;}
/*this is for the navigation of the top of the news page*/
div.containerBB2a {width: 100%; float: left; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 36pt; margin-left: 5%;}
/*this is for each individual work/link/button on the navigation*/
div.containerBB2a1 {color: #57c1ff;}
div.containerBB2a2 {color: #f89230;}
div.containerBB2a3 {color: #66ec1f;}
div.containerBB2a3 {color: #ff7a7a;}
div.musicnewsthelatestpanel1 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff496e; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel2 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ef49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel3 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #5e49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel4 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #4991ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel5 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49bcff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel6 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49f8ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel7 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49ffbc; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel8 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49ff55; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel9 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #b0ff49; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel10 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ffff49; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel11 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ffc249; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel12 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff8b49; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel13 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff4949; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel14 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ff496e; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel15 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #ef49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel16 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #5e49ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel17 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #4991ff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel18 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49bcff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel19 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49bcff; font-size: large; float: left; border: thin solid white;}
div.musicnewsthelatestpanel20 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 300px; height: 175px; overflow: hidden; color: #49ffbc; font-size: large; float: left; border: thin solid white;}
div.container33a {display: none;}
div.container4a {display: none;}
div.container4afeature {display: none;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {float: left; margin-left: 1%; width: 18%; text-align: left;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 75%; text-align: left;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 18%; height: 400px; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: x-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {position: absolute; left: 0px; width: 0px; height: 0px; overflow: hidden;}
select.select3 {width: fit-content;}
input.input1A {width: fit-content;}
div.musicnewsnavleft {text-align: left}
div.vidpanelvv {width: 300px; margin-left: 5px; margin-right: 5px; float: left; margin-top: 10px; height: fit-content;}
div.mobilevideosection1 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection3 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.newreviewscontainer {width: 100%; margin-left: 10%; margin-right: 10%;}
div.reviewspageleftside {width: 40%; height: 800px; overflow-y: scroll; overflow-x: hidden; float: left;}
div.reviewspagemiddlepane {width: 50%; height: 800px; float: left; overflow-x: hidden; overflow-y: scroll;}
div.reviewspagelatestreviews {width: 100%; height: 250px; overflow-y: hidden; overflow-x: hidden; float: left;}
div.latestreviewdivnew2 {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
div.latestreviewdivnew2:hover {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; opacity: .8; cursor: pointer;}
img.latestreviewnew2 {width: 100%;}
div.latestreviewbandname {font-size: 12px; text-align: left; color: #f7da2f;}
div.latestreviewalbumname {font-size: 11px; text-align: left; color: white;}
div.latestreviewyearreleased {font-size: 11px; color: #a8f2ff;}
div.latestreviewstars {width: 100%;}
div.reviewspageessentials {width: 100%; height: 750px; overflow-y: scroll; overflow-x: hidden;}
div.reviewpagerightside {width: 8%; text-align: top; margin-left: 2px; overflow-x: hidden;}
tr.reviewstablerow:hover {opacity: .8; cursor: pointer;}
div.mobilefooterna {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px;}
img.bandwebartwork {width: 100%;}

div.a900x200Banneriframe {position: absolute; right: 50px; top: 80px; width: 910px; height: 210px; overflow: hidden;}
iframe.a900x200iframe {width: 950px; height: 250px; overflow: hidden;}
div.b900x200Banneriframe {display: none;}
iframe.b900x200iframe {display: none;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

table.bestofdecadetable {width: 95%; border: medium solid #f89230;}
td.bestofdecadebigspot {width: 35%; border: thin solid #f89230; overflow: hidden;}
div.bestofdecadebigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestofdecadebigspottext {color: white; font-size: 16pt; width: 100%;}
img.bestofdecadebigart {width: 90%;}
td.bestofdecadesmallspot {width: 65%; border: thin solid #f89230;}
div.bestofdecadesmallsportart {width: 10%;}
img.bestofdecadesmallspotart {width: 100%; height: auto; float: left;}
div.bestofdecadesmallspottext {font-size: 13pt; color: white; float: left;}
div.submishinfomobile {display: none;}

/* Store Markup - General */

div.storeitembox {cursor: pointer; float: left; width: 20%; height: fit-content; min-height: 300px; max-height: 350px; color: white; margin-left: 10px; margin-right: 10px;}
div.storeitembox:hover {opacity: .7; cursor: pointer; float: left; width: 20%; height: fit-content; min-height: 300px; max-height: 350px; color: white; margin-left: 10px; margin-right: 10px;}
img.storeitempicture {width: 95%; border-bottom: medium solid #4991ff; border-top: medium solid #4991ff;}
div.storeitemtitle {width: 100%; background-color: black; height: 25%; text-align: left; font-size: large; color: #ffc249; font-family: 'Oswald', "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.storeitemprice {width: 40%; color: #49f8ff; font-size: large; font-family: 'Oswald', "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}

}


/*This is for square display types - mainly laptops*/
@media screen and (device-width : 1280px) {
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 1%; float: left; width: 15%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {width: 100%; float: left; margin-right: 1%; margin-left: 0%; width: 76%;}
div.div1B { font-size: 12px; color: #57c1ff; margin-right: 8px; float: left; margin-top: 2%;}
div.div1C { font-size: 12px; color: #ffd800; margin-right: 8px; float: left; margin-top: 2%;}
div.div1D { font-size: 12px; color: #b6ff00; margin-right: 8px; float: left; margin-top: 2%;}
div.div1E { font-size: 12px; color: #37cd9f; margin-right: 8px; float: left; margin-top: 2%;}
div.div1F { font-size: 12px; color: #f89230; margin-right: 8px; float: left; margin-top: 2%;}
div.div1G { font-size: 12px; color: #fff660; margin-right: 8px; float: left; margin-top: 2%;}
div.div1H { font-size: 12px; color: #ff37f4; margin-right: 8px; float: left; margin-top: 2%;}
div.div1Z { font-size: 12px; color: #33BAFF; margin-right: 8px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 2px; float: left; margin-top: 1%;}
img.img1I {max-height: 32px; max-width: 32px;}
div.div1J  {margin-right: 2px; float: left; margin-top: 1%;}
img.img1J {max-height: 32px; max-width: 32px;}
div.div1K {margin-right: 2px; float: left; margin-top: 1%;}
img.img1K {max-height: 32px; max-width: 32px;}
div.div1M {margin-right: 2px; float: left; margin-top: 1%;}
img.img1M {max-height: 32px; max-width: 32px;}
div.div1N {margin-right: 2px; float: left; margin-top: 1.5%; margin-left: 5px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 0px; height: 0px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 15%; top: 20%; width: 70%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 3%; top: 5.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {display: none;}
img.img3A {display: none;}
/*This is for the article description box*/
div.div3A {background-color: black; border: thin solid white; z-index: 9; color: white; opacity: 1; position: absolute; left: 1%; top: 15%; width: 22%;}
div.div3B {display: none;}
div.div3C {font-size: large; margin-left: 10px; margin-right: 10px;}
div.div3D_top {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
div.div3D {width: 75%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
img.subfeature {width: 100%;}
a.a3c {text-decoration: none; margin-left: 10px; color: #b6ff00; font-size: medium;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 6.5%; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {width: 100%; margin-left: .5%; text-align: center; float: left;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*Top 20 Chart for front page*/
div.container2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; float: left;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
/*This is for the banner on the front page*/
div.rectbanner {text-align: right; position: absolute; left: 34%; top: 40px; margin-bottom: 3px; opacity: 1; width: 30%;}
div.musicnewsthelatestpanel1 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel2 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel3 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel4 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel5 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel6 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49f8ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel7 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ffbc; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel8 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ff55; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel9 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #b0ff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel10 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel11 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffc249; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel12 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff8b49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel13 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff4949; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel14 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel15 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel16 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel17 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel18 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel19 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel20 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ffbc; font-size: medium; float: left; border: thin solid white;}
div.musicnewssec1 {margin-left: .5%; width: 14%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 79%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.container33a {display: none;}
div.container4a {display: none;}
div.container4afeature {display: none;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {float: left; margin-left: 1%; width: 25%; text-align: left;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 71%; text-align: left;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 18%; height: 400px; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {position: absolute; left: 0px; width: 0px; height: 0px; overflow:hidden;}
select.select3 {width: fit-content;}
input.input1A {width: fit-content;}
div.musicnewsnavleft {text-align: left;}
div.vidpanelvv {width: 300px; margin-left: 5px; margin-right: 5px; float: left; margin-top: 10px; margin-bottom: 50px; height: fit-content;}
div.mobilevideosection1 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection3 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.videosplaylistsection {border-top: #f7da2f medium solid; border-bottom: #f7da2f medium solid; height: 263px; width: 100%; overflow-y: hidden; float: left; margin-bottom: 15px;}
div.reviewspageleftside {width: 33%; height: 800px; overflow-y: scroll; overflow-x: hidden; float: left;}
div.reviewspagemiddlepane {width: 50%; height: 800px; float: left; overflow-x: hidden; overflow-y: scroll;}
div.reviewspagelatestreviews {width: 100%; height: 250px; overflow-y: hidden; overflow-x: hidden; float: left;}
div.latestreviewdivnew2 {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
div.latestreviewdivnew2:hover {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; opacity: .8; cursor: pointer;}
img.latestreviewnew2 {width: 100%;}
div.latestreviewbandname {font-size: 12px; text-align: left; color: #f7da2f;}
div.latestreviewalbumname {font-size: 11px; text-align: left; color: white;}
div.latestreviewyearreleased {font-size: 11px; color: #a8f2ff;}
div.latestreviewstars {width: 100%;}
div.reviewspageessentials {width: 100%; height: 750px; overflow-y: scroll; overflow-x: hidden;}
div.reviewpagerightside {width: 8%; text-align: top; margin-left: 2px; overflow-x: hidden;}
.RBand {color: #f7da2f; font-family: 'Oswald', 'sans-serif'; font-size: 10pt; width: 1%; margin-right: 0px; overflow-x: hidden;}
.RAlbum {color: white; font-family: 'Oswald', 'sans-serif'; font-size: 8pt; width: 1%; margin-right: 0px; margin-left: 0px; overflow-x: hidden;}
.RRating {width: 1%; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
.RReadtheReview {display: none;}
.RBuy {display: none;}
tr.reviewstablerow:hover {opacity: .8; cursor: pointer;}
div.mobilefooterna {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px;}
img.bandwebartwork {width: 100%;}
div.divnewdivonediv1 {width: 750px; height: 100px; border: medium solid white; overflow: hidden; position: absolute; right: 7%; top: 150px; float: left;}
div.divnewdivonedive1iframe {width: 200px; height: 98px; margin-left: 1px; margin-right: 1px; float: left;}
div.divnewdive1text {float: left; color: #ffc249; margin-left: 1px; font-size: medium; text-align: center;}
div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

table.bestofdecadetable {width: 95%; border: medium solid #f89230;}
td.bestofdecadebigspot {width: 35%; border: thin solid #f89230; overflow: hidden;}
div.bestofdecadebigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestofdecadebigspottext {color: white; font-size: 16pt; width: 100%;}
img.bestofdecadebigart {width: 90%;}
td.bestofdecadesmallspot {width: 65%; border: thin solid #f89230;}
div.bestofdecadesmallsportart {width: 10%;}
img.bestofdecadesmallspotart {width: 100%; height: auto; float: left;}
div.bestofdecadesmallspottext {font-size: 13pt; color: white; float: left;}
div.submishinfomobile {display: none;}


}


/*This is for the iPad Pro 12.9 and smaller resolution desktops and laptops - All of this is in landscape orientation.*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5)
{/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: .5%; float: left; width: 15%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 11%;}
/*This is for the text links in the navbar*/
div.divone1 {width: 100%; float: left; margin-right: 1%; margin-left: 0%; width: 76%;}
div.div1B { font-size: 11px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 11px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 11px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 11px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 11px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 11px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 11px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 11px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 0px; height: 0px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive;}
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 15%; top: 20%; width: 70%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 1%; top: 5.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {display: none;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; border: thin solid white; z-index: 9; color: white; opacity: 1; position: absolute; left: 1%; top: 12.5%; width: 21%;}
div.div3B {display: none;}
div.div3C {font-size: large; margin-left: 10px; margin-right: 10px;}
div.div3D_top {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
div.div3D {width: 75%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
img.subfeature {width: 100%;}
a.a3c {text-decoration: none; margin-left: 10px; color: #b6ff00; font-size: normal;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 7.5%; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {width: 100%; margin-left: 4%; text-align: center; float: left;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*Top 20 Chart for front page*/
div.container2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; float: left;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
/*This is for the front page banner*/
div.rectbanner {text-align: right; position: absolute; left: 34%; top: 40px; margin-bottom: 3px; opacity: 1; width: 30%;}
div.musicnewsthelatestpanel1 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel2 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel3 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel4 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel5 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel6 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49f8ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel7 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ffbc; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel8 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ff55; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel9 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #b0ff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel10 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel11 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffc249; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel12 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff8b49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel13 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff4949; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel14 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel15 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel16 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel17 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel18 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel19 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel20 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ffbc; font-size: medium; float: left; border: thin solid white;}
div.musicnewssec1 {margin-left: .5%; width: 14%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 79%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.container33a {display: none;}
div.container4a {display: none;}
div.container4afeature {display: none;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {float: left; margin-left: 1%; width: 23%; text-align: left;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 71%; text-align: left;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 18%; height: 400px; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: 11pt;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {position: absolute; left: 0px; width: 0px; height: 0px; overflow: hidden;}
select.select3 {width: fit-content;}
input.input1A {width: fit-content;}
div.musicnewsnavleft {text-align: left;}
div.vidpanelvv {width: 300px; margin-left: 5px; margin-right: 5px; float: left; margin-top: 10px; margin-bottom: 50px; height: fit-content;}
div.mobilevideosection1 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection3 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.videosplaylistsection {border-top: #f7da2f medium solid; border-bottom: #f7da2f medium solid; height: 263px; width: 100%; overflow-y: hidden; float: left; margin-bottom: 15px;}
div.newtop20box {width: 15%; height: auto; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 25px; float: left; max-height: 250px;}
img.newtop20img {width: 100%; height: auto; opacity: .9;}
div.newtop20numbering {color: white; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: xx-large; position: absolute; top: 20%;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: small; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: smaller; position: relative; top: 75%; text-align: center; max-height: 15px;}
a.newtop20link {text-decoration: none; cursor: pointer;}
a.newtop20link:hover {opacity: .7;}
div.reviewspageleftside {width: 33%; height: 800px; overflow-y: scroll; overflow-x: hidden; float: left;}
div.reviewspagemiddlepane {width: 50%; height: 800px; float: left; overflow-x: hidden; overflow-y: scroll;}
div.reviewspagelatestreviews {width: 100%; height: 250px; overflow-y: hidden; overflow-x: hidden; float: left;}
div.latestreviewdivnew2 {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
div.latestreviewdivnew2:hover {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; opacity: .8; cursor: pointer;}
img.latestreviewnew2 {width: 100%;}
div.latestreviewbandname {font-size: 12px; text-align: left; color: #f7da2f;}
div.latestreviewalbumname {font-size: 11px; text-align: left; color: white;}
div.latestreviewyearreleased {font-size: 11px; color: #a8f2ff;}
div.latestreviewstars {width: 100%;}
div.reviewspageessentials {width: 100%; height: 750px; overflow-y: scroll; overflow-x: hidden;}
div.reviewpagerightside {width: 8%; text-align: top; margin-left: 2px; overflow-x: hidden;}
.RBand {color: #f7da2f; font-family: 'Oswald', 'sans-serif'; font-size: 10pt; width: 1%; margin-right: 0px; overflow-x: hidden;}
.RAlbum {color: white; font-family: 'Oswald', 'sans-serif'; font-size: 8pt; width: 1%; margin-right: 0px; margin-left: 0px; overflow-x: hidden;}
.RRating {width: 1%; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
.RReadtheReview {display: none;}
.RBuy {display: none;}
tr.reviewstablerow:hover {opacity: .8; cursor: pointer;}
div.mobilefooterna {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px;}
img.bandwebartwork {width: 100%;}
div.container4a {display: none;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

table.bestofdecadetable {width: 95%; border: medium solid #f89230;}
td.bestofdecadebigspot {width: 35%; border: thin solid #f89230; overflow: hidden;}
div.bestofdecadebigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestofdecadebigspottext {color: white; font-size: 16pt; width: 100%;}
img.bestofdecadebigart {width: 90%;}
td.bestofdecadesmallspot {width: 65%; border: thin solid #f89230;}
div.bestofdecadesmallsportart {width: 10%;}
img.bestofdecadesmallspotart {width: 100%; height: auto; float: left;}
div.bestofdecadesmallspottext {font-size: 13pt; color: white; float: left;}
div.submishinfomobile {display: none;}

}


/*This is for the iPad Pro 12.9 and smaller-resolution desktops and laptops - this is portrait orientation*/
/*PORTRAIT ISN'T WORKING. OVERLAPPING MEDIA QUERY.*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5)
{
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: .5%; float: left; width: 18%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {width: 100%; float: left; margin-right: 1%; margin-left: 0%; width: 76%;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 0px; height: 0px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 15%; top: 20%; width: 70%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: .5%; top: 25%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {display: none;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; border: thin solid white; z-index: 9; color: white; opacity: 1; position: absolute; left: .5%; top: 28%; width: 22%;}
div.div3B {display: none;}
div.div3C {font-size: medium; margin-left: 10px;}
div.div3D_top {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
div.div3D {width: 75%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
img.subfeature {width: 100%;}
a.a3c {text-decoration: none; color: #b6ff00; font-size: 9pt;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 95px; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 3%; margin-right: 0px; overflow-x: hidden;}
div.container3 {width: 100%; margin-left: .5%; text-align: center; float: left;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white; margin-left: 3.5%;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*Top 20 Chart for front page*/
div.container2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; float: left;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
/*For the front page banner*/
div.rectbanner {text-align: right; position: absolute; left: 28%; top: 40px; margin-bottom: 3px; opacity: 1; width: 30%;}
div.musicnewsthelatestpanel1 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel2 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel3 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel4 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel5 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel6 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49f8ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel7 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ffbc; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel8 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ff55; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel9 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #b0ff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel10 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel11 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffc249; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel12 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff8b49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel13 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff4949; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel14 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel15 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel16 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel17 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel18 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {margin-left: .5%; width: 16%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 77%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.container33a {display: none;}
div.container4a {display: none;}
div.container4afeature {display: none;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {float: left; margin-left: 1%; width: 18%; text-align: left;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 75%; text-align: left;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 18%; height: 400px; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: x-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {position: absolute; left: 0px; width: 0px; height: 0px; overflow:hidden;}
select.select3 {width: fit-content;}
input.input1A {width: fit-content;}
div.musicnewsnavleft {text-align: left;}
div.vidpanelvv {width: 300px; margin-left: 5px; margin-right: 5px; float: left; margin-top: 10px; margin-bottom: 50px; height: 250px;}
div.mobilevideosection1 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection3 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.newtop20box {width: 10%; height: auto; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 25px; float: left; max-height: 250px;}
img.newtop20img {width: 100%; height: auto; opacity: .9;}
div.newtop20numbering {color: white; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: xx-large; position: absolute; top: 20%;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: x-small; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden; max-height: 10px;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: xx-small; position: relative; top: 75%; text-align: center; max-height: 10px;}
a.newtop20link {text-decoration: none; cursor: pointer;}
a.newtop20link:hover {opacity: .7;}

/*This is for the old section of the listen page that you're going to transition to the new stuff after you move radio server*/
div.Listen_ContentContainer {width: 90%; margin-left: 5%; margin-right: 5%;}
div.Listen_Top20Container {border-top: thin solid #11c9ce; margin-top: 10px;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #11c9ce;}
img.Listen_Top20Album {width: 150px;}
div.Listen_middlemusicpane {float: left; width: 50%; margin-top: 0px;}
div.Listen_newmusicpageleftside {margin-left: 1%; float: left; margin-top: 10px; margin-right: 8px; width: 30%;}
div.Listen_UTop10Container {border-top: thin solid #ffd800; margin-top: 20px;}
div.Listen_UTop10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ffd800;}
div.Listen_Top10AContainer {border-top: thin solid #ff7a7a; margin-top: 20px;}
div.Listen_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ff7a7a;}
div.Listen_NewMusicFirstContainer {float: left; width: 100%; margin-top: 20px; border-top: thin solid #a8f2ff;}
div.Listen_NewMusicFirstStamp {float: left; width: 33.3%; border: outset white; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 25px;}
img.Listen_NewMusicFirstStampPic {width: 100%;}
div.Listen_NewMusicFirstStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #a8f2ff;}
div.Listen_NewMusicFirstStampText2 {font-family: 'Oswald', 'sans-serif'; font-size: x-small; color: white;}
div.Listen_NewlyDiscoveredContainer {border-top: thin solid #ff2b2b; margin-top: 10px; float:  left; width: 100%;}
div.Listen_UnsignedStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #ff2b2b;}
div.Listen_newmusicpagerightside {margin-right: 0px; float: left; margin-top: 10px; margin-left: 7px; width: 20%;}
div.Listen_playlisttext {color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_playlisttext2 {color: #66ec1f; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_PlaylistContainer {width: 100%; margin-top: 10px; border-top: thin solid #66ec1f;}
div.Listen_ArchiveContainer {width: 100%; margin-top: 50px; border-top: thin solid #ffc934;}


div.NewMusic_NewMusicFirstContainer {float: left; width: 100%; margin-top: 0px; border-top: thin solid #a8f2ff;}
div.NewMusic_middlemusicpane {float:  left; width:  35%; margin-top: 20px; height: 820px; overflow: hidden;}
div.NewMusic_AALive {margin-top: 10px; width: 100%; height: 250px; border-top: thin solid #a14eff; float: left; margin-left: 2px; margin-right: 2px;}
div.NewMusic_rightside {margin-right: 1%; margin-left: 2px; width: 31%; float: left; margin-top: 20px;}
div.NewMusic_ReviewsContainer {float:  left; width:  100%; margin-top:  0px; border-top: thin solid #ff7a7a}
div.NewMusic_Top10AContainer {border-top: thin solid #f7da2f; margin-top: 20px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #f7da2f;}
div.headline4newnew {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 3px; width: 100%; float: left;}

/*This is for the old version of the listen page featuring the reviews section on the right side*/

div.newmusicpageleftside {margin-left: 1%; width: 20%; border-right: medium solid #ffd800; float: left; margin-top: 3%;}
img.newmusictop20art {width: 75%;}
.description2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: white; text-align: left;}
div.top20sectionleft {float: left; border-bottom: thin solid #11c9ce; width: 100%; margin-bottom: 10px;}
div.top10sectionleft {float: left; width: 100%; margin-bottom: 10px;}
div.middlemusicpane {float: left; width: 45%; margin-top: 3px;}
div.headlinenewnewmusic {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #a8f2ff; text-align: left; margin-left: 10px;}
div.newmusicleftsection {float: left; width: 50%;}
div.newmusicrightsection {float: left; width: 50%;}
div.newmusicpagerightside {margin-right: 5%; width: 20%; border-left: medium solid #ffd800; float: left; margin-top: 3%;}
div.newmusicreviewsleftside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
div.newmusicreviewsrightside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
.NewMusic {font-family: 'Century Gothic', 'Oswald', 'sans-serif'; font-size: 14px; color: white; text-align: center;}
img.imgReview {width: 100px; height: 100px;}
iframe.if300x250Banner {width: 304px; height: 254px;}
div.alreadyreleased {width: 18%; float: left; overflow: hidden;}
table.table7 {width: 48%; column-count: 3; border-right: thin #f7da2f solid; float: left;}
div.reviewspageleftside {width: 33%; height: 800px; overflow-y: scroll; overflow-x: hidden; float: left;}
div.reviewspagemiddlepane {width: 50%; height: 800px; float: left; overflow-x: hidden; overflow-y: scroll;}
div.reviewspagelatestreviews {width: 100%; height: 250px; overflow-y: hidden; overflow-x: hidden; float: left;}
div.latestreviewdivnew2 {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
div.latestreviewdivnew2:hover {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; opacity: .8; cursor: pointer;}
img.latestreviewnew2 {width: 100%;}
div.latestreviewbandname {font-size: 12px; text-align: left; color: #f7da2f;}
div.latestreviewalbumname {font-size: 11px; text-align: left; color: white;}
div.latestreviewyearreleased {font-size: 11px; color: #a8f2ff;}
div.latestreviewstars {width: 100%;}
div.reviewspageessentials {width: 100%; height: 750px; overflow-y: scroll; overflow-x: hidden;}
div.reviewpagerightside {width: 8%; text-align: top; margin-left: 2px; overflow-x: hidden;}
.RBand {color: #f7da2f; font-family: 'Oswald', 'sans-serif'; font-size: 10pt; width: 1%; margin-right: 0px; overflow-x: hidden;}
.RAlbum {color: white; font-family: 'Oswald', 'sans-serif'; font-size: 8pt; width: 1%; margin-right: 0px; margin-left: 0px; overflow-x: hidden;}
.RRating {width: 1%; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
.RReadtheReview {display: none;}
.RBuy {display: none;}
tr.reviewstablerow:hover {opacity: .8; cursor: pointer;}
div.mobilefooterna {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom: 50px; height: 250px;}
img.bandwebartwork {width: 100%;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

table.bestofdecadetable {width: 95%; border: medium solid #f89230;}
td.bestofdecadebigspot {width: 35%; border: thin solid #f89230; overflow: hidden;}
div.bestofdecadebigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestofdecadebigspottext {color: white; font-size: 16pt; width: 100%;}
img.bestofdecadebigart {width: 90%;}
td.bestofdecadesmallspot {width: 65%; border: thin solid #f89230;}
div.bestofdecadesmallsportart {width: 10%;}
img.bestofdecadesmallspotart {width: 100%; height: auto; float: left;}
div.bestofdecadesmallspottext {font-size: 13pt; color: white; float: left;}
div.submishinfomobile {display: none;}

}


/*This is for general ipads in landscape mode*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)
{
/*Not device specific, generalized css. You can put things like the default text type, background, and body style here*/
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: .5%; float: left; width: 18%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {width: 100%; float: left; margin-right: 1%; margin-left: 0%; width: 76%;}
div.div1B { font-size: 12px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 3%;}
div.div1C { font-size: 12px; color: #ffd800; margin-right: 10px; float: left; margin-top: 3%;}
div.div1D { font-size: 12px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 3%;}
div.div1E { font-size: 12px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 3%;}
div.div1F { font-size: 12px; color: #f89230; margin-right: 10px; float: left; margin-top: 3%;}
div.div1G { font-size: 12px; color: #fff660; margin-right: 10px; float: left; margin-top: 3%;}
div.div1H { font-size: 12px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 3%;}
div.div1Z { font-size: 12px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 3%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 8px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 8px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 8px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 8px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 8px; float: right; margin-top: 1.5%; margin-left: 25px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 0px; height: 0px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 15%; top: 20%; width: 70%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 1%; top: 5.5%;}
 div.div2C {font-size: 42pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 7%; position: absolute; left: 70%; top: 15%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; border: thin solid white; z-index: 9; color: white; opacity: 1; position: absolute; left: 0.5%; top: 8%; width: 23%;}
div.div3B {display: none;}
div.div3C {font-size: medium; margin-left: 10px;}
div.div3D_top {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
div.div3D {width: 75%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
img.subfeature {width: 100%;}
a.a3c {text-decoration: none; color: #b6ff00; font-size: 9pt;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 15%; width:200px; height:80px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: small; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {width: 100%; margin-left: .5%; text-align: center; float: left;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white; margin-left: 3.5%;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*Top 20 Chart for front page*/
div.container2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; float: left;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
/*THIS IS FOR THE FRONT PAGE BANNER*/
div.rectbanner {text-align: right; position: absolute; left: 26%; top: 40px; margin-bottom: 3px; opacity: 1; width: 30%;}
div.musicnewsthelatestpanel1 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel2 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel3 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel4 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel5 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel6 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49f8ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel7 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ffbc; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel8 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ff55; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel9 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #b0ff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel10 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel11 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffc249; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel12 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff8b49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel13 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff4949; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel14 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel15 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel16 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel17 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel18 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {margin-left: .5%; width: 16%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 77%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.container33a {display: none;}
div.container4a {position: absolute; left: 0px; top: 72px; width: 0px;}
div.container4afeature {position: absolute; left: 0px; top: 0px; width: 0px;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {float: left; margin-left: 1%; width: 23%; text-align: left;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 70%;  text-align: left;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 18%; font-size: 11pt; height: 400px; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {position: absolute; left: 0px; width: 0px; height: 0px; overflow: hidden;}
select.select3 {width: fit-content;}
input.input1A {width: fit-content;}
div.musicnewsnavleft {text-align:left;}
div.vidpanelvv {width: 300px; margin-left: 5px; margin-right: 5px; float: left; margin-top: 10px; margin-bottom: 50px; height: fit-content;}
div.mobilevideosection1 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection3 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.newtop20box {width: 15%; height: auto; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 25px; float: left;}
img.newtop20img {width: 100%; height: auto; opacity: .9;}
div.newtop20numbering {color: white; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: xx-large; position: absolute; top: 20%;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: x-small; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: xx-small; position: relative; top: 75%; text-align: center;}
a.newtop20link {text-decoration: none; cursor: pointer;}
a.newtop20link:hover {opacity: .7;}

/*This is for the old section of the listen page that you're going to transition to the new stuff after you move radio server*/
div.Listen_ContentContainer {width: 90%; margin-left: 5%; margin-right: 5%;}
div.Listen_Top20Container {border-top: thin solid #11c9ce; margin-top: 10px;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #11c9ce;}
img.Listen_Top20Album {width: 150px;}
div.Listen_middlemusicpane {float: left; width: 50%; margin-top: 0px;}
div.Listen_newmusicpageleftside {margin-left: 1%; float: left; margin-top: 10px; margin-right: 8px; width: 30%;}
div.Listen_UTop10Container {border-top: thin solid #ffd800; margin-top: 20px;}
div.Listen_UTop10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ffd800;}
div.Listen_Top10AContainer {border-top: thin solid #ff7a7a; margin-top: 20px;}
div.Listen_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ff7a7a;}
div.Listen_NewMusicFirstContainer {float: left; width: 100%; margin-top: 20px; border-top: thin solid #a8f2ff;}
div.Listen_NewMusicFirstStamp {float: left; width: 33.3%; border: outset white; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 25px;}
img.Listen_NewMusicFirstStampPic {width: 100%;}
div.Listen_NewMusicFirstStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #a8f2ff;}
div.Listen_NewMusicFirstStampText2 {font-family: 'Oswald', 'sans-serif'; font-size: x-small; color: white;}
div.Listen_NewlyDiscoveredContainer {border-top: thin solid #ff2b2b; margin-top: 10px; float:  left; width: 100%;}
div.Listen_UnsignedStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #ff2b2b;}
div.Listen_newmusicpagerightside {margin-right: 0px; float: left; margin-top: 10px; margin-left: 7px; width: 20%;}
div.Listen_playlisttext {color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_playlisttext2 {color: #66ec1f; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_PlaylistContainer {width: 100%; margin-top: 10px; border-top: thin solid #66ec1f;}
div.Listen_ArchiveContainer {width: 100%; margin-top: 50px; border-top: thin solid #ffc934;}


div.NewMusic_NewMusicFirstContainer {float: left; width: 100%; margin-top: 0px; border-top: thin solid #a8f2ff;}
div.NewMusic_middlemusicpane {float:  left; width:  35%; margin-top: 20px; height: 820px; overflow: hidden;}
div.NewMusic_AALive {margin-top: 10px; width: 100%; height: 250px; border-top: thin solid #a14eff; float: left; margin-left: 2px; margin-right: 2px;}
div.NewMusic_rightside {margin-right: 1%; margin-left: 2px; width: 31%; float: left; margin-top: 20px;}
div.NewMusic_ReviewsContainer {float:  left; width:  100%; margin-top:  0px; border-top: thin solid #ff7a7a}
div.NewMusic_Top10AContainer {border-top: thin solid #f7da2f; margin-top: 20px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #f7da2f;}
div.headline4newnew {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 3px; width: 100%; float: left;}

/*This is for the old version of the listen page featuring the reviews section on the right side*/

div.newmusicpageleftside {margin-left: 1%; width: 20%; border-right: medium solid #ffd800; float: left; margin-top: 3%;}
img.newmusictop20art {width: 75%;}
.description2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: white; text-align: left;}
div.top20sectionleft {float: left; border-bottom: thin solid #11c9ce; width: 100%; margin-bottom: 10px;}
div.top10sectionleft {float: left; width: 100%; margin-bottom: 10px;}
div.middlemusicpane {float: left; width: 45%; margin-top: 3px;}
div.headlinenewnewmusic {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #a8f2ff; text-align: left; margin-left: 10px;}
div.newmusicleftsection {float: left; width: 50%;}
div.newmusicrightsection {float: left; width: 50%;}
div.newmusicpagerightside {margin-right: 5%; width: 20%; border-left: medium solid #ffd800; float: left; margin-top: 3%;}
div.newmusicreviewsleftside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
div.newmusicreviewsrightside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
.NewMusic {font-family: 'Century Gothic', 'Oswald', 'sans-serif'; font-size: 14px; color: white; text-align: center;}
img.imgReview {width: 100px; height: 100px;}
iframe.if300x250Banner {width: 304px; height: 254px;}
div.alreadyreleased {width: 18%; float: left; overflow: hidden;}
table.table7 {width: 48%; column-count: 3; border-right: thin #f7da2f solid; float: left;}
div.reviewspageleftside {width: 33%; height: 800px; overflow-y: scroll; overflow-x: hidden; float: left;}
div.reviewspagemiddlepane {width: 50%; height: 800px; float: left; overflow-x: hidden; overflow-y: scroll;}
div.reviewspagelatestreviews {width: 100%; height: 250px; overflow-y: hidden; overflow-x: hidden; float: left;}
div.latestreviewdivnew2 {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
div.latestreviewdivnew2:hover {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; opacity: .8; cursor: pointer;}
img.latestreviewnew2 {width: 100%;}
div.latestreviewbandname {font-size: 12px; text-align: left; color: #f7da2f;}
div.latestreviewalbumname {font-size: 11px; text-align: left; color: white;}
div.latestreviewyearreleased {font-size: 11px; color: #a8f2ff;}
div.latestreviewstars {width: 100%;}
div.reviewspageessentials {width: 100%; height: 750px; overflow-y: scroll; overflow-x: hidden;}
div.reviewpagerightside {width: 8%; text-align: top; margin-left: 2px; overflow-x: hidden;}
.RBand {color: #f7da2f; font-family: 'Oswald', 'sans-serif'; font-size: 10pt; width: 1%; margin-right: 0px; overflow-x: hidden;}
.RAlbum {color: white; font-family: 'Oswald', 'sans-serif'; font-size: 8pt; width: 1%; margin-right: 0px; margin-left: 0px; overflow-x: hidden;}
.RRating {width: 1%; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
.RReadtheReview {display: none;}
.RBuy {display: none;}
tr.reviewstablerow:hover {opacity: .8; cursor: pointer;}
div.mobilefooterna {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

table.bestofdecadetable {width: 95%; border: medium solid #f89230;}
td.bestofdecadebigspot {width: 35%; border: thin solid #f89230; overflow: hidden;}
div.bestofdecadebigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestofdecadebigspottext {color: white; font-size: 16pt; width: 100%;}
img.bestofdecadebigart {width: 90%;}
td.bestofdecadesmallspot {width: 65%; border: thin solid #f89230;}
div.bestofdecadesmallsportart {width: 10%;}
img.bestofdecadesmallspotart {width: 100%; height: auto; float: left;}
div.bestofdecadesmallspottext {font-size: 13pt; color: white; float: left;}
div.submishinfomobile {display: none;}

}


/*This is for general ipads in portrait mode*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
{/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: .5%; float: left; width: 18%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {width: 100%; float: left; margin-right: 1%; margin-left: 0%; width: 76%;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 0px; height: 0px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: absolute; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: 'Knewave', cursive; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 15%; top: 20%; width: 70%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 1%; top: 3.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {display: none;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; border: thin solid white; z-index: 9; color: white; opacity: 1; position: absolute; left: 0.5%; top: 6.5%; width: 22%;}
div.div3B {display: none;}
div.div3C {font-size: medium; margin-left: 10px;}
div.div3D_top {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
div.div3D {width: 90%; margin-left: 5%; float: left; margin-bottom: 5px; cursor: pointer;}
img.subfeature {width: 100%;}
a.a3c {text-decoration: none; color: #b6ff00; font-size: 9pt; margin-left: 2px;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 8%; width:200px; height:80px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: small; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {width: 100%; margin-left: .5%; text-align: center; float: left;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white; margin-left: 2%;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 0px; overflow:hidden; position:absolute; left: 0px; top:0px;}
/*Top 20 Chart for front page*/
div.container2 {width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; float: left;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
div.mobilefooter3 {position: absolute; width: 0px; left: 0px; height: 0px; overflow: hidden;}
/*Front page banner*/
div.rectbanner {text-align: right; position: absolute; left: 26%; top: 40px; margin-bottom: 3px; opacity: 1; width: 30%;}
div.musicnewsthelatestpanel1 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel2 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel3 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel4 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel5 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel6 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49f8ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel7 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ffbc; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel8 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49ff55; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel9 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #b0ff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel10 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffff49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel11 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ffc249; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel12 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff8b49; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel13 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff4949; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel14 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ff496e; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel15 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #ef49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel16 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #5e49ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel17 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #4991ff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel18 {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; width: 220px; height: 140px; overflow: hidden; color: #49bcff; font-size: medium; float: left; border: thin solid white;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {margin-left: .5%; width: 16%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 77%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
div.container33a {display: none;}
div.container4a {display: none;}
div.container4afeature {display: none;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {float: left; margin-left: 1%; width: 23%; text-align: left;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 70%; text-align: left;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {font-size: 10pt; float: left; width: 18%; height: 400px; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: medium; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: 11pt;}
div.isotdtextlink {color: #4991ff; font-size: 11pt;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {position: absolute; left: 0px; width: 0px; height: 0px; overflow: hidden;}
select.select3 {width: fit-content;}
input.input1A {width: fit-content;}
div.musicnewsnavleft {text-align:left;}
div.vidpanelvv {width: 300px; margin-left: 5px; margin-right: 5px; float: left; margin-top: 10px; margin-bottom: 50px; height: 250px;}
div.mobilevideosection1 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.mobilevideosection3 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden;}
div.newtop20box {width: 15%; height: auto; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 25px; float: left; max-height: 250px;}
img.newtop20img {width: 100%; height: auto; opacity: .9;}
div.newtop20numbering {color: white; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: xx-large; position: absolute; top: 20%;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: x-small; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden; max-height: 10px;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: xx-small; position: relative; top: 75%; text-align: center; max-height: 10px;}
a.newtop20link {text-decoration: none; cursor: pointer;}
a.newtop20link:hover {opacity: .7;}

/*This is for the old section of the listen page that you're going to transition to the new stuff after you move radio server*/
div.Listen_ContentContainer {width: 90%; margin-left: 5%; margin-right: 5%;}
div.Listen_Top20Container {border-top: thin solid #11c9ce; margin-top: 10px;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #11c9ce;}
img.Listen_Top20Album {width: 150px;}
div.Listen_middlemusicpane {float: left; width: 50%; margin-top: 0px;}
div.Listen_newmusicpageleftside {margin-left: 1%; float: left; margin-top: 10px; margin-right: 8px; width: 30%;}
div.Listen_UTop10Container {border-top: thin solid #ffd800; margin-top: 20px;}
div.Listen_UTop10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ffd800;}
div.Listen_Top10AContainer {border-top: thin solid #ff7a7a; margin-top: 20px;}
div.Listen_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #ff7a7a;}
div.Listen_NewMusicFirstContainer {float: left; width: 100%; margin-top: 20px; border-top: thin solid #a8f2ff;}
div.Listen_NewMusicFirstStamp {float: left; width: 33.3%; border: outset white; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 25px;}
img.Listen_NewMusicFirstStampPic {width: 100%;}
div.Listen_NewMusicFirstStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #a8f2ff;}
div.Listen_NewMusicFirstStampText2 {font-family: 'Oswald', 'sans-serif'; font-size: x-small; color: white;}
div.Listen_NewlyDiscoveredContainer {border-top: thin solid #ff2b2b; margin-top: 10px; float:  left; width: 100%;}
div.Listen_UnsignedStampText {font-family: 'Oswald', 'sans-serif'; font-size: small; color: #ff2b2b;}
div.Listen_newmusicpagerightside {margin-right: 0px; float: left; margin-top: 10px; margin-left: 7px; width: 20%;}
div.Listen_playlisttext {color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_playlisttext2 {color: #66ec1f; font-family: 'Oswald', 'sans-serif'; font-size: large; text-align: left;}
div.Listen_PlaylistContainer {width: 100%; margin-top: 10px; border-top: thin solid #66ec1f;}
div.Listen_ArchiveContainer {width: 100%; margin-top: 50px; border-top: thin solid #ffc934;}


div.NewMusic_NewMusicFirstContainer {float: left; width: 100%; margin-top: 0px; border-top: thin solid #a8f2ff;}
div.NewMusic_middlemusicpane {float:  left; width:  35%; margin-top: 20px; height: 815px; overflow: hidden;}
div.NewMusic_AALive {margin-top: 10px; width: 100%; height: 250px; border-top: thin solid #a14eff; float: left; margin-left: 2px; margin-right: 2px;}
div.NewMusic_rightside {margin-right: 1%; margin-left: 2px; width: 31%; float: left; margin-top: 20px;}
div.NewMusic_ReviewsContainer {float:  left; width:  100%; margin-top:  0px; border-top: thin solid #ff7a7a}
div.NewMusic_Top10AContainer {border-top: thin solid #f7da2f; margin-top: 20px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: medium; color: #f7da2f;}
div.headline4newnew {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 3px; width: 100%; float: left;}

/*This is for the old version of the listen page featuring the reviews section on the right side*/

div.newmusicpageleftside {margin-left: 1%; width: 20%; border-right: medium solid #ffd800; float: left; margin-top: 3%;}
img.newmusictop20art {width: 75%;}
.description2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: white; text-align: left;}
div.top20sectionleft {float: left; border-bottom: thin solid #11c9ce; width: 100%; margin-bottom: 10px;}
div.top10sectionleft {float: left; width: 100%; margin-bottom: 10px;}
div.middlemusicpane {float: left; width: 45%; margin-top: 3px;}
div.headlinenewnewmusic {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #a8f2ff; text-align: left; margin-left: 10px;}
div.newmusicleftsection {float: left; width: 50%;}
div.newmusicrightsection {float: left; width: 50%;}
div.newmusicpagerightside {margin-right: 5%; width: 20%; border-left: medium solid #ffd800; float: left; margin-top: 3%;}
div.newmusicreviewsleftside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
div.newmusicreviewsrightside {float: left; width: 44%; border-left: thin solid #ff7a7a; border-right: thin solid #ff7a7a; margin-left: 2%; margin-right: 2%;}
.NewMusic {font-family: 'Century Gothic', 'Oswald', 'sans-serif'; font-size: 14px; color: white; text-align: center;}
img.imgReview {width: 100px; height: 100px;}
iframe.if300x250Banner {width: 304px; height: 254px;}
div.alreadyreleased {width: 18%; float: left; overflow: hidden;}
table.table7 {width: 48%; column-count: 3; border-right: thin #f7da2f solid; float: left;}
div.reviewspageleftside {width: 33%; height: 800px; overflow-y: scroll; overflow-x: hidden; float: left;}
div.reviewspagemiddlepane {width: 50%; height: 800px; float: left; overflow-x: hidden; overflow-y: scroll;}
div.reviewspagelatestreviews {width: 100%; height: 250px; overflow-y: hidden; overflow-x: hidden; float: left;}
div.latestreviewdivnew2 {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
div.latestreviewdivnew2:hover {float: left; width: 100px; height: 200px; overflow-y: hidden; overflow-x: hidden; margin-left: 5px; margin-right: 5px; opacity: .8; cursor: pointer;}
img.latestreviewnew2 {width: 100%;}
div.latestreviewbandname {font-size: 12px; text-align: left; color: #f7da2f;}
div.latestreviewalbumname {font-size: 11px; text-align: left; color: white;}
div.latestreviewyearreleased {font-size: 11px; color: #a8f2ff;}
div.latestreviewstars {width: 100%;}
div.reviewspageessentials {width: 100%; height: 750px; overflow-y: scroll; overflow-x: hidden;}
div.reviewpagerightside {width: 8%; text-align: top; margin-left: 2px; overflow-x: hidden;}
.RBand {color: #f7da2f; font-family: 'Oswald', 'sans-serif'; font-size: 10pt; width: 1%; margin-right: 0px; overflow-x: hidden;}
.RAlbum {color: white; font-family: 'Oswald', 'sans-serif'; font-size: 8pt; width: 1%; margin-right: 0px; margin-left: 0px; overflow-x: hidden;}
.RRating {width: 1%; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
.RReadtheReview {display: none;}
.RBuy {display: none;}
tr.reviewstablerow:hover {opacity: .8; cursor: pointer;}
div.mobilefooterna {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}

table.bestof2019table {width: 65%; border: medium solid #046ab8;}
td.bestof2019bigspot {width: 60%; border: thin solid #046ab8; overflow: hidden;}
div.bestof2019bigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestof2019bigspottext {color: white; font-size: 12pt; width: 100%;}
img.bestof2019bigart {width: 65%;}
td.bestof2019smallspot {width: 40%; border: thin solid #046ab8;}
div.bestof2019smallsportart {width: 15%;}
img.bestof2019smallspotart {width: 100%; height: auto; float: left;}
div.bestof2019smallspottext {font-size: 10pt; color: white; float: left;}

div.bestof2019newsspot {width: 65%; border: medium solid #046ab8; height: 180px;}
div.bestof2019newspotleftside {width: 30%; float: left;}
img.bestof2019news {width: 100%; float: left;}
div.bestof2019newstitle {font-size: 18pt; color: #ffc249; float: left; width: 65%;}
div.bestof2019newstitle2 {font-size: 24pt; color: white; float: left; font-weight: bold; width: 65%;}
div.bestof2019newssummary {font-size: 12pt; color: white; width: 65%; float: left;}

table.bestofdecadetable {width: 95%; border: medium solid #f89230;}
td.bestofdecadebigspot {width: 35%; border: thin solid #f89230; overflow: hidden;}
div.bestofdecadebigspottitletext {font-size: 18pt; color: #f89230; font-weight: bold;}
div.bestofdecadebigspottext {color: white; font-size: 16pt; width: 100%;}
img.bestofdecadebigart {width: 90%;}
td.bestofdecadesmallspot {width: 65%; border: thin solid #f89230;}
div.bestofdecadesmallsportart {width: 10%;}
img.bestofdecadesmallspotart {width: 100%; height: auto; float: left;}
div.bestofdecadesmallspottext {font-size: 13pt; color: white; float: left;}
div.submishinfomobile {display: none;}

}




  /*This is for the iPhone 6 - 8 Plus in Landscape mode*/
@media only screen and (min-device-width: 414px) and (max-device-width: 823px) and (orientation: landscape)
{
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 35%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:60px; position:absolute; left: 92%; top:10px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 60px; height: 60px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 10%; width: 80%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 11.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 15%; position: absolute; left: 83%; top: 16.5%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .9; position: absolute; left: 0%; top: 90%; width: 100%;}
div.div3B {display: none;}
div.div3C {font-size: 28pt; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00; font-size: xx-large;}
/*For AA Radio Box*/
div.AARadio1 {display: none;}
video.aaradio {display: none;}
img.iconsmallfront {display:none;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:180%; height: fit-content;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: xx-large; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: xx-large;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 63%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
/*Top 20 Chart for front page*/
div.container2 {display:none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 15%; overflow: hidden; top: 310%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 2%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}

/*This is for the mobile banner*/
div.container33 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:141%; height: fit-content;}
img.mobilebanner728x90 {width: 95%; text-align: center; margin-left: 2%; margin-right: auto;}
img.mobilebanner728x90-2 {width: 600px; height: auto; margin-left: 40%; margin-right: auto;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; height: fit-content; overflow: hidden; float: left;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: auto; margin-left: 2%; margin-right: 2%; margin-top: 0px; margin-bottom: 25px; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; position: relative; top: 75%; text-align: center;}
/*Unsigned Section stuff starts here*/
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative; overflow: hidden;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}
div.mobilevideosection1 {float: left; width: 100%; height: fit-content; position: absolute; left: 0px; top: 100px;}
hr.hrdivider {display: none;}
div.videostitledesktop2 {display: none;}
div.mobilevideosection2 {float: left; width: 100%; height: fit-content; position: absolute; top: 600px; overflow: hidden; left: 0px;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}
div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}
/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}
li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}
}








/*This is for the iPhone 6 - 8 Plus in Portrait mode*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait)
{
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 50%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:90px; position:absolute; left: 88%; top:20px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 90px; height: 90px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 125px; height: 125px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 18%; width: 90%; height: 60%;}
div.mobileicons {position: absolute; left: 1%; top: 1%; width: 60%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 11.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 9%; position: absolute; left: 77%; top: 11.5%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .7; position: absolute; left: 1%; top: 14%; width: 30%;}
div.div3B {display: none;}
div.div3C {font-size: large; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 95px; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:40%;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: xx-large; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: xx-large;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 75%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
/*Top 20 Chart for front page*/
div.container2 {display:none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 15%; overflow: hidden; top: 215%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 4%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; height: fit-content; overflow: hidden; float: left;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: auto; margin-left: 2%; margin-right: 2%; margin-top: 0px; margin-bottom: 25px; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; position: relative; top: 75%; text-align: center;}
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.container99bb {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}
div.mobilevideosection1 {float: left; width: 100%; height: 600px; position: absolute; top: 200px; overflow: hidden; left: 0px;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}

div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}
.style6 {width: 80%;}
.style7 {display:none;}
h2.description {font-size: 24pt; font-family: 'Oswald', 'sans-serif';}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}

div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}

img.mobilebanner728x90-2 {width: 600px; height: auto; margin-left: 40%; margin-right: auto;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}
li.mobilemusicnewslist {font-size: large; color: white;}
li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}

}









/*This is for the iPhone 6-8 Normal sized phones in landscape mode*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape)
{
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 35%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:60px; position:absolute; left: 92%; top:10px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 60px; height: 60px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 10%; width: 80%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 11.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 15%; position: absolute; left: 83%; top: 16%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .7; position: absolute; left: 0%; top: 80%; width: 100%;}
div.div3B {display: none;}
div.div3C {font-size: 28pt; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00; font-size: xx-large;}
/*For AA Radio Box*/
div.AARadio1 {display: none;}
video.aaradio {display: none;}
img.iconsmallfront {display: none;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:168%;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: xx-large; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: xx-large;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 75%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
    /*Top 20 Chart for front page*/
div.container2 {display:none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 15%; overflow: hidden; top: 298%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 2%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}
/*This is for the mobile banner*/
div.container33 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:136%; height: fit-content;}
img.mobilebanner728x90 {width: 95%; text-align: center; margin-left: 2%; margin-right: auto;}
img.mobilebanner728x90-2 {width: 600px; height: auto; margin-left: 40%; margin-right: auto;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; overflow: hidden; height: fit-content; float: left;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: auto; margin-left: 2%; margin-right: 2%; margin-top: 0px; margin-bottom: 25px; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; position: relative; top: 75%; text-align: center;}
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}
div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}
div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}
li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}
}








/*This is for the iPhone 6-8 Normal sized phones in portrait mode*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait)
{
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 50%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:90px; position:absolute; left: 88%; top:20px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 90px; height: 90px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 76pt; float:left; margin-left: 50px; margin-right: 125px; text-align: left; font-family: 'Knewave', cursive; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 125px; height: 125px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 18%; width: 90%; height: 60%;}
div.mobileicons {position: absolute; left: 1%; top: 1%; width: 60%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 11.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 9%; position: absolute; left: 77%; top: 11.5%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .7; position: absolute; left: 1%; top: 20%; width: 30%;}
div.div3B {display: none;}
div.div3C {font-size: large; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00;}
/*For AA Radio Box*/
div.AARadio1 {position: absolute; right: 1px; top: 95px; width:250px; height:100px; background-color: black; color: white; font-family: 'Oswald', 'sans-serif'; font-size: large; opacity: 1; z-index: 9; text-align: center; margin-right: 3px; border: medium solid #ffd800;}
video.aaradio {position: absolute; left: 25px; bottom: 25px; z-index: 1}
img.iconsmallfront {width: 55px; height: 55px;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:40%;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: xx-large; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: xx-large;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 75%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
    /*Top 20 Chart for front page*/
div.container2 {display:none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 15%; overflow: hidden; top: 215%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 4%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; overflow: hidden; float: left; height: fit-content;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: auto; margin-left: 2%; margin-right: 2%; margin-top: 0px; margin-bottom: 25px; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; position: relative; top: 75%; text-align: center;}
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}

div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}
.style6 {width: 80%;}
.style7 {display:none;}
h2.description {font-size: 24pt; font-family: 'Oswald', 'sans-serif';}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}

div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}

img.mobilebanner728x90-2 {width: 600px; height: auto; margin-left: 40%; margin-right: auto;}


div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}
li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}
}







/*This is for iPhone5 and SE Landscape*/
@media only screen 
  and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 35%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:60px; position:absolute; left: 92%; top:10px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 60px; height: 60px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 10%; width: 80%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 11.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 14%; position: absolute; left: 85%; top: 16.5%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .7; position: absolute; left: 0%; top: 100%; width: 100%;}
div.div3B {display: none;}
div.div3C {font-size: 24pt; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00;}
/*For AA Radio Box*/
div.AARadio1 {display:none;}
video.aaradio {display:none;}
img.iconsmallfront {display:none;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:164%;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: xx-large; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: xx-large;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 75%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
  /*Top 20 Chart for front page*/
div.container2 {display:none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 15%; overflow: hidden; top: 303%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 2%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}
/*This is for the mobile banner*/
div.container33 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:138%; height: fit-content;}
img.mobilebanner728x90 {width: 95%; text-align: center; margin-left: 2%; margin-right: auto;}
img.mobilebanner728x90-2 {width: 600px; height: auto; margin-left: 40%; margin-right: auto;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; overflow: hidden; float: left; height: fit-content;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: auto; margin-left: 2%; margin-right: 2%; margin-top: 0px; margin-bottom: 25px; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; position: relative; top: 75%; text-align: center;}
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}

div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}

div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}

div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}
li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}
}








/*This is for iPhone5 and SE Portrait*/
@media only screen 
and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)
{
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 50%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:90px; position:absolute; left: 88%; top:20px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 90px; height: 90px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; }
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; }
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; }
div.mobilemenu_buttonlink5{color: #f89230; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; }
div.mobilemenu_buttonlink6{color: #fff660; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; }
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; }
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; }
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 125px; height: 125px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 18%; width: 90%; height: 60%;}
div.mobileicons {position: absolute; left: 1%; top: 1%; width: 60%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 6%;}
 div.div2C {font-size: 42pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 15%; position: absolute; left: 83%; top: 7.5%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .9; position: absolute; left: 0%; top: 30%; width: 100%;}
div.div3B {display: none;}
div.div3C {font-size: 40pt; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00; font-size: xx-large;}
/*For AA Radio Box*/
div.AARadio1 {display: none;}
video.aaradio {display: none;}
img.iconsmallfront {display: none;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top: 65%;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: 36pt; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: 36pt;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: xx-large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: xx-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: xx-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 90%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
div.containerD {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; height: fit-content;}
/*Top 20 Chart for front page*/
div.container2 {display: none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 5%; overflow: hidden; top: 130%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 2%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}
/*This is for the mobile banner*/
div.container33 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:55%; height: fit-content;}
img.mobilebanner728x90 {width: 95%; text-align: center; margin-left: 2%; margin-right: auto;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; overflow: hidden; float: left; height: fit-content;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: auto; margin-left: 2%; margin-right: 2%; margin-top: 0px; margin-bottom: 25px; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; position: relative; top: 75%; text-align: center;}
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}
hr.hrdivider {display: none;}
div.mobilevideosection1 {float: left; width: 100%; height: 600px; position: absolute; top: 200px; overflow: hidden; left: 0px; border-bottom: thin solid white;}
div.mobilevideosection2 {float: left; width: 100%; height: fit-content; position: absolute; top: 800px; overflow: hidden; left: 0px;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}

div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}
.style6 {width: 80%;}
.style7 {display:none;}
h2.description {font-size: 24pt; font-family: 'Oswald', 'sans-serif';}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}

div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}

img.mobilebanner728x90-2 {width: 600px; height: auto; margin-left: 40%; margin-right: auto;}

div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}
li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}
}






/*This is for Google Pixel 2 Landscape */
@media only screen 
  and (min-device-width: 411px) and (max-device-width: 823px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape)
  {
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 35%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
div.div1Z { font-size: 16px; color: #33BAFF; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:60px; position:absolute; left: 92%; top:10px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 60px; height: 60px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink5{color: #f89230; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink6{color: #fff660; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 36pt; float:left; margin-left: 50px; margin-right: 50px; text-align: left; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 70px; height: 70px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 10%; width: 80%; height: 60%;}
div.mobileicons {position: absolute; left: 25%; top: 80%; width: 40%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 11.5%;}
 div.div2C {font-size: 50pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 15%; position: absolute; left: 83%; top: 23.5%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .9; position: absolute; left: 0%; top: 95%; width: 100%;}
div.div3B {display: none;}
div.div3C {font-size: 28pt; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00;}
/*For AA Radio Box*/
div.AARadio1 {display: none;}
video.aaradio {display: none;}
img.iconsmallfront {display: none;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:190%;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: xx-large; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: xx-large;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 75%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
  /*Top 20 Chart for front page*/
div.container2 {display:none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 15%; overflow: hidden; top: 333%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 2%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}
/*This is for the mobile banner*/
div.container33 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:157%; height: fit-content;}
img.mobilebanner728x90 {width: 95%; text-align: center; margin-left: 2%; margin-right: auto;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; height: fit-content; overflow: hidden; float: left;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: fit-content; margin-left: 2%; margin-right: 2%; margin-top: 25px; margin-bottom: 25px; float: left;}
img.newtop20img {width: 100%; height: auto; opacity: .9; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; text-align: center; width:100%; overflow: hidden; float: left; height: fit-content;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; text-align: center; width: 100%; float: left; height: fit-content;}
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}

div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}

div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}
div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}
li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}
}








/*This is for Google Pixel XL 2 portrait*/
@media only screen 
and (min-device-width: 411px) and (max-device-width: 823px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait)
{
/*Defines geeneral text margins and body type*/
body {background-color: black; color: white; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
/*containerA has all of the navigation elements*/
div.containerA {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
/*container44 is the container for the mobile menu and it's added in for javascript navigation*/
div.container44 {position: absolute; left: 0px; width: 1px; height: 1px;}
/*Section for the top left Alternative Addiction Logo (Text Only)*/
div.div1A{margin-right: 1%; margin-left: 2%; float: left; width: 50%;}
/*Positions the logo in the propper place on the navbar*/
img.img1A{width: 100%; margin-top: 10%;}
/*This is for the text links in the navbar*/
div.divone1 {display:none; overflow:hidden;}
div.div1B { font-size: 16px; color: #57c1ff; margin-right: 10px; float: left; margin-top: 2%;}
div.div1C { font-size: 16px; color: #ffd800; margin-right: 10px; float: left; margin-top: 2%;}
div.div1D { font-size: 16px; color: #b6ff00; margin-right: 10px; float: left; margin-top: 2%;}
div.div1E { font-size: 16px; color: #37cd9f; margin-right: 10px; float: left; margin-top: 2%;}
div.div1F { font-size: 16px; color: #f89230; margin-right: 10px; float: left; margin-top: 2%;}
div.div1G { font-size: 16px; color: #fff660; margin-right: 10px; float: left; margin-top: 2%;}
div.div1H { font-size: 16px; color: #ff37f4; margin-right: 10px; float: left; margin-top: 2%;}
/*This is to keep the links from changing color in the navbar and adds a hover effect. You can go through and add a slightly brighter shade to this later*/
a.a1 {text-decoration: none; color: #57c1ff;}
a.a1:hover {text-decoration: none; cursor: pointer; color: #57c1ff; opacity: .8;}
a.a1:visited {text-decoration: none; cursor: pointer; color: #57c1ff;}
a.a2 {text-decoration: none; color: #ffd800;}
a.a2:hover {text-decoration: none; cursor: pointer; color: #ffd800; opacity: .8;}
a.a2:visited {text-decoration: none; cursor: pointer; color: #ffd800;}
a.a3 {text-decoration: none; color: #b6ff00;}
a.a3:hover {text-decoration: none; cursor: pointer; color: #b6ff00; opacity: .8;}
a.a3:visited {text-decoration: none; cursor: pointer; color: #b6ff00;}
a.a4 {text-decoration: none; color: #37cd9f;}
a.a4:hover {text-decoration: none; cursor: pointer; color: #37cd9f; opacity: .8;}
a.a4:visited {text-decoration: none; cursor: pointer; color: #37cd9f;}
a.a5 {text-decoration: none; color: #f89230;}
a.a5:hover {text-decoration: none; cursor: pointer; color: #f89230; opacity: .8;}
a.a5:visited {text-decoration: none; cursor: pointer; color: #f89230;}
a.a6 {text-decoration: none; color: #fff660;}
a.a6:hover {text-decoration: none;cursor: pointer;color: #fff660; opacity: .8;}
a.a6:visited {text-decoration: none; cursor: pointer; color: #fff660;}
a.a7 {text-decoration: none; color: #ff37f4;}
a.a7:hover {text-decoration: none; cursor: pointer; color: #ff37f4; opacity: .8;}
a.a7:visited {text-decoration: none; cursor: pointer; color: #ff37f4;}
a.a8 {text-decoration: none; color: #33BAFF;}
a.a8:hover {text-decoration: none; cursor: pointer; color: #33BAFF; opacity: .8;}
a.a8:visited {text-decoration: none; cursor: pointer; color: #33BAFF;}
/*This is for the small icons on the right side of the page*/
div.div1I {margin-right: 4px; float: left; margin-top: 1%;}
img.img1I {max-height: 36px; max-width: 36px;}
div.div1J  {margin-right: 4px; float: left; margin-top: 1%;}
img.img1J {max-height: 36px; max-width: 36px;}
div.div1K {margin-right: 4px; float: left; margin-top: 1%;}
img.img1K {max-height: 36px; max-width: 36px;}
div.div1M {margin-right: 4px; float: left; margin-top: 1%;}
img.img1M {max-height: 36px; max-width: 36px;}
div.div1N {margin-right: 4px; float: right; margin-top: 1.5%; margin-left: 10px;}
/*This is for the mobile menu activation image*/
div.div1Aa {width:90px; position:absolute; left: 88%; top:20px; height: fit-content;}
/*This just puts the image in there, but also hides it*/
img.img1Aa {width: 90px; height: 90px;}
/*This is all the code for the javascript menu that pops up on mobile.*/
div.mobilemenuactive{position: fixed; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; background-color: black; z-index: 99; opacity: .97;}
div.mobilemenu_buttonlink1{color: #c6e8fc; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
div.mobilemenu_buttonlink2{color: #ffd800; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
div.mobilemenu_buttonlink3{color: #b6ff00; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
div.mobilemenu_buttonlink4{color: #37cd9f; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
div.mobilemenu_buttonlink5{color: #f89230; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
div.mobilemenu_buttonlink6{color: #fff660; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
div.mobilemenu_buttonlink7{color: #ff37f4; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
div.mobilemenu_buttonlink8{color: #b6ff00; font-size: 76pt; float:left; margin-left: 25px; margin-right: 125px; text-align: left;}
a.mobilemenu_buttonlinkAA1{text-decoration: none; color: #c6e8fc;}
a.mobilemenu_buttonlinkAA2{text-decoration: none; color: #ffd800;}
a.mobilemenu_buttonlinkAA3{text-decoration: none; color: #b6ff00;}
a.mobilemenu_buttonlinkAA4{text-decoration: none; color: #37cd9f;}
a.mobilemenu_buttonlinkAA5{text-decoration: none; color: #f89230;}
a.mobilemenu_buttonlinkAA6{text-decoration: none; color: #fff660;}
a.mobilemenu_buttonlinkAA7{text-decoration: none; color: #ff37f4;}
a.mobilemenu_buttonlinkAA8{text-decoration: none; color: #b6ff00;}
div.mobilemenu_iconlink{width: 125px; height: 125px; margin-left: 10px; margin-right: 10px; float: left;}
a.mobilemenu_iconlinkAA{text-decoration: none;}
img.mobilemenuicon{width: 100%;}
div.mobilebuttons {position: absolute; left: 5%; top: 18%; width: 90%; height: 60%;}
div.mobileicons {position: absolute; left: 1%; top: 1%; width: 60%; height: 18%;}
div.div2 {width: 100%; z-index: 4; overflow: hidden; margin-left: 0px; margin-top: 0px; float: left;}
img.img2A {width: 100%; z-index: 1;}
/*For the text on bigger displays*/
 div.div2B {z-index: 5; position: absolute; left: 2%; top: 6.5%;}
 div.div2C {font-size: 42pt; left: 10px; color: #ff7a7a; z-index: 3;}
a.a2C {text-decoration: none;}
/*This is for the aa letter logo*/
div.div3 {width: 15%; position: absolute; left: 83%; top: 8.5%; opacity: .4; z-index: 9;}
img.img3A {width: 100%;}
/*This is for the article description box*/
div.div3A {background-color: black; z-index: 9; color: white; opacity: .9; position: absolute; left: 0%; top: 29%; width: 100%;}
div.div3B {display: none;}
div.div3C {font-size: 36pt; margin-left: 10px;}
div.div3D {display: none;}
img.subfeature {display: none;}
a.a3c {text-decoration: none; margin-left: 20px; color: #b6ff00; font-size: xx-large;}
/*For AA Radio Box*/
div.AARadio1 {display: none;}
video.aaradio {display: none;}
img.iconsmallfront {display: none;}
/*Container C is the update panels. Mobile has it's own section, but it's contained (get it?) in container C*/
div.containerC {background-color: black; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow-x: hidden;}
div.container3 {display:none;}
div.container {width: 100%; background-color: black; margin-bottom: 2%; background-color: white;}
div.rect_float {min-height: 375px; width: 300px; text-align: center; background-color: black; border-left: medium solid #a8f2ff; border-right: medium solid #a8f2ff; border-top: medium solid #a8f2ff; border-bottom: thick solid #a8f2ff; margin: 2px; float: left;}
div.cont_head {text-align: left; color: white; background-color: #7e7e7e; font-size: large; margin-left: 3px;}
div.subj_head {text-align: left; color: white; background-color: black; font-size: large; color: #a8f2ff; margin-left: 3px;}
div.imgcontainer_content {width: 100%;}
div.content_text {text-align: left; background-color: black; color: #ffd800; font-size: small; margin-left: 3px;}
div.formore_content {text-align: left; background-color: black; color: white; font-size: medium; margin-bottom: 2px; margin-left: 3px;}
img.content_image {width: 100%;}
/*container4 holds the mobile slides*/
div.container4 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:65%;}
div.mobileboxhead1 {width: 100%; height: 50px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: white; font-size: xx-large; text-align: left; margin-left: 0px; }
    p.mobileboxhead1a {margin-left: 5px;}
    div.mobileboxhead2 {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: 36pt;}
    div.mobileimagecontainer {width: 100%; margin-left: 0px; margin-right: 0px;}
    img.mobileimageupdatecontent {width: 100%;}
    div.mobileupdatedescription {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: x-large; color: #ffd800; text-align: left; margin-left: 2px;}
    div.mobileformorecontent1 {color: #57c1ff; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: xx-large; text-align: left; margin-left:  5px;}
    div.mobileformorecontent2 {color: #37cd9f; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: xx-large; text-align: left; margin-left: 5px;}
    a.mobilelinknodecor {text-decoration: none;}
    * { box-sizing: border-box;}
        .carousel {
            background-color: black;
            width: 100%;
            position: absolute;
            left: 0px;
            top: -65px;
        }
    .carousel-cell {
      width: 90%;
      border-radius: 5px;
      counter-increment: gallery-cell;
      margin-left: 13%;
      margin-right: 13%;
    }
/*Top 20 Chart for front page*/
div.container2 {display:none;}
table.table6 {width: 80%; column-count: 7; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px;}
.headline {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: medium; color: white; text-align: left; margin-left: 10px; margin-right: auto;}
.headline3 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 14px; color: #ffd800; text-align: left; margin-left: auto; margin-right: auto; width: 80%;}
.headline4 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; margin-left: 10px;}
.headline5 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 24px; color: white; text-align: left;}
.headline6 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: white; text-align: left;}
.headline7 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 16px; color: white; text-align: center;}
.headline8 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a;}
.headline9 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 30px; color: #ff7a7a; margin-left: 20px;}
a.a2d:link {color: #66ec1f; font-size: smaller;}
a.a2d:visited {color: #f7da2f;}
td.td17 {width: 11%; height: 100px; border-width: thin; border-color: white; border-style: solid; cursor: pointer; text-align: center;}
.ForMore2 {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white;}
.ForMore2:hover {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 18px; color: white; opacity: .5; caption-side: bottom;}
div.div4 {font-size: 18px; font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: white; text-align: left;}
/*THIS IS FOR THE MOBILE FOOTER*/
div.mobilefooter2 {position: absolute; width: 100%; left: 0%; height: 5%; overflow: hidden; top: 120%; z-index: 9; background-color: #f7da2f; color: white; text-align: center; opacity:.9; font-size: x-large;}
div.mobilefooter3 {float: left; width: 100%; left: 0px; overflow: visible; background-color: #f7da2f; text-align: center; position: relative; bottom: 0px; height: 2%;}
div.containerE {display:none;}
div.containerF {display:none;}
div.containerG {display:none;}
/*This is for the mobile banner*/
div.container33 {width: 100%; overflow:hidden; position:absolute; left: 0px; top:54%; height: fit-content;}
img.mobilebanner728x90 {width: 95%; text-align: center; margin-left: 2%; margin-right: auto;}
div.musicnewsthelatestpanel1 {display: none;}
div.musicnewsthelatestpanel2 {display: none;}
div.musicnewsthelatestpanel3 {display: none;}
div.musicnewsthelatestpanel4 {display: none;}
div.musicnewsthelatestpanel5 {display: none;}
div.musicnewsthelatestpanel6 {display: none;}
div.musicnewsthelatestpanel7 {display: none;}
div.musicnewsthelatestpanel8 {display: none;}
div.musicnewsthelatestpanel9 {display: none;}
div.musicnewsthelatestpanel10 {display: none;}
div.musicnewsthelatestpanel11 {display: none;}
div.musicnewsthelatestpanel12 {display: none;}
div.musicnewsthelatestpanel13 {display: none;}
div.musicnewsthelatestpanel14 {display: none;}
div.musicnewsthelatestpanel15 {display: none;}
div.musicnewsthelatestpanel16 {display: none;}
div.musicnewsthelatestpanel17 {display: none;}
div.musicnewsthelatestpanel18 {display: none;}
div.musicnewsthelatestpanel19 {display: none;}
div.musicnewsthelatestpanel20 {display: none;}
div.musicnewssec1 {display: none;}
div.musicnewssec2 {margin-right: 5%; margin-left: .5%; width: 90%; min-height: 500px; height: fit-content; border-right: thin solid white; float: left;}
/*container4a holds the mobile slides on the music page*/
div.container4a {width:  100%; overflow: hidden; float: left; height: fit-content;}
div.container4afeature {width:  100%; height: fit-content; overflow: hidden; float: left;}
/*changing this for music news because this isn't working out perfect. shrink the font size.*/
div.mobileboxhead2aa {width: 100%; background-color: black; height: fit-content; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffd800; font-size: x-large;}
div.mobileupdatedescriptionaa {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; color: #ffd800; text-align: left; margin-left: 2px;}
img.mobileimageupdatecontentaa {width:95%;}
div.container33a {width: 100%; overflow:hidden; height: fit-content; float: left;}
div.newtop20box {width: 95%; height: auto; margin-left: 2%; margin-right: 2%; margin-top: 0px; margin-bottom: 25px; float: left;}
div.newtop20artist {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #ffd800; font-size: xx-large; position: relative; top: 40%; text-align: center; max-width:100%; overflow: hidden;}
div.newtop20title {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; color: #57c1ff; font-size: x-large; position: relative; top: 75%; text-align: center;}
div.containerunsigned1 {display: none;}
div.containerunsigned2 {float: left; margin-left: 1%; margin-right: 1%; width: 95%; text-align: center;}
div.container99 {float:left; display: block;}
div.container99aa {float: left; display: block;}
div.submishinfomobile {display: block; float: left; width: 98%; height: auto;}
div.container99bb {float: left; display: block;}
div.isotdboxonunsigned {float: left; width: 95%; height: fit-content; border: thin solid #66ec1f; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.isotdboxhead {width: 100%; background-color: #f7da2f; color: black;  font-size: xx-large; text-align: left; margin-left: 0px; margin-right: 0px;}
div.isotdimagebox {float: left; width: 100%; height: fit-content;}
img.isotdunimage {width: 100%; height: auto;}
div.istodstreamlink {color: #f7da2f; font-size: xx-large;}
div.isotdtextlink {color: #4991ff; font-size: xx-large;}
div.submissionboxtext {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: white}
div.submissionboxtext2 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color:#f7da2f;}
div.submissionboxtext3 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #4991ff}
div.submissionboxtext4 {font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-size: medium; text-align: left; margin-left: 3px; color: #66ec1f;}
div.spotlightboxunsigned {float: left; width: 18%; height: fit-content; border: thin solid #a14eff; margin-left: 0px; margin-right: 0px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;}
div.unsignedmobilesubmissionbox {float: left; display: block; position: relative;}
form.form3 {width: 85%; text-align: center;}
select.select3 {width: 90%; font-size: x-large; text-align:center;}
input.submit {width: 40%; font-size: xx-large;}
div.musicnewsnavleft {text-align:center; width: 90%; margin-left: 4%; margin-right: 4%;}
div.videosplaylistsection {display: none;}

/*Hiding old content on listen page*/
div.Listen_newmusicpageleftside {display: none;}
div.NewMusic_middlemusicpane {display: none;}
div.NewMusic_rightside {display: none;}
div.Listen_Top20Header {font-family: 'Oswald', 'sans-serif'; font-size: xx-large; color: white; margin-left: 10px;}
img.Listen_Top20Album {width: 50%; float: left;}
div.Listen_Top20Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.NewMusic_Top10Songs {font-family: 'Oswald', 'sans-serif'; font-size: x-large; color: #11c9ce; margin-right: 5px; margin-left: 3px;}
div.headline4Top20new {font-family: 'Oswald', 'Century Gothic', 'sans-serif'; font-size: 48pt; color: #ff2b2b; margin-left: 10px;}
div.Listen_Top20Container {width: 100%; float: left; margin-bottom: 6px;}
div.NewMusic_Top10AContainer {width: 100%; float: left; margin-bottom: 6px;}
img.imgReview {width: 60%; height: auto;}
table.table7 {display:none;}
div.alreadyreleased {display:none;}
div.mobilereleasediv {width: 30%; float: left; margin-bottom: 15px; height: 370px; margin-top: 10px; overflow: hidden; margin-left: 5px;}
div.mobilereleasebandtext {color: #f7da2f; text-align: center; font-size: x-large;}
img.mobilereleaseimage {width: 95%}
div.mobilereleasealbumtext {color: white; text-align: center; font-size: medium;}

div.mobilefooterna {color: white; width: 100%; height: fit-content; margin-left: 0px; margin-right: 0px; float: left;}
div.textcontaineraacopywrite {width: 100%; text-align: center;}
.style6 {width: 80%;}
.style7 {display:none;}
h2.description {font-size: 24pt; font-family: 'Oswald', 'sans-serif';}

/*Hiding the normal reviews section on the mobile side*/
div.reviewspageleftside {display: none;}
div.reviewspagemiddlepane {display: none;}
div.reviewspagerightside {display: none;}

/*Mobile reviews section*/

div.thelatestreviews3mobilesection {width: 100%; height: fit-content; float: left;}
div.thelatestreview3div {width: 150px; height: 300px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
img.thelatestreview3imgmobile {width: 100%;}
div.thelatestreview3bandtext {color: #ffc249; font-size: 11pt;}
div.thelatestreview3albumtext {color: white; font-size: 10pt;}
div.thelatestreview3yeartext {color: #ff4949; font-size: 11pt;}
div.thelatestreview3rating {width: 100%; text-align: left;}
img.thelatestreview3rating {width: 80%;}
div.aaessentialsreviews3mobilesection {width: 100%; height: fit-content; float: left;}

/*Let's change the width of these tables so we can fix mobile.*/

td.td20 {display:none;}
td.td21 {display:none;}
td.td3 {display: none;}

div.bandwebinthenews {width: 100%; margin-bottom: 10px; float: left;}
div.bandwebpanel {float: left; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
div.bandwebpaneltitle1 {font-size: small;}
div.bandwebpaneltitle2 {font-size: small;}
div.bandwebnewjams {width: 100%; margin-bottom: 10px; float: left; margin-bottom: 15px;}
div.bandwebpanel2 {float: left; margin-left: 3px; margin-right: 3px; width: 200px; margin-bottom:15px;}
img.bandwebartwork {width: 100%;}

div.divnewdivonediv1 {display: none;}
div.divnewdivonedive1iframe {display: none;}
div.divnewdive1text {display: none;}

div.a900x200Banneriframe {display: none;}
iframe.a900x200iframe {display: none;}
div.b900x200Banneriframe {float: left; width: 900px; height: 200px;}
iframe.b900x200iframe {width: 910px; height: 210px; overflow: hidden;}

li.mobilemusicnewslist {font-size: xx-large; color: white; margin-bottom: 20px;}
a.a4new9 {font-size: xx-large;}

}