@CHARSET "US-ASCII";

/*_____________________
Author: Kane Lee
Email: KaneSecond@gmail.com
Created: 11 Feb 2015
Description: 
_______________________*/

/*
g.hover {
	background-color: rgba(0, 0, 0, .5);
}
*/

path { 
    stroke: white;
    stroke-width: 2;
    fill: none;
}

.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}
table {
        width: 520px;
    }

    tr {
        height: 50px;
    }

p {
    font: 12px helvetica;
}

.axis path, .axis line {
    fill: none;
    stroke: #000;
    stroke-width: 2px;
    shape-rendering: crispEdges;
}

/*
button {
    position: absolute;
	right: 50px;
    top: 10px;
}*/

span.tab{
    padding: 0 80px; /* Or desired space*/
}

table.stat th, table.stat td {
	font-size : 90%;
	font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	/* background : #efe none; */
	color : #630;
}



body{
	font-family: Century Gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: #FFFFFF;
	/*overflow:scroll;*/
	overflow:hidden;
}

#log{
	top:50px;
	width: 100%;
	left: 20px;
	position:fixed;
	overflow-Y: scroll;
	overflow-X: hidden;

	bottom:10px;
}


#ifocus_piclist.ul{
	list-style-type:none;
	margin:8px 15px;
	padding:2px;
	left:100px;
	overflow:hidden;
}

#image-card.ulli{
	display:inline;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

#menu-bar{
	top:0px;
	left:0px;
	right:0px;
	height:31px;
	position:fixed;
	background-color: #00AAEE;
	border: 1px solid #EEE;
}


#left_nav{
	top:42px;
	width: 200px;
	bottom:283px;
	left: 4px;
	position:absolute;
	overflow-Y: auto;
	overflow-X: hidden;
	
	font-family:Verdana,sans-serif;
	font-size:12px;
	line-height:1.2;
}

#select_attributes_pc{
	/*border: 1px solid #1111EE*/
}

#city_selection{
	top:42px;
	width: 100%;
	bottom: 0;
	left: 0;
	position:absolute;
	overflow-Y: hidden;
	overflow-X: hidden;
	z-index: 10;
}

#login_signup{
	cursor: pointer;
}

#sign_up_div{
	background-color: white;
	top:42px;
	width: 100%;
	bottom: 0;
	left: 0;
	position:absolute;
	overflow-Y: hidden;
	overflow-X: hidden;
	z-index: 20;
}

#sign_up_center{
	width: 500px;
	height:300px;
	padding: 70px 0;
	margin: auto;
}

#log_in_center{

	width: 500px;
	height:300px;
	padding: 70px 0;
	margin: auto;
	/*text-align: center;
	left: -webkit-calc(50% - 250px);
	left: -moz-calc(50% - 250px);
	left: calc(50% - 250px);*/
}

#log_in_div{
	background-color: white;
	top:42px;
	width: 100%;
	bottom: 0;
	left: 0;
	position:absolute;
	overflow-Y: hidden;
	overflow-X: hidden;
	z-index: 20;
}

::-webkit-scrollbar {
	width: 0px;  /* remove scrollbar space */
	background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
	background: #FF0000;
}

#left_nav_btm{
	bottom: 0px;
	height: 150px;
	left: 2px;
	width:200px;
	position:absolute;
	/*border: 1px solid #FFF;*/
}

#select-house-unit{
	right: 0px;
}

#onload_timer{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:absolute;
	background-color: white;
	/*background-image: url(../image/vic-map.gif);
	background-size: 100% 100%;*/
}

#timer_text{
	top:32%;
	left:32%;
	position:fixed;
	font-size : 20pt;
	font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	/* background : #efe none; */
	color : blue;
}

#map-view{
	top:45px;
	/*bottom: 283px;
	left: 212px;*/
	bottom: 0px;
	left: 212px;
	right: 0px;
	z-index : 2;
	/*width: -webkit-calc(100% - 540px - 212px);
	width: -moz-calc(100% - 540px - 212px);
	width: calc(100% - 540px - 212px);*/


	/*height: 650px;*/

	/*left:210px;*/
	position:absolute;
	/*border: 1px solid #EEE;*/
}

#image-card{
	top:42px;
	/*width: -webkit-calc(100% - 1400px);
	width: -moz-calc(100% - 1400px);
	width: calc(100% - 1400px);*/
	width: 540px;
	right:0px;
	position:fixed;
	border: 1px solid #EEE;
	bottom:582px;
}

#facilities_selection_div{
	left: 10px;
}

#images{
	top:42px;
	/*width: -webkit-calc(100% - 1400px);
	width: -moz-calc(100% - 1400px);
	width: calc(100% - 1400px);*/
	width: 540px;
	right: 0px;
	position:fixed;

	overflow-Y: scroll;
	overflow-X: hidden;

	bottom:582px;
}

#word-cloud{
	width:540px;
	right: 0px;
	position:fixed;
	height: 270px;
	bottom: 311px;
}

#spider_chart{
	width:540px;
	right: 0px;
	position:fixed;
	height: 270px;
	bottom: 311px;
}

#select_attributes_spider_chart{
	width:267px;
	right: 270px;
	position:fixed;
	height: 200px;
	bottom: 511px;
	z-index: 999;
}

#stream-graphs{
	width: 538px;
	top:42px;
	right: 0px;
	bottom:283px;
	position:fixed;
	overflow-Y: scroll;
	overflow-X: hidden;
	font-family:Verdana,sans-serif;
	font-size:12px;
	line-height:1.5
}

#stream-graph-house{
	width: 538px;
	top:58px;
	height: -webkit-calc(50% - 178px);
	height: -moz-calc(50% - 178px);
	height: calc(50% - 178px);
	
	right: 0px;
	/*bottom:582px;*/
	position:fixed;
	overflow-Y: hidden;
	overflow-X: hidden;
}

#stream-graph-unit{
	width:538px;
	right: 0px;
	height: -webkit-calc(50% - 178px);
	height: -moz-calc(50% - 178px);
	height: calc(50% - 178px);
	position:fixed;
	/*height: 270px;*/
	bottom: 283px;
	overflow-Y: hidden;
	overflow-X: hidden;
}

#stream-graph-house-text{
	top:42px;
	width:538px;
	right: 0px;
	height: 16px;
	position:fixed;
	overflow-Y: hidden;
	overflow-X: hidden;
}

#stream-graph-unit-text{
	top: -webkit-calc(50% - 178px + 52px);
	top: -moz-calc(50% - 178px + 52px);
	top: calc(50% - 178px + 52px);
	width:538px;
	right: 0px;
	height: 16px;
	position:fixed;
	overflow-Y: hidden;
	overflow-X: hidden;
	border-top: 1px solid #EEE;
}

#multi-view{
	bottom: 0px;
	/*top: 685px;*/
	width: 100%;
	height:280px;
	left:0px;
	position:fixed;
}

#suburb-multi-view{
	bottom: 0px;
	width: 1920px;
	height:280px;
	left:0px;
	position:fixed;
}

#suburb-multi-view-bar-charts{
	left: 500px;
	bottom: 0px;
	height:280px;
	left:0px;
	position:fixed;
}

/*#scatter-plot{
	width: 430px;
	margin-left: 0px;
	height: 280px;
	position: fixed;
	background-image: url(../image/background-image.gif);
	/*background-image: url(../image/vic-map.gif);*/
	/*background-size: 430px 280px;*/
	/*background-size: 1400px 280px;
	background-repeat: no-repeat;
}*/

#example-progressive {
	width: 1400px;
	margin-left: 0px;
	height: 280px;
	position:fixed;
	/*background-image: url(../image/background-image.gif);*/ /*7 Aug 2016*/
	/*background-image: url(../image/vic-map.gif);*/
	/*background-size: 430px 280px;*/
	background-size: 1400px 280px;
	background-repeat: no-repeat;
}





#link-table{
	/*width: 105px;*/
	width: 462px; /*105+445*/
	height:280px;
	margin-left: 1456px;
	margin-right: 0px;
	position:fixed;
}

#link{
	 /*width: 105px;*/
	 width: 88px; /*105+445*/
	 height:280px;
	 margin-left: 1368px;
	 margin-right: 0px;
	 position:fixed;
}

/*
#grid {
	top:-webkit-calc(100% - 265px);
	top:-moz-calc(100% - 265px);
	top:calc(100% - 265px);
	margin-left: 1453px;
	margin-left: 1920px;
	width: 800px;
	height: 250px;
	position:fixed;
}*/

#featureName{
	top:-webkit-calc(100% - 322px);
	top:-moz-calc(100% - 322px);
	top:calc(100% - 322px);
	margin-left: 1457px;
	width: 350px;
	height: 70px;
	position:fixed;
}

.row, .header { clear: left; font-size: 0px; line-height: 8px; height: 8px; text-align: center; }
/*.row:nth-child(20) { background: rgba(0,0,0,0.05); }*/
#imageTable:nth-child(1)>.col-1{ background: rgba(0,0,0,0.05); }

.header { font-weight: bold; }
.cell { float: left; overflow: hidden; white-space: nowrap; width: 13px; height: 8px; border: 1px solid #FFFFFF; }

.col-34 { width: 0px; }
.col-35 { width: 0px; }
.col-36 { width: 0px; }
.col-37 { width: 0px; }
.col-38 { width: 0px; }
.col-39 { width: 0px; }
.col-40 { width: 0px; }
.col-41 { width: 0px; }
.col-42 { width: 0px; }
.col-43 { width: 0px; }
.col-44 { width: 0px; }
.col-45 { width: 0px; }
.col-46 { width: 0px; }
.col-47 { width: 0px; }
.col-48 { width: 0px; }
.col-49 { width: 0px; }
.col-50 { width: 0px; }
.col-51 { width: 0px; }
.col-52 { width: 0px; }
.col-53 { width: 0px; }
.col-54 { width: 0px; }
.col-55 { width: 0px; }

/* Word Cloud*/
.legend {
	border: 1px solid #555555;
	border-radius: 5px 5px 5px 5px;
	font-size: 0.8em;
	margin: 10px;
	padding: 8px;
}
.bld {
	font-weight: bold;
}

/* Image Card style */
#ifocus { width:525px; height:225px; margin:0px; border:0px solid #DEDEDE; background:#F8F8F8; }
#ifocus_pic { display:inline; position:relative; float:left; width:410px; height:225px; overflow:hidden; margin:10px 0 0 10px; }
#ifocus_piclist { position:absolute; }
#ifocus_piclist li { width:410px; height:225px; overflow:hidden; }
#ifocus_piclist img { width:410px; height:225px; }
#ifocus_btn { display:inline; float:right; width:91px; margin:9px 9px 0 0; }
#ifocus_btn li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_btn img { width:75px; height:45px; margin:5px 0 0 11px; }
#ifocus_btn .current { background: url(../image/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:0px; background:#FFFFFF; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=100); }
#ifocus_tx { position:absolute; left:2px; bottom:0px; color:#FFFFFF; }
#ifocus_tx .normal { display:none; }

.wordcloud {
	border: 1px solid #036;
	height: 7in;
	margin: 0.5in auto;
	padding: 0;
	page-break-after: always;
	page-break-inside: avoid;
	width: 7in;
}

svg {
	font: 10px sans-serif;
}


/*tooltips*/

		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}