@charset "UTF-8";
/* CSS Document */

a:link {
	text-decoration: none;
	color: #F33535;
}

a:visited {
	text-decoration: none;
	color: #F33535;
}

a:hover {
	text-decoration: none;
	color: #999;
}

a:active {
	text-decoration: none;
	color: #F33535;
}

body {
	color: #474747;
	font-family: Helvetica,sans-serif;
	margin: 0;
	padding: 50px 0 0;
	background-attachment: fixed;
	background-color: #E7E7E7;
	background-image: url(/images/BodyBkgnd.jpg);
	background-repeat: repeat;
	background-position: center top;
	font-size: 15px !important;
}
#container {
	margin: 0 auto;
	position: relative;
	width: 920px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/flyers.png);
	background-repeat: repeat-y;
}

#navBar {
	height: 73px;
	margin: 0;
	padding: 0 0 0 165px;
	position: absolute;
	top: -39px;
	width: 740px;
	background-image: url(/images/navBarBkgnd.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.body {
    padding: 30px 30px 10px;
}

#page {
	min-height: 500px;
	top:0;
	left: 210px;
	top: 10px;
	padding: 20px 22px;
	position: relative;
	width: 600px;
	/*background-image: url(/images/PageBkgnd.png);*/
	background-image: url(/images/PageBkgnd.gif);
	background-repeat: repeat-y;
}

/*
#page > h1 { 
	padding-top:50px;
}
*/

#footer {
	height: 100px;
	margin: 0 auto;
	padding: 5px 0 0;
	text-align: right;
	width: 910px;
	background-image: url(/images/footerBkgnd.png);
	background-repeat: no-repeat;
}

/* keep ? */
#footer p,  {
	font-size:small;
	font-weight: 300;
	font-style: normal;
}

#socials {
    float: right;
    margin: 0 40px;
    width: 125px;
}


#navBar ul {
    font-family: Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 0.15em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
#navBar ul li {
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#navBar ul li a {
    background-image: url("/images/navTab1.png");
    background-repeat: no-repeat;
    color: #E8D8C0;
    float: left;
    height: 40px;
    list-style-type: none;
    margin: 0;
    padding: 8px 0 0 20px;
    text-decoration: none;
    width: 125px;
}

#navBar ul li a:hover {
    background-image: url("/images/navTab2.png");
    background-repeat: no-repeat;
    color: #000;
    float: left;
    height: 40px;
    list-style-type: none;
    margin: 0;
    padding: 8px 0 0 20px;
    text-decoration: none;
    width: 125px;
}

p {
	/* 14 and 16 don't render correctly */	
	font-size: 15px;
    line-height: 140%;
    margin: 0;
    padding: 0 0 15px;

}

.merchBorder {
	border-top: 2px dotted #CCCCCC;
	padding: 20px 0 10px;
	background-image: url(/images/PriceTab.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#featured {    
    border-bottom: 2px dotted #CCCCCC;
    border-left: 2px dotted #CCCCCC;
    float: right;
    margin: 0 2px 10px 10px;
    padding: 10px 0 5px 20px;
    width: 150px;
}

.eventSummary {
   padding-top: 20px;
   padding-bottom: 10px;
}

#javaScriptWarning {
	position:absolute;
	z-index:100;
    /*right:180px;
    top:15px; */
    
    width:85px;      
    top:40px;
    left:70px;      
}	

/* defined with tooltip for now
.warning {
	background-color:#F33535;
	border: 4px #D1E1F3;
	border-style: solid;
	color: #FFFFFF;
	font-family: Helvetica, sans-serif;
    font-size: 11px;
    padding: 7px;	
}	
*/

/* legacy below */

h1 {
	font-size: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 0;
}

h2 {    
	font-size: 24px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 0;
}

#containerTOS {
	position:relative;
	width: 920px;	
	margin: 0 auto;
	background-image: none;
	background-color:#FFFFFF;
}	

#containerTOS .body {
	padding-top:80px;
}

#tos {
	width: 838px;
	padding: 20px 40px;
	float: left;
}


/* CONTROLS FOR SHOWING DATA */

/*
#dataControls {
display:inline;
float:left;
height:40px;
margin:15px 0 0 230px;
text-align:center;
width:650px;
}
*/

#dataControlsContainer {
	position:absolute;
	width:640px;
	padding: 0 0 0 0;	
	left:0;
	top:5px;
}

#dataControls {
	display:inline;
	height:40px;
	width:640px;
	padding: 10px 0 0 0
	position:absolute;
}
/*
#dataControlButtons {
width: 325px;
height: 40px;
display: inline;
float:left;
}
*/

	
#dataControls .disabled {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity = 50);
	opacity:.5;
	zoom:1;
}

/*
#dataControls .disabled a {	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-ms-filter:"alpha(opacity = 50)";
	filter:alpha(opacity = .5);	
}
*/


#chartTypeControls {
    /*float:left; breaks IE */        
    position:absolute;
    left:40px;
    top:12px;
}

#chartSortControls {
	position:absolute;
	left: 321px;
	top:12px;	
}

#chartWeekControls {
    /*float:left; breaks IE */        
    position:absolute;
    left:360px;
    top:12px; 
}

#chartInfoControl {
    /*float:left; breaks IE */
    position:absolute;
    right:25px;        
    width:11px;
    top:12px;
}


.cellIcon {
   padding: 10px !important;
}

.buttonLabel {
	font-size: 10px;
	color: #CCCCCC;
	font-weight: 600;
	font-style: normal;
}

.buttonControl {
	border: 2px solid #CCCCCC;
	font-size:15px;
	font-weight: 600;
	font-style: normal;
	-webkit-text-size-adjust: 120%;
	letter-spacing: 1px;
	margin: 0 3px;
	padding: 2px 6px 0;
	background: #F5F7FB url(../images/buttonBkgnd.gif) repeat-x center center;
}

/* FOOTER */



.pageImageLeft {
	float:left;	
	padding: 5px 20px 0 0;
}

.pageImageTop {
	padding-top: 50px;	
}

.caption {
	font-size:small;
	font-weight: 600;
	font-style: normal;
	margin-top:2px;
	margin-bottom: 5px;
}



/* additional layout */

.entry {
	font-size: 18px;
	margin:15px;	
}

.label {
	width:60px;
}

.input {
	margin-left:5px;
	width:60px;
}


/*
#chartInfo > h1 {
	padding-top:50px;
}
*/


/*
.inplaceInputEdit {
	width: 120px;
	margin: 15px;	
}

.inplaceInputChanged {
	width: 120px;
	margin: 15px;
}

.inplaceInputChangedHover {
	width: 120px;
	margin: 15px;
}
*/

.submitControl {
	/*float:right;
	margin-right:5px;*/
	position:relative;
	text-align:center;	
}

.validationErrorMsg {
	margin-left: 25px;	
}

.entry {
	font-size:17px;
	margin:15px;	
}

.input textarea {
	width:100%;
	height:100px;	
}

.rich-inplace-view {
	margin-right: 15px;
	border-bottom-style: dotted;
}

.rich-inplace-input {
	margin-right: 15px;
	background-color: #FFF;
}


/* chart additions */


#chartContainer {
	background:transparent none repeat scroll 0 0;
	position:relative;
	top:25px;
	
	/*float:right;
	padding-right:15px;
	padding-top:10px;
	position:relative;
	*/
}


#chartContainer * {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	text-align: left;
}


#chartContainer .chartTable {
	width:600px;
}

#chartContainer th {
	text-align:left;
	padding-right:10px;*/
	padding-bottom: 0;
}

#chartContainer tbody tr {
	/*
	border-bottom-color:#B2D0DD;
	border-bottom-style:solid;
	border-bottom-width:1px;
	*/
}

#page #chartContainer td a:link {
	color: #000000;
}


#page #chartContainer td a:visited {
	color: #000000;
}


#page #chartContainer td a:hover {
	text-decoration: none;
	/*color: #FFB4A7;*/
	color: #999999;
}

#page #chartContainer td a:active {
	text-decoration: none;
	color: #FF6A50;
}



#page #chartContainer .songHeader-pos {
	text-align:right;
	padding-right:10px;
}

#page #chartContainer .songHeader-posChange {
	text-align:right;
	padding-right:20px;
}

#page #chartContainer .songTblCol-pos {
	text-align:right;
	padding-right:10px;
}
#page #chartContainer .songTblCol-song {

}
#page #chartContainer .songTblCol-artist {

}

#page #chartContainer .songTblCol-posChange {
	text-align:right;
	padding-right:20px;
}


#page #chartContainer .songHeader-week {
	font-size: 38px!important;
	color: #474747;
	text-align: center;
	padding: 10px;
}


#page #chartContainer .artistHeader-week {
	font-size: 38px;
	text-align: center;
	padding: 10px;
}

#page #chartContainer .chartTitle {
	border-style:none;
	padding-left:10px;
	padding-right:10px;
}

#page #chartContainer .chartTitle h1 {
	font-size: 38px;
	text-align: center;
	font-weight: 300;
	font-style: normal;
}


#page #chartContainer .chartSubtitle {
	text-align: center;
	padding: 10px;
	font-weight: 600;
	font-style: normal;
}

#page #chartContainer .chartSubtitleFading {
	text-align: center;
	padding: 0 0 10px 0;
	font-weight: 600;
	font-style: normal;
}

#page #chartContainer .songHeader-week-with-title {
	text-align: center;
	padding: 10px;
	font-weight: 600;
	font-style: normal;
}

#page #chartContainer .artistHeader-countries {
	text-align: left;
	padding: 10px;
}

#page #chartContainer .artistHeader-pos {
	text-align:right;
	padding-right:10px;
}

#page #chartContainer .artistHeader-posChange {
	text-align:right;
	padding-right:50px;
}

#page #chartContainer .artistTblCol-pos {
	text-align:right;
	padding-right:10px;
}


#page #chartContainer .artistTblCol-artist {
	/*width:70%;*/
}

#page #chartContainer .artistTblCol-posChange {
	text-align:right;
	padding-right:50px;
}

#page #chartContainer .artistTblCol-countries {
	text-align:left;
	padding-right:10px;
	width:215px;
}

#page #chartContainer .eventStationsHeader-pos {
	text-align:right;
	padding-right:10px;
}

#page #chartContainer .eventStationsTblCol-pos {
	text-align:right;
	padding-right:10px;
}

#page #chartContainer .eventStationsHeader-station {
	/*width:80%;*/	
}

#page #chartContainer .eventStationsTblCol-station {
	padding-left:40px;
}

#page #chartContainer .eventStationsHeader-countries {
	padding-right:40px;
}

#page #chartContainer .eventStationsTblCol-countries {
	padding-right:40px;
}

#page #chartContainer .eventStationsHeader-artists {
	
}

#page #chartContainer .eventStationsHeader-songs {
	
}



#chartContainer .flag {
	padding-right: 0px;
}

/* chartInfoContents for padding of contents */
#chartInfo {
	margin:0;
	padding:0;
	position:absolute;
}

#chartInfoContents ul {
	margin: 0 0 0 1.5em;
	padding: 0;
	/* list-style: circle outside none; */
	text-indent: 0;		
	
	color: #000000;
    font-size: 12px;
    line-height: 150%;
    list-style:;
    text-indent: 0;

}

/*
#container .stationDetailsTooltip th {
	border-bottom: 1px;
	border-bottom-style:solid;	
}
*/


#container #stationDetails {
	
}


#container #stationDetails .stationDetails {	
	float:left;
	max-width:440px;
}

#container #stationDetails .stationStats  {
	float:right;
	right:10px;
	border-color:#D1E1F3;
	border:1px;
	border-style:solid;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;	
	padding:10px;
}


/*
.flagDetailsTooltip th {
	text-align:center;
	border-bottom: 3px double #B2D0DD;
	padding-left:10px;
	padding-right:10px;
}
*/

#container .toolTip, .warning {
	background-color:#F33535;		
	color: #FFFFFF;
	font-family: Helvetica, sans-serif;
    font-size: 13px;
    padding: 7px;
}

#container .toolTip a {
	color:#FFFFFF;
}

#container .toolTip a:hover {
	text-decoration: none;
	/*color: #FFB4A7;*/
	color: #999999;
}

#container #chartDetailsTooltipMainCntrl {
	position:absolute;
	right:15px;
	top:15px;	
}

#chartDetailsTooltipMainCntrl a {
		
}

#container .flagDetailsTooltipMainCntrl, #container .stationDetailsTooltipMainCntrl {
	position:absolute;
	right:5px;
	top:2px;	
}

#container .flagDetailsTooltipMainCntrl table {
	padding-top:10px;	
}


#container .chartDetailsTooltip {
	z-index: 200;
	width: 200px;
	padding:10px;
	border: 10px solid #E7E7E7;
}

#container .chartDetailsTooltip p {
	font-size: 12px;
}

#container .chartDetailsTooltip h1 {
	padding-top:10px;
	border-bottom: 2px #D1E1F3;
	border-bottom-style:none;
	border-bottom-width:1px;	
}

/*
#firstChartDetails p {
	font-size: 12px;
}
*/

#container .flagDetailsTooltip, #container .stationDetailsTooltip {
	border: 4px solid #FFF;
    z-index: 200;
}

#container .flagDetailsTooltip th, #container .stationDetailsTooltip th {
	text-align:left;
	/*
	border-bottom: 2px #D1E1F3;
	border-bottom-style:double;
	*/
	padding-left:0px;
	padding-right:10px;
	color:#FFFFFF	
}

/*
#container .stationDetails th {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#D1E1F3;	
}
*/




.dr-table-headercell {
font-weight: 300;
font-style: normal;
font-size: 20px;
color: #474747;
padding: 0;
}



.dr-table-cell {
font-weight: 600;
font-style: normal;
font-size: 20px !important;
-webkit-text-size-adjust: 100%;
padding: 0 10px 0 /*!important;*/
/*
border-bottom-style:solid;
border-bottom-color:#B2D0DD;
border-bottom-width:1px;
*/
}


.rich-table-headercell {
font-weight: 300;
font-style: normal;
font-size: 12px;
color: #474747;
padding: 0;
}


/*
#chartContainer .chartCell {
font-size: 20px !important;
-webkit-text-size-adjust: 100%;

border-bottom-style:solid;
border-bottom-color:#B2D0DD;
border-bottom-width:1px;

}
*/



#chartContainer  .rich-table-cell {
	font-weight: 600;
	font-style: normal;
	font-size: 20px !important;
	-webkit-text-size-adjust: 100%;
	
	border-bottom: 1px solid #E6E6E6;	
	padding: 7px 0 4px;
}


.chart-container-mask ul {

}

.chart-container-mask li {
margin:0 50px !important;
}

/*
.tos p {
font-size: 14px;
line-height: 110%;
}
*/

.tos ol {
/*font-size:14px;*/
line-height:140%;
}

.address {
font-size:14px;
font-weight: bold;
line-height: 130%;
padding: 0 20px;
}

#address p {
padding: 0;
}