body {
background: #FFF;
border: 0px;
margin: 0px;
padding: 0px;
font-family: Lato, sans-serif;
font-size: 0.92em;
text-shadow: 1px 1px 2px #EEEEEE;
color: #556670;
}

a:link, a:active, a:visited {
color: #1587DE;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

#header {
text-align: center;
width: 72%;
height: inherit;
margin: 0 auto;
/*position: static;*/
border: 0px solid #000;
}

.testSite {
padding: 5px 12px;
margin-top: -100px;
background-color: #788288;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
font-size: 12pt;
color: #FFF;
text-shadow: none;
cursor: pointer;
}

#headerwrap {
width: 100%;
height:125px;
/*position:fixed;
z-index:20;
opacity:1.0;*/
}

#logo {}

#logomobile {
margin-top: 4px;
margin-left: 6px;
display: none;
float: left;
}

.loginText {
font-size: 0.85em;
}

#headerbottomline {
width: 100%;
height: 8px;
padding: 0;
top: -20px;
background-color: #46545C;
/*margin-top:125px;*/
position: relative;
}

#footertopline {
background-color:#00A3FC;
height: 8px;
width: 100%;
margin: 24px 0px;
}

#footer {
background: url('../images/footer.png') no-repeat;
background-size: 100% auto;
/* margin: 17px auto; */
}

#footerinside {
margin: auto;
margin-top: -24px;
width: 1000px;
height: 138px;
}

#footerright {
padding: 0px;
margin: 6px 15px 0 5px;
float: right;
text-align: right;
font-size: 1.0em;
font-weight: 700;
text-decoration: none;
line-height: 18px;
text-shadow: none;
color: #FFF;
}

#container {
margin: 0 auto;
height: auto !important;
height: 100%;
background-color:#fff;
overflow:hidden;
width:100%;
}

#listbox {
width: 91%;
border:solid 1px #0680e3;
background-image:url("/shared/images/box-bg.gif");
background-repeat:repeat-x;
background-color: #FFF;
margin-left: 2%;
margin-bottom: 30px;
border-radius: 16px;
text-align: left;
}

.shadows {
box-shadow: 2px 2px 2px #AAA;
}

.formboxbuttons {
padding:0px 5px 2px 5px;
margin-left: 4px;
font-family:Verdana;
color:#0680e3;
font-size: 9pt;
font-weight:bold;
position: relative;
top: -30px;
background-color:#FFFFFF;
border:solid 1px #0680e3;
border-radius: 3px;
float: right;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
border-color: #333;
}

.formboxbuttons a {
text-decoration: none;
color: #707070;
}

.artistName {
color: #111;
}

#spanLeft {
margin: 0;
padding: 0;
display: inline-block;
width: 30%;
font-size: 11pt;
font-family: Monda;
color: #000;
text-align: left;
float: none;
}

#spanRight {
margin: 0;
padding: 0;
display: inline-block;
width: 55%;
font-size: 11pt;
color: #000;
text-align: left;
float: none;
}

#favorite {
font-weight: bold;
cursor: pointer;
}

.favCircle {
margin: 0 4px 0 4px;
line-height: 0.6em;
font-size: 1.1em;
color: green;
}

#contentboxcontent {
/*padding-left:5px;*/
}

#contentboxcontent div {
padding: 20px;
}

#contentboxcontent div p {
padding: 20px 40px 0px 20px;
}

#contentboxcontent div ul {
padding: 20px 20px 0px 60px;
}

#contentboxcontent div h3 {
margin-left: 20px;
}

#contentmainheading {
padding-right: 0px;
margin: 20px -20px 14px 0;
font-size: 2.78em;
color: #46545C; /* #1587DE */
text-shadow: 1px 1px 1px #DDD; /* 2f8fba */
letter-spacing: 4px;
}

#contentboxwrapper {
width: 1044px;
margin:0px 0px 200px 0px;
z-index:9;
position:absolute;
left:50%;
margin-left:-522px;
top:467px;
}

.shoutoutContainer {
padding: 10px 10px 4px 10px;
margin: -20px 0 10px 0;
}

.shoutout {
width: 80%;
text-align: left;
margin: -10px 10px 10px 10px;
padding: 0;
border: 1px solid #CCC;
border-radius: 6px;
background-color: #F8F8F8;
}

.disclaimer {
margin-right: 10px;
font-size: 1.0em;
font-weight: bold;
color: #000;
text-shadow: none;
}
