@import url("fonts/fonts.css");


body {
	margin:0px;
	padding:0px;
	resize: none;
}

#fps {
	position:absolute;
}

#wrapper {
	position:absolute;
	background-color:#d9d9d9;
	
	background-image:url('../images/bg.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	
	overflow:hidden;
}




/*About*/
#aboutButton {
	font-family:"GaramondItalic";
	font-size:14px;
	text-align:center;
	
	
	width:15px;
	height:15px;
	
	position:absolute;
	right:4px;
	top:93px;
	
	cursor:pointer;
	
	background-color:rgba(0,0,0,0.0);
	border-radius:25px;
	border:1px solid #666;
	
	-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
}

#about {
	color:white;
}


#about .title {
	font-family:'GaramondSBdIt';
	font-size:18px;
	text-transform:uppercase;
	text-align: center;
	
	margin-bottom:15px;
	
	border-bottom:1px solid white;
}

#about .content {
	width:740px;
}

#about .content p.subtitle {
	font-family:'GaramondItalic';
	font-size:18px;
	
	margin:0px 0px 5px 0px;
	padding:0px;
}


#about .content p {
	font-family:'GaramondRegular';
	font-size:14px;
	line-height:21px;
	
	margin:0px 0px 20px 0px;
}

#about .content a {
	color:white;
}

#about .section{
	width:350px;
	float:left;
	
	margin-right:20px;
}

/*Main Menu*/
#mainMenu {
	width: 310px;
	
	background-repeat: no-repeat;
	background-position: center top;
	
	padding-top:60px;
	
	background-image:url('../images/logo.png');
	
	
	resize: none;
}


#mainMenu ul {
	font-family:"InterstateRegular";
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	
	
	width:150px;
	margin:10px auto 0px auto;
	
	padding:5px 5px 0px 5px;;
	
	border-top:1px solid black;
	
	-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
}

#mainMenu ul .selectedItemOff, #mainMenu ul .selectedItemOver {
	/*background-image:url('../images/menuArrow.png');*/
	background-repeat:no-repeat;
	background-position: 95% 30%;
	
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:5px;
	border-radius:0px;
}

#mainMenu ul .selectedItemOff {
	border-top:0px;
}


#mainMenu ul .selectedItemOver {
	border-bottom:1px solid #ccc;
}


#mainMenu ul li {
	margin:10px 0px;
	padding:0px;
	
	
	border-radius: 10px;
	
	list-style:none;
	
	/*cursor:pointer;*/
}



/*View Menu*/
#viewMenu {
	height:115px;
	
	cursor:pointer;
	
	border:1px solid #cccccc;
	
	background-color:white;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

#viewMenu .tab {
	float:right;
	width:30px;
	height:115px;
	
	background-image:url('../images/viewMenuTabBG.jpg');
}

#viewMenu .button {
	font-family:'GaramondSBdIt';
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	
	float:right;
	width:115px;
	height:25px;
	
	border-right:1px solid #cccccc;
	
	padding-top:90px;
}


/*View Overlay*/
#viewOverlay {
	background-color:black;
	opacity:0.85;
	display:none;
}


/*Generic Viewer Styles*/
.viewer {
}

.viewer .content {
	background-color:rgba(255,255,255,0.85);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}


.viewer .arrow {
	width:22px;
	height:11px;
	background-image:url('../images/nodeViewerArrow.png');
	margin:0px auto 0px auto;
}



/*Slider*/
.datePicker {
	background-color:#A6A6A6;
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
	
	border-radius:4px;
	border:2px solid white;

}

.datePicker .slider {
	background-image: url('../images/sliderBG.png');
	background-repeat: no-repeat;
	background-position: center center;
	
	-webkit-box-shadow: inset 0px -1px 0px #bfbfbf, inset 0px 1px 0px #bfbfbf;
	-moz-box-shadow: inset 0px -1px 0px #bfbfbf, inset 0px 1px 0px #bfbfbf;
}

.datePicker .startHandle, .datePicker .endHandle {
	width:20px;
	height:20px;
	background-color:#4d4c4c;
	background-repeat:no-repeat;
	background-position:center center;
}


.datePicker .startHandle {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-image:url('../images/leftArrow.png');
}

.datePicker .endHandle {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-image:url('../images/rightArrow.png');
}


.datePicker .indicator {
	font-family:'GaramondSBdIt';
	font-size:16px;
	color:#424242;
	
	text-align: center;
	
	display:inline-block;
	
	width:100px;
	
	position:absolute;
	background-image:url('../images/sliderArrow.png');
	background-position:center top;
	background-repeat:no-repeat;
	
	padding-top:15px;
}



/*Map*/
#map {
	/*-webkit-transform-origin: left top;*/
}

#map #canvas {
	background-image:url('../images/mapSmall.png');
	background-size: 100%;
}

#map .song{
}





/*Map Node Viewer*/
#map #nodeViewer {
	width:300px;
}


#map #nodeViewer .legend {
	font-family:"InterstateBold";
	font-size:12px;
	line-height:18px;
	
	width:40%;
	
	margin:15px 10px 10px 0px;
	
	float:right;
}

#map #nodeViewer .legend .brandTotal {
	font-family:"InterstateRegular";
	font-size:10px;	
}

#map #nodeViewer .chart {
	float:left;
	width:45%;
	margin:10px 0px 10px 10px;
}


#map #nodeViewer .total {
	font-family:"InterstateBold";
	font-size:14px;
	text-align:center;
	
	padding:5px 0px 10px 5px;
	margin-top:20px;
	border-top:1px solid #bfbfbf;
	
	clear:both;
}






/*MentionsView*/
#mentionsView {
	font-family:"InterstateBold";
	font-size:11px;
	line-height:18px;
	
	width:125px;
}

#mentionsView .title, #mentionsView .content {
	padding:5px;
}


#mentionsView .title {
	font-size:14px;
	border-bottom:1px solid #bfbfbf;
}

#mentionsView .amount {
	font-family:"InterstateRegular";
}



/*Graph*/
#graphHolder {
	cursor:pointer;
}


#brandViewer {
	width:200px;
}


#brandViewer .content {
	font-family:"InterstateRegular";
	font-size:12px;
	text-align:center;
	text-transform: uppercase;
	
	padding:5px 0px 10px 5px;
	margin-top:20px;
	border-top:1px solid #bfbfbf;
}



/*Song Browser*/
#songBrowser .menuWindows {
}


#songBrowser .songSelectorWindow, #songBrowser .songWindow {
	height:300px;
	background-color:white;
	float:left;
	margin-right:15px;
	
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	
	border:2px solid white;
}

#songBrowser .songSelectorWindow {
	width:225px;
}

#songBrowser .songWindow {
	width:400px;
}

#songBrowser .title {
	font-family:"GaramondItalic";
	font-size:18px;
	color:white;
	
	height:20px;
	padding:10px;
	border-bottom:1px solid black;
	
	background-color:#333;
}

#songBrowser .content {
	height:273px;
	
	overflow:scroll;
}


#songBrowser .content::-webkit-scrollbar {
	width:12px;
	background-color:"";
	margin-right:5px;
}

#songBrowser .content::-webkit-scrollbar-thumb {
	background-color:#666;
	width:5px;
	border-left:4px solid white;
	border-right:3px solid white;
	border-top:1px solid white;
}

#songBrowser .content::-webkit-scrollbar-thumb:hover {
	background-color:#333;
}

#songBrowser .content::-webkit-scrollbar-corner, #songBrowser .content::-webkit-scrollbar-horizontal{
	display:none;
}

#songBrowser ul {
	font-family:"InterstateRegular";
	font-size:11px;
	
	margin:0px;
	padding:0px;
	list-style: none;
}

#songBrowser ul li {
	padding:10px 20px 10px 10px;
	border-bottom:1px solid #ccc;
	
	background-image:url('../images/browserItemBGArrow.png');
	background-repeat:no-repeat;
	background-position:95% center;
	
	cursor: pointer;
}


#songBrowser ul li.selected {
	background-color:#999;
}


#songBrowser .songWindowItem {
	padding:0px 10px 0px 20px;
	margin:10px 0px 10px 0px;
}

#songBrowser .songWindowItem .itemTitle {
	font-family:"InterstateBold";
	font-size:11px;
	text-transform:uppercase;
	color:black;
	
	border-bottom:1px solid #ccc;
	
	margin-bottom:5px;
}

#songBrowser .songWindowItem .itemContent {
	font-family:"InterstateRegular";
	font-size:11px;
	margin-bottom:10px;
}