*{
margin: 0;
padding: 0;
}

html, body{
height: 100%;
}

body{
font-family: Arial;
color: #200036;
font-size: 12px;
min-width: 860px;
}

body.events{
min-width: 992px;  
}

body.maps, body.events, body.about{
background:url(/images/top-bg.png) top left;
background-repeat: repeat-x;
}

body.people{
background: url(/images/people/top-bg.png) top left;
background-repeat: repeat-x;
}

body.artists{
background: url(/images/artists/top-bg.png) top left;
background-repeat: repeat-x;
}

body.venues{
background: url(/images/venues/top-bg.png) top left;
background-repeat: repeat-x;  
}

#site-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
width: 100%;
height: 100%;
height: auto !important;
min-height: 100%;
}

.maps #site-container, .events #site-container, .about #site-container{
background:url(/images/bottom-bg.png) bottom left;
background-repeat: repeat-x;  
}

.people #site-container{
background: url(/images/people/bottom-bg.png) bottom left;
background-repeat: repeat-x;  
}

.artists #site-container{
background: url(/images/artists/bottom-bg.png) bottom left;
background-repeat: repeat-x;  
}

.venues #site-container{
background: url(/images/venues/bottom-bg.png) bottom left;
background-repeat: repeat-x;  
}

.people #burst, .artists #burst, .venues #burst{
position: absolute;
top: 0px;
left: 0px;
width: 454px;
height: 388px;
background: url(/images/burst.png) top left;
background-repeat: no-repeat;
}

.maps #burst, .events #burst, .about #burst{
position: absolute;
top: 0px;
left: 0px;
width: 454px;
height: 388px;
background: url(/images/tricolorBurst.png) top left;
background-repeat: no-repeat;
}

#logo{
position: absolute;
top: 19px;
left: 34px;
width: 132px;
height: 50px;
}

.people #logo{
background: url(/images/people/logo.png) top left;
background-repeat: no-repeat;
}

.artists #logo{
background: url(/images/artists/logo.png) top left;
background-repeat: no-repeat;
}

.venues #logo{
background: url(/images/venues/logo.png) top left;
background-repeat: no-repeat;
}

.maps #logo, .events #logo, .about #logo{
background:url(/images/logo.png) top left;
background-repeat: no-repeat;
}

#hotPin{
position: absolute;
top: 96px;
width: 28px;
height: 40px;
background: url(/images/hot-pin.png) top left;
background-repeat: no-repeat;
z-index: 20;
}

#hotPin.show, #hotPin.past, #hotPin.upcoming{
top: 130px;
display:none; /* On single PAV hotPin is never displayed right now */
}

.people #hotPin{
left: 230px;
}

.artists #hotPin{
left: 260px;
}

.venues #hotPin{
left: 290px;
}

#header{
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 0;
height: 81px;
}

#welcome-box-wrapper{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: end;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: end;
margin-top: 9px;
}

#welcome-box{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
background: rgba(255,255,255,.66);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 23px;
line-height: 12px;
padding-left: 9px;
padding-right: 9px;
margin-right: 9px;
}

#welcome-box a{
text-decoration: none;
background: rgba(255,255,255,.9);
padding: 1px;
color: #200036;
}

#welcome-box a:hover{
text-decoration: none;
background: rgba(32,0,54,.9);
padding: 1px;
color: #ffffff;
}

#nearness-bar{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: end;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: end;
background: rgba(255,255,255,.33);
margin-top: 23px;
}

#nearness-bar-content{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
margin-right: 9px;
height: 23px;
line-height: 12px;
}

#nearness-bar-text{
position: relative;
display: -moz-box;
display: -webkit-box;
}

.nearness-bar-form{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
margin-left: 5px;
padding: 0;
}

.nearness-bar-form-element{
display: -moz-box;
-moz-box-orient: horizontal;
display: -webkit-box;
-webkit-box-orient: horizontal;
height: 21px;
}

.nearness-bar-form-box{
padding-left: 2px;
padding-right: 2px;
height: 19px;
line-height: 19px;
font-family: Arial;
color: #200036;
font-size: 12px;
background-color: #ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.maps .nearness-bar-form-box, .events .nearness-bar-form-box{
border-color: #200036;
}

.peopl .nearness-bar-form-box, .mini-content-container.people, .mini-content-container.people li, .people #list-container, .people #list-container li, .people #list-container .list-subelement-title-box, .people .list-subelement-title-box{
border-color: #ffac15;  
}

.artists .nearness-bar-form-box, .mini-content-container.artists, .mini-content-container.artists li, .artists #list-container, .artists #list-container li, .artists #list-container .list-subelement-title-box, .artists .list-subelement-title-box{
border-color: #ff003e;  
}

.venues .nearness-bar-form-box, .mini-content-container.venues, .mini-content-container.venues li, .venues #list-container, .venues #list-container li, .venues #list-container .list-subelement-title-box, .venues .list-subelement-title-box{
border-color: #20c4de;  
}


.nearness-bar-form-button{
display: block;
width: 19px;
border-style: solid;
border-width: 1px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
background:#ffffff url(/images/search-icon.png) center;
background-repeat: no-repeat;
}

.maps .nearness-bar-form-button, .events .nearness-bar-form-button{
border-color: #200036;
}

.people .nearness-bar-form-button{
border-color: #ffac15;
}

.artists .nearness-bar-form-button{
border-color: #ff003e;
}

.venues .nearness-bar-form-button{
border-color: #20c4ed;
}


#main-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
width: 100%;
}

#people-tab, #artists-tab, #venues-tab, #map-tab{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;  
}

body.people #people-tab, body.artists #artists-tab, body.venues #venues-tab, body.events #people-tab, body.events #artists-tab, body.events #venues-tab, body.maps #map-tab {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
}

body.maps #map-tab{
margin-right: 0px;  
}

a#people-tab{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
width: 21px;
background-color: #ffac15;
margin-left: 9px;
}

a#artists-tab{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
width: 21px;
background-color: #ff003e;
margin-left: 9px;
}

a#venues-tab{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
width: 21px;
background-color: #20c4de;
margin-left: 9px;
}

a#map-tab{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
width: 21px;
background-color: #200036;
margin-left: 9px;
margin-right: 9px;
}

a img{
border: none;
}

#content-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-flex: 1;
min-height: 266px;
}


/* For Map */
.maps #content-container, .about #content-container{
position:relative;  
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
}

.maps #content-container{
border-style: solid;
border-width: 1px;
border-left: none;
border-color: #200036;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
min-height: 376px;
margin-right: 9px;
}

#map{
position:relative;  
display: block;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
-moz-box-flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
background-color: #e5e3df;
}

#message-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 0;
}

#message-subcontainer{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
}

#message-subsubcontainer{
position: relative;
display: block;  
margin-right: 300px; /* This number should be equal to message width */
}

#message{
position: absolute;
display: block;
text-align: -moz-center;
top: 140px;
width: 300px;
min-height: 130px;
background: rgba(32, 0, 54, .90);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 10;
}

#message-content-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
margin-top: 40px;
margin-right: 16px;
margin-left: 16px;
margin-bottom: auto;
}

#message-title{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
font-family: Arial;
color: #ffffff;
font-size:18px;
font-weight:500;
letter-spacing:1px;
}

#message-text{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
line-height: 16px;
font-family: Arial;
color: #ffffff;
font-size:12px;
margin-top: 9px;
}

#message-text a{
font-family: Arial;
color: #200036;
font-size:12px;
background: rgba(255,255,255,.9);
text-decoration: none;
padding-right: 1px;
padding-left: 1px;
}

#message-text a:hover{
font-family: Arial;
color: #ffffff;
font-size:12px;
background: none;
text-decoration: none;
padding-right: 1px;
padding-left: 1px;
}

#slider-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 0;
}

#slider-subcontainer{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
}

#slider-subsubcontainer{
position: relative;
display: block;  
margin-right: 300px; /* This number should be equal to slider width */
}

#slider{
position: absolute;
top: -30px;
width: 300px;
}

#helper-list-container{
position:absolute;
top: 87px;
right: 17px;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
width: 220px;
font-family: Arial;
color: #200036;
font-size: 11px;
}

#helper-list{
position:relative;  
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
border-style: solid;
border-width: 1px;
border-color: #200036;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: rgba(255,255,255, .90);
}

#helper-list #date{ 
position: relative; 
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
height: 18px;
margin-left: 10px;
margin-right: 10px;
font-weight: 700;
}

#helper-list .more-less{  
position: relative; 
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
height: 18px;
margin-left: 10px;
margin-right: 10px;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;  
border-style: solid;
border-color: #200036;    
}

.hidden{
visibility: collapse;
}

#helper-list ul{
list-style:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 30px;
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 1;
font-family: Arial;
color: #ffffff;
font-size: 11px;
border-left-width:0px;
border-top-width: 1px;
border-right-width:0px;
border-bottom-width:1px;  
border-style: solid;
border-color: #200036;  
}

#helper-list ul.folded{
overflow: hidden;
width: 220px; 
}

#helper-list ul.unfolded{
overflow: auto;
width: 220px;
}

#helper-list li{  
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
overflow: hidden;
height: 30px;
border-left-width:0px;
border-top-width: 0px;
border-right-width:0px;
border-bottom-width:1px;  
border-style: solid;
border-color: #200036;
width:220px;
}

li:focus{
outline: none;
}

.helper-list-element{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
margin-left: 10px;
margin-right: 10px;
}

.helper-list-event-name{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 3;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 3;
margin-right: 14px;
overflow: hidden;
}

.helper-list-event-name a{
font-family: Arial;
color: #ffffff;
font-size: 11px;  
text-decoration: none;
}

.helper-list-event-distance{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: end;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: end;
-webkit-box-flex: 0;  
}

#helper-list li.even{
background-color: rgba(32, 0, 54, .80);
}

#helper-list li.odd{
background-color: rgba(32, 0, 54, .90);
}


/* For PAV and Some PAV Single */ 
#hotness-container, #profile-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 0;
border-style: none;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 253px;
margin-left: 1px;
}

.people #hotness-container, .people #hotness-container .hotness-image-overlay-box, .people #profile-container{
background-color: rgba(255, 172, 21, .80);
}

.artists #hotness-container, .artists #hotness-container .hotness-image-overlay-box, .artists #profile-container{
background-color: rgba(255, 0, 62, .80);  
}

.venues #hotness-container, .venues #hotness-container .hotness-image-overlay-box, .venues #profile-container{
background-color: rgba(32, 196, 222, .80);
}

#hot-today-box{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 0;
height: 182px;
margin-top: 16px;
margin-left: 10px;
margin-right: 14px;
border-bottom-style: solid;
border-width: 1px;
border-color: #ffffff;
}

.hotness-title{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
margin-left: 6px;
}

.hotness-image{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 0;
padding-top: 6px;
text-decoration: none;
}

.hotness-image-overlay-box{
position: relative;
z-index: 10;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
height: 28px;
line-height: 28px;
width: 216px;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 12px;
font-weight: bolder;
overflow: hidden;
}

.people #hotness-container .hotness-image-overlay-box:hover{
background-color: rgba(255, 255, 255, .80);
color: #ffac15;
}

.artists #hotness-container .hotness-image-overlay-box:hover{
background-color: rgba(255, 255, 255, .80);
color: #ff003e;
}

.venues #hotness-container .hotness-image-overlay-box:hover{
background-color: rgba(255, 255, 255, .80);
color: #20c4de;
}

.hotness-image-overlay-box:hover{
font-family: Arial;
text-decoration: none;
font-size: 12px;
font-weight: bolder;
}

.hotness-image-overlay-text{
position: relative;
z-index: 10;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
margin-left: 10px;
margin-right: 10px;
}

.hotness-image img{
margin-top: -28px;
}

#hot-this-week-box{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 0;
height: 170px;
margin-top: 12px;
margin-left: 10px;
margin-right: 14px;
border-bottom-style: solid;
border-width: 1px;
border-color: #ffffff;
}

#hot-this-month-box{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 0;
height: 170px;
margin-top: 12px;
margin-left: 10px;
margin-right: 14px;
border-bottom-style: solid;
border-width: 1px;
border-color: #ffffff;
}

#list-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-left: 9px;
}

#list-empty-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
}

#list-empty{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
font-family: Arial;
text-decoration: none;
color: #200036;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
}

.list-empty-content{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 0;
}

.list-empty-content a{
color: #ffffff;
text-decoration: none;
background: rgba(32, 0, 54, .90);
padding: 1px;
}

.list-empty-content a:hover{
color: #200036;
text-decoration: none;
background: none;
padding: 1px;
}

#list-container ul, .mini-content-container ul{
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 0;
}

#list-container li, .mini-content-container li{
height: 78px;
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
overflow: hidden;
border-style: solid;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
}


.people #list-container li.even, .mini-content-container.people li.even{
background-color: rgba(255, 255, 255, .10);
}

.people #list-container li.odd, .mini-content-container.people li.odd{
background-color: rgba(255, 172, 21, .10);
}

.people #list-container li:hover, .mini-content-container.people li:hover{
background-color: rgba(255, 172, 21, .40);
}

.artists #list-container li.even, .mini-content-container.artists li.even{
background-color: rgba(255, 255, 255, .10);
}

.artists #list-container li.odd, .mini-content-container.artists li.odd{
background-color: rgba(255, 0, 62, .10);
}

.artists #list-container li:hover, .mini-content-container.artists li:hover{
background-color: rgba(255, 0, 62, .40);
}

.venues #list-container li.even, .mini-content-container.venues li.even{
background-color: rgba(255, 255, 255, .10);
}

.venues #list-container li.odd, .mini-content-container.venues li.odd{
background-color: rgba(32, 196, 222, .10);
}

.venues #list-container li:hover, .mini-content-container.venues li:hover{
background-color: rgba(32, 196, 222, .40);
}

#list-container li a, .mini-content-container li a{
text-decoration: none;
}

.list-element{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-top: 9px;
margin-bottom: 9px;
margin-left: 9px;
margin-right: 9px;
}

.profile .list-element{
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 11px;
}

.list-subelement{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
margin-left: 10px;
margin-right: 10px;
width: 300px; /* For artists this was only 196px */
}

.list-subelement-title-box{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
height: 24px;
line-height: 24px;
width: 196px;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 12px;
font-weight: bolder;
overflow: hidden;
margin-bottom: 10px;
}

.people .list-subelement-title-box{
background: #ffac15;   
}

.artists .list-subelement-title-box{
background: #ff003e;
}

.venues .list-subelement-title-box{
background: #20c4de;
}

.list-subelement-title-box:hover{
font-family: Arial;
text-decoration: none;
font-size: 12px;
font-weight: bolder;
}

.people .list-subelement-title-box:hover{
background: #ffffff;
color: #ffac15;
}

.artists .list-subelement-title-box:hover{
background: #ffffff;
color: #ff003e;
}

.venues .list-subelement-title-box:hover{
background: #ffffff;
color: #20c4de;
}

.list-subelement-title-text{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
margin-left: 10px;
margin-right: 10px;
}

.list-subelement-text{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
overflow: hidden;
height: 14px;
font-family: Arial;
text-decoration: none;
color: #200036;
font-size: 11px;
margin-left: 10px;
margin-top: 4px;
margin-bottom: 16px;
/* In people this had a fixed with of 290px */
}

#more-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 0;
margin-top: 16px;
margin-bottom: 16px;
}

#more-box{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
height: 26px;
line-height: 26px;
width: 400px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
padding: 1px;
margin-left: 3px;
margin-right: 3px;
color: #ffffff;
font-weight: 700;
font-size: 11px;
}

.people #list-container #more-box{
background-color: rgba(255, 172, 21, .90);  
}

.artists #list-container #more-box{
background-color: rgba(255, 0, 62, .90);  
}

.venues #list-container #more-box{
background-color: rgba(32, 196, 222, .90);  
}

#more-box:hover{
text-decoration: none;
padding: 1px;
margin-left: 3px;
margin-right: 3px;
color: #ffffff;
font-weight: 700;
font-size: 11px;
}

.people #list-container #more-box:hover{
background-color: rgba(255, 172, 21, .40);  
}

.artists #list-container #more-box:hover{
background-color: rgba(255, 0, 62, .40);
}

.venues #list-container #more-box:hover{
background-color: rgba(32, 196, 222, .40);  
}

#more-text{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
}


/* For PAV Single */
#back-to-all-box{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
width: inherit;
height: 18px;
line-height: 18px;
background-color: #ffffff;
font-family: Arial;
text-decoration: none;
font-size: 12px;
font-weight: bolder;
margin-top: 10px;
border-style: solid;
border-color: none;  
border-top-width: 1px;
border-bottom-width:1px;
border-left-width: 0px;
border-right-width: 0px;  
}

.people #back-to-all-box{
color: #ffac15;
}

.artists #back-to-all-box{
color: #ff003e;
}

.venues #back-to-all-box{
color: #20c4de;  
}

#back-to-all-box:hover{
background: none;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 12px;
font-weight: bolder;
border-style: solid;
border-color: #ffffff;  
border-top-width: 1px;
border-bottom-width:1px;
border-left-width: 0px;
border-right-width: 0px;
}

#back-to-all-caret{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
margin-left: 16px;
}

#back-to-all-text{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
margin-left: 6px;
}

hr{
height: 1px;
border: 0;
background-color: #ffffff;
}

#profile-box{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 0;
margin-top: 16px;
margin-left: 10px;
margin-right: 14px;
}

#profile-name{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-flex: 0;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
margin-left: 6px;	
margin-right: 6px; /* Use 48px to accomodate hotPin */
overflow: hidden;
height: 26px;
line-height:26px;
}

#profile-name a{
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
background: none;
padding: 0px;
}

#profile-name a:hover{
font-family: Arial;
text-decoration: none;
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
background: rgba(255,255,255,1);
padding: 0px;
}

.people #profile-name a:hover{
color: rgba(255, 172, 21, 1);  
}

.artists #profile-name a:hover{
color: rgba(255, 0, 62, 1);  
}

.venues #profile-name a:hover{
color: rgba(32, 196, 222, 1);  
}

#profile-image{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 0;
padding-top: 10px;
text-decoration: none;
}

#profile-links-box a{
font-family: Arial;
text-decoration: none;
font-size: 11px;
font-weight: 700;
background: rgba(255,255,255,.70);
padding: 1px;
}

.people #profile-links-box a{
color: rgba(255, 172, 21, .90);
}

.artists #profile-links-box a{
color: rgba(255, 0, 62, .90);
}

.venues #profile-links-box a{
color: rgba(32, 196, 222, .90);
}

#profile-links-box a:hover{
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 11px;
font-weight: 700;
background: none;
padding: 1px;
}

#profile-tags-box{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
padding-top: 10px;
margin-left: 6px;
margin-right: 6px;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 11px;
line-height: 22px;
}

#profile-tags-types{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
}

#profile-tags-fields{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-left: 10px;
}

#profile-links-box{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
padding-top: 10px;
margin-left: 6px;
margin-right: 6px;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 11px;
line-height: 22px;
}

#profile-bio-box{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 6px;
margin-right: 6px;
font-family: Arial;
text-decoration: none;
color: #200036;
font-size: 11px;
line-height: 22px;
}

#profile-stats-box{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
padding-top: 10px;
margin-left: 6px;
margin-right: 6px;
font-family: Arial;
text-decoration: none;
font-size: 11px;
line-height: 22px;
}

#profile-stats-types{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 1;
color: #ffffff;
}

#profile-stats-fields{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 3;
color: #200036;
}

#list-container.profile, #list-container.profile li, #list-container.profile .list-subelement-title-box{
border-color: #200036;
}  

#list-container.profile ul{
margin-bottom: 4px;
}

#list-container.profile li{
border-style: none;
margin-bottom: 1px;
background-color: rgba(32, 0, 54, .90);
}

#list-container.profile li:hover{
background-color: rgba(32, 0, 54, .40);
}

.profile #list-subcontainer{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
}

.profile #list-container-header{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
border-style: solid;
border-color: #200036;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
background-color: rgba(32, 0, 54, .80);
height: 27px;
padding-left: 10px;
padding-right: 10px;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 11px;
}

.profile #list-options{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
}

.profile #list-options-active{
font-family: Arial;
text-decoration: none;
font-size: 11px;
font-weight: 700;
text-decoration: none;
background: rgba(255,255,255,1);
padding: 1px;
margin-left: 3px;
margin-right: 3px;
color: rgba(32, 0, 54, .80);
}

.profile .list-options-inactive{
font-family: Arial;
text-decoration: none;
font-size: 11px;
font-weight: 700;
text-decoration: none;
background: rgba(255,255,255,.70);
padding: 1px;
margin-left: 3px;
margin-right: 3px;
color: rgba(32, 0, 54, .80);
}

.profile .list-options-inactive:hover{
font-family: Arial;
text-decoration: none;
color: #ff003e;
font-size: 11px;
font-weight: 700;
text-decoration: none;
background: none;
padding: 1px;
margin-left: 3px;
margin-right: 3px;
color: #ffffff;
}

.profile .current-past-container, .profile .current-upcoming-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: end;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: end;
-webkit-box-flex: 0;
text-decoration: none;
background: none;
color: #ffffff;
font-weight: 700;
margin-right: 6px;
}

.profile .current-past-container:hover, .profile .current-upcoming-container:hover{
text-decoration: none;
background: #ffffff;
color: #200036;
font-weight: 700;
padding: 1px;
margin-right: 6px;
}

.profile .current-past, .profile .current-upcoming{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
}

.profile .current-past-text, .profile .current-upcoming-text{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
}

.profile .current-past-caret, .profile .current-upcoming-caret{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
margin-left: 6px;
}

.profile .list-heading-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
height: 30px;
font-family: Arial;
text-decoration: none;
color: #200036;
font-size: 14px;
margin-top: 6px;
}

.profile .list-heading-left{
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-left: 10px;
}

.profile .list-heading-right{
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: end;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: end;
-webkit-box-flex: 1;
margin-right: 10px;
}

/*is this necessary? */
.profile .list-subelement{
-moz-box-flex: 1; 
-webkit-box-flex: 1;
width: auto;
}

.profile .list-subelement-title{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 0;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 16px;
}

.profile .list-subelement-info-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
}

.profile .list-subelement-info-subcontainer{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 0;
margin-right: 50px;
margin-top: 5px;
height: 50px;
}

.profile .list-subelement-info-subcontainer-left{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
margin-right: 10px;
line-height: 20px;
}

.profile .list-subelement-info-subcontainer-right{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
line-height: 20px;
}

#list-container.profile #more-box{
background-color: rgba(32, 0, 54, .40); 
}

#list-container.profile #more-box:hover{
background-color: rgba(32, 0, 54, .90);  
}


/* For Event Single */
.events #main-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
width: 100%;
}

#event-info-container{
height: 78px;
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 0;
overflow: hidden;
background-color: rgba(32, 0, 54, .90);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-left: 9px;
margin-right: 9px;
margin-bottom: 5px;
}

#event-info-element{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-top: 9px;
margin-bottom: 9px;
margin-left: 9px;
margin-right: 9px;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 11px;
}

#event-info-subelement{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
margin-left: 10px;
margin-right: 10px;
}

#event-info-subelement-title-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
}

#event-info-subelement-title{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 1;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 16px;
}

#event-info-subelement-date{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: end;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: end;
-webkit-box-flex: 1;
font-family: Arial;
text-decoration: none;
color: #ffffff;
font-size: 14px;
}

#event-info-subelement-info-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
}

.event-info-subelement-info-subcontainer{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 0;
margin-right: 50px;
margin-top: 5px;
height: 50px;
}

.event-info-subelement-info-subcontainer-left{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
margin-right: 10px;
line-height: 20px;
}

.event-info-subelement-info-subcontainer-right{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 0;
line-height: 20px;
}

.event-info-subelement-info-subcontainer-buttons-container{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-top: 10px;
}

.event-info-subelement-info-subcontainer-buttons-subcontainer{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: end;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: end;
-webkit-box-flex: 1;  
}

.event-info-subelement-info-subcontainer-buttons{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: end;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: end;
-webkit-box-flex: 1;  
}

.event-info-subelement-info-subcontainer-buttons a{
text-decoration: none;
}


.event-info-subelement-info-subcontainer-button{
margin-left: 30px;
}

#content-containers{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
width: 100%;
}

.mini-content-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
min-height: 266px;
min-width: 286px;
}

.mini-content-container.people li{
height: 32px;
}

.mini-content-container.people .list-element{
margin-top: 3px;
margin-bottom: 3px;
margin-right: 0px;
margin-left: 9px;
}

.events .list-subelement{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
margin-left: 10px;
margin-right: 10px;
min-width: 196px; 
}

.events .people .list-subelement{
min-width: 232px;
}

.events .list-subelement-title-box{
-moz-box-orient: horizontal;
-webkit-box-orient: horizontal;
min-width: 196px;
width: auto;
margin-bottom: 3px;
}

.people .list-subelement-title-box{
min-width: 232px;
}

.events .list-subelement-title-text{
-moz-box-flex: 1;
-webkit-box-flex: 1;
}

.list-subelement-badge-container{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: end;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: end;
-webkit-box-flex: 0;
margin-right: 9px;
}

.list-subelement-badge-subcontainer{
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-top: 4px;
}

.list-subelement-badge{
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-flex: 1;
margin-left: 4px;
}

.events .list-subelement-text{
margin-left: 10px;
margin-top: 3px;
margin-bottom: 0px;
}

.double-height{
height: 28px;
}


/* For About */
.about #content-container{
min-height: 0px;
font-size: 12px;
}

.about #content-container a {
text-decoration: none;
background: rgba(32, 0, 54, .90);
padding: 1px;
color: #ffffff;
}

.about #content-container a:hover {
text-decoration: none;
background: none;
padding: 1px;
color: rgba(32, 0, 54, 1);
}

.about .element-container {
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
margin-left: 9px;
margin-bottom: 9px;
}

.about .last-element-container {
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-flex: 1;
margin-left: 9px;
}

.about .element-tab-container {
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 0;
}

.about .element-tab {
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 0;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 0;
width: 21px;
background-color: #200036;
color: #ffffff;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.about .element-content-container {
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: start;
-webkit-box-flex: 1;
background-color: rgba(255, 255, 255, .90);
border-style: solid;
border-width: 1px;
border-color: #200036;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.about .element-content {
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-right: 24px;
margin-left: 24px;
margin-top: 24px;
margin-bottom: 24px;
line-height: 16px;
}

.about .first-element-content-heading{
font-family: Arial;
color: #200036;
font-size: 20px;
font-weight: 600;
margin-bottom: 16px;
}

.about .element-content-heading{
font-family: Arial;
color: #200036;
font-size: 20px;
font-weight: 600;
margin-top: 16px;
margin-bottom: 16px;
}

.about a#team, .about a#community-guidelines{
text-decoration: none;
border: none;
background: none;  
}

.about a#iphone{
font-family: Arial;
color: #200036;
background: none;
font-size: 20px;
font-weight: 600;
}

.about .element-content-subheading{
font-family: Arial;
color: #200036;
font-size: 14px;
font-weight: 600;
margin-left: 9px;
}

.about .element-content-text{
font-family: Arial;
color: #200036;
font-size: 12px;
margin-left: 9px; 
margin-bottom: 16px;
}

.about .bio-container {
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
margin-bottom: 16px;
}

.about .last-bio-container {
position: relative;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
}

.about .bio {
position: relative;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: start;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: start;
-webkit-box-flex: 1;
margin-left: 16px;
}

.about .bio-name {
font-weight: 700;
font-size: 13px;
}

.about .bio-role {
color: #796686;
font-style: italic;
}

.about .bio-text {
margin-top: 9px;
}

.about .bio-links {
margin-top: 16px;
}


/* Shared footer style */
#footer{
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
height: 41px;
}

#footer-box{
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
-webkit-box-flex: 1;
height: 23px;
background: rgba(255,255,255,.66);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-right: 9px;
margin-left: 9px;
}

#footer-box a{
text-decoration: none;
background: rgba(255,255,255,.9);
padding: 1px;
margin-left: 3px;
margin-right: 3px;
color: #200036;
}

#footer-box a:hover{
text-decoration: none;
background: rgba(32, 0, 54, .90);
padding: 1px;
margin-left: 3px;
margin-right: 3px;
color: #ffffff;
}

a:focus{
outline: none;
}

#new-artist, .candidate-venue-id, .candidate-artist-id {
display: none;
}

.candidate-venue-name, .candidate-artist-name {
font-weight: bold;
}

/* FACEBOX */
#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/fbx-border-sprite.png) 0 0;
  width: 10px; 
  height: 10px;
}

#facebox .tr {
  background:url(/images/facebox/fbx-border-sprite.png) -10px 0;
  width: 10px; 
  height: 10px;
}

#facebox .bl {
  background:url(/images/facebox/fbx-border-sprite.png) -20px 0;
  width: 10px; 
  height: 10px;
}

#facebox .br {
  background:url(/images/facebox/fbx-border-sprite.png) -30px 0;
  width: 10px; 
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 0px solid #DDDDDD;
  /* padding-bottom: 5px; 
  margin-bottom: 5px; */
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}