p{
	padding-top: 9px;
	}
	#cvi_tooltip {
	display:none;
	position:absolute;
	padding:4px 8px;
	color: #666666;
	text-shadow: white 0px 1px 0px;
	background: #ffdd00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(255,224,0)));
	background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,224,0));
	font: 100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid orange;
	max-width: 200px;
	min-width: 30px;
	border-radius: 8px;
	-moz-border-radius: 8px;	
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: rgba(40,20,0,.66) 0px 0px 8px;
	-moz-box-shadow: rgba(40,20,0,.66) 0px 0px 8px;
	-webkit-box-shadow: rgba(40,20,0,.66) 0px 0px 8px;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
#cvi_tooltip  b {color: #333333; }
#cvi_tooltip  i {font-family: Times, serif; }
#cvi_tooltip  small {text-transform: uppercase; }
#cvi_tooltip  u {
	text-decoration: none;
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
}
#cvi_tooltip  hr {
	color: orange; 
	border-color: orange; 
	background-color: orange; 
}
#loader{
width:100%;
height:100%;
position:absolute;
background: rgba(0, 0, 0, 0.35);
z-index: 100;
}
#img_loader{
padding: 21%;
margin: 2%;
margin-left: 22%;
}
div.navig { 
	display: block; 
	position: absolute;
	width: 56px; 
	height: 56px;
	top: 25%;
	left: 4px;
	padding: 0px; 
	margin: 0px;
	border: 0px none;
	white-space: nowrap;
	visibility: hidden;
	background:transparent url(../images/navig/compass.png) 0px 0px no-repeat;
	z-index: 98;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	-moz-drag-select: none;
	-khtml-drag-select: none;
	drag-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
div.navig_north {
	display: block; 
	position: absolute;
	top: 0px;
	left: 15px;
	width: 26px; 
	height: 15px;
	padding: 0px; 
	margin: 0px;
	cursor: pointer;
	border: 0px none;
} 
div.navig_west {
	display: block; 
	position: absolute;
	top: 15px;
	left: 0px;
	width: 15px; 
	height: 26px;
	padding: 0px; 
	margin: 0px;
	cursor: pointer;
	border: 0px none;
} 
div.navig_info {
	display: block; 
	position: absolute;
	top: 15px;
	left: 15px;
	width: 26px; 
	height: 26px;
	padding: 0px; 
	margin: 0px;
	border: 0px none;
	cursor: pointer;
	background:transparent url(../images/navig/info_off.png) 0px 0px no-repeat;
} 
div.navig_info:hover, div.navig_info:focus {
	background:transparent url(../images/navig/info_on.png) 0px 0px no-repeat;
} 
div.navig_east {
	display: block; 
	position: absolute;
	top: 15px;
	right: 0px;
	width: 15px; 
	height: 26px;
	padding: 0px; 
	margin: 0px;
	cursor: pointer;
	border: 0px none;
} 
div.navig_south {
	display: block; 
	position: absolute;
	bottom: 0px;
	left: 15px;
	width: 26px; 
	height: 15px;
	padding: 0px; 
	margin: 0px;
	cursor: pointer;
	border: 0px none;
} 
div.slider_outer { 
	display: block; 
	position: absolute;
	top: 35%;
	left: 17px;
	width: 47px; 
	height: 144px;
	padding: 0px; 
	margin: 0px;
	border: 0px none;
	white-space: nowrap;
	visibility: hidden;
	background:transparent url(../images/navig/scale.png) 0px 0px no-repeat;
	z-index: 98;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	-moz-drag-select: none;
	-khtml-drag-select: none;
	drag-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
div.slider_plus {
	display: block; 
	position: absolute;
	top: 2px;
	left: 2px;
	width: 26px; 
	height: 26px;
	padding: 0px; 
	margin: 0px;
	cursor: pointer;
	border: 0px none;
	background:transparent url(../images/navig/plus_off.png) no-repeat 0px 0px;
} 
div.slider_plus:hover, div.slider_plus:focus {
	background:transparent url(../images/navig/plus_on.png) no-repeat 0px 0px;
} 
div.slider_minus {
	display: block; 
	position: absolute;
	bottom: 16px;
	left: 2px;
	width: 26px; 
	height: 26px;
	padding: 0px; 
	margin: 0px;
	cursor: pointer;
	border: 0px none;
	background:transparent url(../images/navig/minus_off.png) no-repeat 0px 0px;
} 
div.slider_minus:hover, div.slider_minus:focus {
	background:transparent url(../images/navig/minus_on.png) no-repeat 0px 0px;
} 
div.slider_inner { 
	display: block; 
	position: relative;
	width: 30px; 
	height: 69px;
	padding: 0px; 
	margin: 30px 0 30px 0;
	border: 0px none;
	background:transparent;
}
div.slider_knob { 
	display: block; 
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 30px; 
	height: 11px;
	padding: 0px; 
	margin: 0px;
	cursor: pointer;
	border: 0px none;
	background:transparent url(../images/navig/slider_off.png) no-repeat 0px 0px;
}
div.slider_knob:hover, div.slider_knob:focus, div.slider_knob.onfocus {
	background:transparent url(../images/navig/slider_on.png) no-repeat 0px 0px;
} 
* html div.navig {
	background-color: transparent; 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navig/compass.png", sizingMethod="image");
}
* html div.navig_info {
	background-color: transparent; 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navig/info_off.png", sizingMethod="image");
}
* html div.slider_outer {
	background-color: transparent; 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navig/scale.png", sizingMethod="image");
}
* html div.slider_plus {
	background-color: transparent; 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navig/plus_off.png", sizingMethod="image");
}
* html div.slider_minus {
	background-color: transparent; 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navig/minus_off.png", sizingMethod="image");
}
* html div.slider_knob {
	z-index: 99;
	background-color: transparent; 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navig/slider_off.png", sizingMethod="image");
}
#map-canvas
{
width:100% !important;
height: 598px;
margin-top: 4%;
}
* html div.slider_knob.onfocus {
	z-index: 99;
	background-color: transparent; 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navig/slider_on.png", sizingMethod="image");
} 

#world_wrap
{
/*padding: 15%;*/
}
#world_view{
margin-left: 1px;
}

	body {margin: 20px; color: black; background: white;
	overflow-x: hidden;
		font-family:Brandon Grotesque Bold;}	
		/*#wrapper { 
		margin: auto; margin-top: 2%; width:58%; height: auto;
		}*/
		a {color: gray; text-decoration:none;}
		a:hover {color: blue; text-decoration:none;}
		table {border: none;}
		td {vertical-align: top;}
		ul {padding-left: 0px;}
		li {font-size: 75%; list-style-type: none; padding-right: 1em;}
		small {font-size: 75%;}
		b {}
		td span {font-size: 75%; font-family: georgia, serif; font-style: italic; color: gray;}
		.map {
			/*width:600px; */
			height:300px; 
			/*background: url(images/map.jpg) 50% 50% no-repeat; */
			-webkit-box-shadow: 0px 0px 8px black; 
			-moz-box-shadow: 0px 0px 8px black; 
			box-shadow: 0px 0px 8px black;
		}
		#crosshair_x { 
			display: block; 
			position: absolute;
			top: 150px;
			left: 0px;
			width: 600px; 
			height: 1px;
			padding: 0px; 
			margin: 0px;
			font-size: 1px;
			line-height: 1px;
			border: none;
			background: white;
			visibility: hidden;
			opacity: 0.5;
			filter: alpha(opacity=50);
			z-index: 99;
		}
		#crosshair_y { 
			display: block; 
			position: absolute;
			top: 0px;
			left: 300px;
			width: 1px; 
			height: 300px;
			padding: 0px; 
			margin: 0px;
			font-size: 1px;
			line-height: 1px;
			border: none;
			background: white;
			visibility: hidden;
			opacity: 0.5;
			filter: alpha(opacity=50);
			z-index: 99;
		}
		.marker_grp a
{
background: url('http://www.mq.edu.au/sustainability/greencampusguide/_img/bubbles.png') 0 0 no-repeat;
color: #FFFFFF;
display: block;
font-size: 8px;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none;
width: 46px;
height: 52px;
z-index:3;
}
#infowindow
{
/*background-color:#71d7d7;*/
background:rgba(113, 215, 215, 0.91);
width: 96.7%;
position: absolute;
top: 67%;
margin-left: 0px;
visibility:hidden;
cursor: text;
height: 33%;
overflow-y: auto;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;

}
b
{
color:white;
text-decoration:underline;
}
#content_area
{
padding-left: 4%;
padding-bottom: 3%;
height: auto;
text-transform: uppercase;
padding-right: 4%;
margin-top: 10px;
text-align: justify;
}
h2
{
margin-left: 18%;
padding-top: 16%;
}
.cls_info
{
margin-left: 96.7%;
position: absolute;
margin-top: .5%;
cursor: pointer;
color: black;
border-radius: 50px;
background: rgba(113, 215, 215, 0.91);
border-color: rgba(0, 0, 0, 0.85);
border-style: solid;
border-width: 3px;
}
#fullscreen
{
z-index: 5;
margin-left: 90%;
top: 2%;
background: transparent !important;
}
#marker2,#marker28,#marker3{
visibility: hidden;
}
#marker_1
{
top: 29%;
left: 44%
}
#marker0 img{
top: 52% !important;
left: 51% !important;
}
#marker1 img{
top: 44.729481% !important;
left: 55.990008% !important;
}
#marker3 img
{
top: 29.5% !important;
left: 63.5% !important;
}

#marker4 img
{
top: 35.5% !important;
left: 66.5% !important;
}
#marker5 img
{
top: 39% !important;
left: 67.5% !important;
}
#marker6 img
{
/*top: 40.2% !important;
left: 74.7% !important;*/
top: 22% !important;
left: 69% !important;
}
#marker7 img
{
top: 33% !important;
left: 80.5% !important;
}
#marker8 img
{
top: 30% !important;
left: 81% !important;
}
#marker9 img
{
top: 26% !important;
left: 82.5% !important;
}
#marker10 img
{
top: 20% !important;
left: 73.5% !important;
}
#marker11 img
{
top: 18% !important;
left: 72% !important;
}
#marker12 img
{
top: 19% !important;
left: 78% !important;
}
#marker13 img
{
top: 16.5% !important;
left: 74.5% !important;
}
#marker14 img
{
top: 16.5% !important;
left: 77.5% !important;
}
#marker15 img
{
top: 15% !important;
left: 76.5% !important;
}
#marker16 img
{
top: 12% !important;
left: 73% !important;
}

#marker17 img
{
top: 14% !important;
left: 74.5% !important;
}

#marker18 img
{
top: 10.5% !important;
left: 76% !important;
}
#marker19 img
{
top: 56.5% !important;
left: 45.5% !important;
}
#marker20 img
{
top: 52% !important;
left: 40.5% !important;
}
#marker21 img
{
top: 60% !important;
left: 44.5% !important;
}
#marker22 img
{top: 61% !important;
left: 40.5% !important;
}
#marker23 img
{
top: 59% !important;
left: 47% !important;
}
#marker24 img
{top: 68% !important;
left: 47% !important;
}
#marker25 img
{top: 55% !important;
left: 36.5% !important;
}
#marker26 img
{top: 52% !important;
left: 34% !important;
}
#marker27 img
{top: 72.5% !important;
left: 33.3% !important;
}
#marker28 img
{top: 78.5% !important;
left: 32% !important;
}
#marker29 img
{
top: 77.5% !important;
left: 13.5% !important;
}
#marker30 img
{
top: 77% !important;
left: 42% !important;
}
#marker31 img
{top: 75.5% !important;
left: 11% !important;
}
#marker32 img
{
top: 71% !important;
left: 11.5% !important;
}
#marker33 img
{top: 38% !important;
left: 20% !important;
}
#marker34 img
{
top: 37% !important;
left: 25% !important;
}
#marker35 img
{top: 40% !important;
left: 26% !important;
}
#marker36 img
{top: 45% !important;
left: 25% !important;
}
#marker37 img
{top: 46.7% !important;
left: 24.5% !important;
}
#logo
{
position: absolute;
width: 25%;
height: 25%;
padding: 3px;
z-index: 108;
background: transparent;
margin-left: 1px;
}
#logo img{
width: 150%;
}

/* media......*/

@media only screen 
and (min-width : 321px) 
and (max-width : 1120px) {
#world{
	max-width:110%;
}
#world_img{
	max-width:110%;
}
}
@media only screen 
and (min-width : 1120px) {
#world{
	max-width:110%;
}
#world_img{
	max-width:110%;
}
}