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

#svg1 {
	width: 600px;
	height: 474px;
	background-image: url(/image/bg-svg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-bottom: 10px;
}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #p16, #p17, #p18, #p19 {
	stroke: white;
	stroke-opacity: 0.35;
	stroke-width: 10px;
	cursor: pointer;
	fill: #2be354;
}
#p1:hover, #p2:hover, #p3:hover, #p4:hover, #p5:hover, #p6:hover, #p7:hover, #p8:hover, #p9:hover, #p10:hover, #p11:hover, #p12:hover, #p13:hover, #p14:hover, #p15:hover, #p16:hover, #p17:hover, #p18:hover, #p19:hover {
    opacity: 0.75; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#p1.leased, #p2.leased, #p3.leased, #p4.leased, #p5.leased, #p6.leased, #p7.leased, #p8.leased, #p9.leased, #p10.leased, #p11.leased, #p12.leased, #p13.leased, #p14.leased, #p15.leased, #p16.leased, #p17.leased, #p18.leased, #p19.leased {
    fill: #fee038;
	stroke-opacity: 0.5;
}
#p1.busy, #p2.busy, #p3.busy, #p4.busy, #p5.busy, #p6.busy, #p7.busy, #p8.busy, #p9.busy, #p10.busy, #p11.busy, #p12.busy, #p13.busy, #p14.busy, #p15.busy, #p16.busy, #p17.busy, #p18.busy, #p19.busy {
    fill: #e84933;
}
#road {
	fill: #000;
	opacity: 0.25; 
}
#tooltip {
    font-family: Arial;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: #000 0px -1px 0px;
    white-space: nowrap;
    position: absolute;
    border: 2px solid #999;
    padding: 10px;
    color: #EEE;
    display: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #1D1D1D;
    z-index: 10;
}
#main #content #rightcol #plan {
	height: 474px;
	width: 600px;
	margin-top: -20px;
	padding-bottom: 30px;
}

#main #content #rightcol .indication {
	text-align: center;
	margin-bottom: 20px;
}
#main #content #rightcol .indication li {
	display: inline-block;
	line-height: 34px;
	height: 34px;
	padding-left: 50px;
	margin-right: 10px;
	margin-left: 10px;
}
#main #content #rightcol .indication .free {
	background-image: url(/image/map-status.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#main #content #rightcol .indication .leased {
	background-image: url(/image/map-status.png);
	background-position: 0px -34px;
	background-repeat: no-repeat;
}
#main #content #rightcol .indication .busy {
	background-image: url(/image/map-status.png);
	background-position: 0px -68px;
	background-repeat: no-repeat;
}
#plan .inform {
	position: absolute;
	color: #FFF;
	background-color: #333;
	z-index: 10;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	line-height: normal;
	text-shadow: none;
	border: 3px solid #EEEEEE;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 12px;
}
#main #content #rightcol #plan .inform p {
	margin-bottom: 0px;
}
#main #content #rightcol #plan .inform .name {
	font-weight: bold;
	margin-bottom: 5px;
	white-space: nowrap;
	float: left;
	font-size: 14px;
}
#main #content #rightcol #plan .inform .free, #main #content #rightcol #plan .inform .leased, #main #content #rightcol #plan .inform .busy {
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	line-height: 24px;
	height: 24px;
	clear: left;
	margin-bottom: 5px;
}
#main #content #rightcol #plan .inform .free {
	background-color: #0C0;
}
#main #content #rightcol #plan .inform .leased {
	background-color: #F90;
}
#main #content #rightcol #plan .inform .busy {
	background-color: #F00;
}
#main #content #rightcol #plan .inform .close {
	float: right;
	height: 20px;
	width: 20px;
	margin-left: 20px;
	background-image: url(/image/close.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: -15px;
	margin-top: -10px;
}
#main #content #rightcol #plan .inform a {
	color: #FFF;
}
#main #content #rightcol #plan .inform a:hover {
	color: #FE9A1F;
	text-decoration: none;
}