.panorama-viewport {
position:relative;
width:600px;
overflow:hidden;
text-align:left;
margin:0;
padding:0;
}

.panorama-container {
position:relative;
width:100000px;
margin:0;
padding:0;
}

.panorama-control {
position:absolute;
display:none;
bottom:-1px;
left:0;
width:100%;
height:30px;
background:#000;
filter:alpha(opacity=50);
opacity:.5;
text-align:left;
margin:0;
padding:0;
}

.panorama-control-left,.panorama-control-right,.panorama-control-pause {
float:left;
color:#FFF;
text-decoration:none;
font-size:20px;
line-height:30px;
width:33%;
text-align:center;
font-family:'Arial',sans-serif;
margin:0;
padding:0;
}

.panorama-control-left:hover,.panorama-control-right:hover,.panorama-control-pause:hover {
text-decoration:none;
}

.panorama-control-pause {
text-transform:uppercase;
}

.panorama-panel {
position:absolute;
display:none;
top:0;
right:0;
background:#009cff;
filter:alpha(opacity=50);
opacity:.5;
color:#FFF;
padding:4px;
}

.panorama-panel h2 {
font-size:11px;
text-transform:uppercase;
font-family:Arial, sans-serif;
text-align:right;
}

.panorama-panel ul {
display:none;
}

.panorama {
position:relative;
border:none;
margin:0;
padding:0;
}

.panorama-area {
border:2px solid #FFF;
filter:alpha(opacity=20);
opacity:.2;
background:#000;
font-size:100%;
cursor:pointer;
text-decoration:none;
color:#FFF;
text-align:right;
}

.panorama-area-hover {
	cursor:pointer;
	background-color: #09F;
}

.area0-hover {
background:#ff7e00;
}

.area1-hover {
background:#25bf5b;
}

.panorama-title {
position:absolute;
right:0;
top:0;
font-size:16px;
font-family:Verdana;
background:gray;
filter:alpha(opacity=50);
opacity:.5;
padding:3px;
}