/****************************** Page Layout ***********************************/
/* This body rule is used by both viewer.html and the sample tour page index.html
	If the tour code in index.html is to be embedded within a different page and
	different body rules are desired for that page, be sure that at least the 
	padding rule is applied to the body element in viewer.html. If this is not
	done, the movie will be misaligned in the iframe.						*/
body {
background-color: black;
border: none;
padding: 0px;
margin: 0px;
text-align: center;
}

/* The page id is used for the container element for the entire tour. In the 
	sample, page is centered in the body, however, it may be placed anywhere in 
	an existing page that you can fit it. You will need an area 960px wide to 
	place it in your page.   												*/
#hc_page {
margin: 16px auto;
padding: 8px 20px 16px;
position: relative;
width: 960px;
color: black;
background-color: #ffffcc;
border: 3px solid #666633;
}

/****************************** Movie Layout **********************************/

#hc_movie {
display: block;
border: #cccc99 2px solid;
float: left;
height: 481px;
overflow: hidden; 
width: 640px; 
}


/******************************** Floor Plan *********************************/

#hc_floorplan {
float: right;
height: 481px;
position: relative;
text-align: center;
text-align: left;
width: 304px;
}

#hc_floorplan a {
text-decoration: none;
}

#hc_movielist {
float: right;
height: 485px;
position: relative;
text-align: left;
width: 304px;
}

#hc_movielist h3 {
margin-top: 0em;
}

#hc_movielist ul {
text-align: left;
}

#hc_movielist ul a{
position: relative;
text-decoration: none;
}

.hc_tourData {
display: none;
}

.hc_delete{
background: url('images/delete.gif') left center no-repeat;
cursor: pointer;
}

#hc_preview {
position: absolute;
bottom: 0px;
right: 32px;
margin: 0px auto;
border: #cccc99 2px solid;
width: 240px;
height: 180px;
}

#hc_addNewMovies {
cursor: pointer;
}

.hc_Popup {
position: absolute;
background-color: #a0a0af;
width: 8em;
z-index: 100;
border: 1px #a0a0af;
}

#hc_addMovieFrame {
z-index: 100;
display: block;
position: relative;
height: 16em;
background-color: lightgray;
}

.hc_currentTour {
text-align: left;
font-weight: bold;
}

.hc_inactiveplan {
display: none;
position: absolute;
}

.hc_activeplan {
background-color: gray;
border-style: none;
display: block;
padding: 2px;
position: absolute;
}

#hc_switcher {
cursor: pointer;
font-size: 24px;
height: 1em;
margin: 410px 0px 0px 0px;
position: static;
text-align: center;
top: 0px;
}

.hc_activebutton {
color: gray;
}

.hc_inactivebutton {
color: gray;
}

#hc_linksupper, #hc_linkslower {
background-color: black;
font-family: monospace;
font-size: 12px;
text-align: center;
width: 304px;
}


/********************************* Text Elements ******************************/

#hc_creator {
font-family: monospace;
font-size: 10px;
text-align: right;
clear: both;
margin-bottom: 5px;
width: 100%;
}

body #hc_creator a{
color: #404040;
text-decoration: none;
}

.hc_propertyinfo {
text-align: left;
float: right;
margin: 0.5em 0em;
padding-left: 0px;
}

#hc_usage {
clear: both;
text-align: left;
}

#hc_description {
text-align: left;
margin-top: 0em;
}

html > body #hc_description {
height: auto;
}

body.ielte7 #hc_description {
min-height: auto;
}

.hc_propertyinfo li{
display: list-item;
margin-left: 2em;
}

#hc_description dd {
clear: both;
}

#hc_description dt {
clear: left;
}

#hc_description h2 {
float: left;
text-align: left;
margin: 0em 0em 0.5em;
}

#hc_descriptionlabel {
font-size: x-large;
color: gray;
}

#hc_page a {
color: black;
}

#hc_page a:hover {
color: #707070;
}

.hc_editHover { 
background-color: lightgray;
}

#hc_page .hc_hidden {
display: none;
}

dt {
font-weight: bold;
}

/***************************edit styles***************************************/
#hc_roomForm, #hc_stillForm {
	background-color: #ffffcc;
	position:absolute;
	bottom: 200px;
	z-index: 100;
	visibility: hidden
}

#hc_addRoomButton, #hc_addStillButton, #hc_removeStillButton {
    cursor: pointer;
}

#hc_addRoomButton:hover, #hc_addStillButton:hover, #hc_removeStillButton {
    color: #707070;
}

#hc_page .hc_visible {
    visibility: visible
}

#hc_progress {
    position: absolute;
    bottom: 0px;
    right: 32px;
    margin: 0px auto;
    border: #cccc99 2px solid;
    background-color: #AAAAAA;
    width: 240px;
    height: 180px;
    opacity:0.80;
    filter:alpha(opacity=80);
    display: none
}

#hc_stillprogress {
    text-align:left;
    float:left;
    height: 18px;
    width: 240px;
    position:relative;
}

#hc_stillprogress img{
    position: absolute;
    top: 0px;
    right:0px;
    width: 240px;
    height: 18px;
}

#hc_stillprogress span{
    background-color: #AAAAAA;
    position: absolute;
    top: 0px;
    right:0px;
    width: 240px;
    height: 18px;
}

.hc_succeeded {
background-color: #00ff44;
}

.hc_failed {
background-color: #ff0044;
}