/*
========================================================

BASIC FORMATING STYLES

VTour Player Version 1.2.9

Configuration for 854X480

Douglas Rhiner modifications

========================================================
*/

* {
margin:0px;
padding:0px;
border:none;
}

body, html {
	margin:auto auto;
	background-image: url(AngelFire_bg.gif);
	background-repeat: repeat-x;
}
body {min-width:876px;font-size:12px;}
body, p, li, td, div {font-family: Helvetica, Arial, Trebuchet, Verdana, sans-serif;}

p, li, td, div {font-size:12px;}

h1, h2, h3, h4, h5, h6 {color:#666666;font-weight:normal;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;text-transform:uppercase;}
h3 {font-size:1.1em;text-transform:uppercase;}
h4 {font-size:1em;font-weight:bold;}
h5 {font-size:.9em;text-transform:uppercase;font-weight:bold;}
h6 {font-size:.85em;text-transform:uppercase;}

img {border:none;}

a:link, a:visited, a:active {color: #000099;text-decoration:none;}
a:hover {color: #0066FF;}


/*
========================================================

SHELL LAYOUT STYLES

========================================================
*/

#wrapper { /* Containing element */
	position:relative;
	width:876px;
	height:auto;
	margin:auto auto;
	text-align:left;
	display:block;
}

#header {/* Header element */
	position:absolute;
	width:876px;
	height:130px;
	z-index:-1;
	left:0px;
	top:532px;
	background-image: url(bkgnd_AngelFire_headerBar.png);
	background-repeat: no-repeat;
}


/*
		Overall Player ELEMENTS
______________________________________________________
*/

#dimoutArea { /* Dim-out for the player */
position: absolute;
z-index:900;
left: 0px;
top: 0px;
width: 876px;
height: 650px;
visibility: hidden;
background-color: transparent;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}

#overlayImage { /* Holds overlay Image content */
	position: absolute;
	z-index:1000;
	width: 876px;
	height: 600px;
	margin: 0px 0px 0px 0px;
	top: 0px;
	text-align: center;
	vertical-align: top;
	visibility: hidden;
	background-color: transparent;
}

#overlayContent { /* Holds overlay Image content */
	position: absolute;
	z-index:1001;
	width: 854px;
	height: 480px;
	margin: 0px 0px 0px 0px;
	top: 52px;
	left: 11px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF;
}

#overlayTextUnderlay 
{
position:absolute;
width:876px;
height:312px;
left:0px;
top:0px;
z-index:1002;
opacity:0.0;
-moz-opacity:0.0;
filter:alpha(opacity=0);
display:none;
visibility:hidden;
background-color: Transparent;
}

#overlayText { /* Holds Text/HTML content in Image overlay mode */
position: absolute;
z-index:-1;
width: 230px;
height: 250px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
top: 10px;
left: 290px;
text-align: left;
vertical-align: top;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
background-color: Transparent;
}

#overlayControls { /* Holds overlay Image overlay mode controls */
position: absolute;
z-index:1004;
width: 876px;
height: 30px;
margin: 0px 0px 0px 0px;
top: 502px;
left: 0px;
text-align: center;
vertical-align: top;
background-color: transparent;
}

#overlayVideo { /* Holds overlay Video content */
position: absolute;
z-index:1000;
width: 876px;
height: 600px;
margin: 0px 0px 0px 0px;
top: 0px;
text-align: left;
vertical-align: top;
visibility: hidden;
background-color: #transparent;
}

#overlayVideoContent { /* Holds overlay Video content */
position: absolute;
z-index:1001;
width: 854px;
height: 480px;
margin: 0px 0px 0px 0px;
top: 52px;
left: 11px;
text-align: left;
vertical-align: top;
background-color: #000;
}

#overlayVideoTextUnderlay 
{
position:absolute;
width:876px;
height:312px;
background-color:#fff;
left:0px;
top:0px;
z-index:1002;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
display:none;
visibility:hidden;
background-color: Transparent;
}

#overlayVideoText { /* Holds Text/HTML content in Video overlay mode */
position: absolute;
z-index:-1;
width: 230px;
height: 250px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
top: 10px;
left: 290px;
text-align: left;
vertical-align: top;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
background-color: Transparent;
}

#overlayVideoControls { /* Holds overlay Video controls */
position: absolute;
z-index:1004;
width: 876px;
height: 30px;
margin: 0px 0px 0px 0px;
top: 502px;
left: 0px;
text-align: center;
vertical-align: top;
background-color: transparent;
}

#overlayBtnInfo 
{
width:25px;
height:25px;
}

/*
		HEADER BAR ELEMENTS
______________________________________________________
*/


#brandImg { /* Holds logo brand */
position: absolute;
z-index:2;
left: 20px;
top: 15px;
width: 310px;
height: 70px;
background-color: Transparent;
}

#brandImgDefault 
{
padding: 21px 0px;
}

#brandImgSpec 
{
padding: 21px 0px;
}

#breakBtn { /* Debugger  */
position: absolute;
left: 350px;
top: 10px;
width: 40px;
height: 20px;
background-color: #000000;
color: #ffffff;
padding: 2px;
cursor: pointer;
}

#bannerImg {/* Call to Action Banner */
position: absolute;
z-index:2;
left: 587px;
top: 15px;
width: 270px;
height: 70px;
background-color: Transparent;
}

#bannerWrapper 
{
padding: 0px;
cursor: pointer;
}

/*
		LOCATION BAR ELEMENTS
______________________________________________________
*/

#locBar { /* White section above media */
	position:absolute;
	left: 0px;
	top: 0px;
	width:876px;
	height:52px;
	background-color: #transparent;
	background-image: url(bkgnd_AngelFire_locationBar.png);
	background-repeat: no-repeat;
}

#locationNav {
position:relative;
top:23px;
left:20px;
width:auto;
height:18px;
float:left;
padding-right:3px;
}

#homeBtn,
#prevBtn,
#nextBtn { /* Navigation commmon styles */
position: relative;
float:left;
width: 20px;
height: 18px;
cursor:pointer;
}

#homeBtn { /* Positions home button */
background:url(homeBtn.png) no-repeat;
}

#homeBtn:hover { /* Positions home button */
background:url(homeBtn_o.png) no-repeat;
}

#prevBtn { /* Positions previous button */
background:url(prevBtn.png) no-repeat;
}

#prevBtn:hover { /* Positions previous button */
background:url(prevBtn_o.png) no-repeat;
}

#nextBtn { /* Positions next button */
background:url(nextBtn.png) no-repeat;
}

#nextBtn:hover { /* Positions next button */
background:url(nextBtn_o.png) no-repeat;
}

#locationText { /* Displays location text */
position:relative;
float:left;
top:24px;
left:31px;
width:auto;
max-width:570px;
height:18px;
font-size:.97em;
line-height:18px;
vertical-align:middle;
}

#statusText { /* Displays status text */
position: absolute;
left: 10px;
top: 0px;
width: 480px;
height: 18px;
line-height:18px;
vertical-align:middle;
font-size:.97em;
color:White;
display: none;
}

/*
		MEDIA BAR ELEMENTS
______________________________________________________
*/


#mediaBar {/* Containing element for pano and tab sections */
	position:absolute;
	left:0px;
	top:52px;
	width:876px;
	height:480px;
	background-color: #Transparent;
	background-image: url(bkgnd_AngelFire_mediaBar.png);
	background-repeat: no-repeat;
}


/*    PANO ELEMENTS   */

#panoContent { /* Containing element for panoramas */
	position:absolute;
	top:0px;
	left:11px;
	background-color:#666666;
	width:854px;
	height:480px;
	overflow:hidden;
	z-index:0;
}

#noFlash { /* Display properties for message if Flash is not present */
position:relative;
width:440px;
height:auto;
margin:20px;
font-size:1.1em;
line-height:1.4em;
color:#FFFFFF;
z-index: 0;
}

/*    TWEEN ELEMENTS   */

#tweenContent { /* Containing element for tween movies */
position:absolute;
top:10px;
left:10px;
background-color:#666666;
width:480px;
height:270px;
overflow:hidden;
}

#mediaUnderlay 
{
position:absolute;
width:876px;
height:290px;
background-color:#fff;
left:0px;
top:0px;
z-index:2;
opacity:0.0;
-moz-opacity:0.0;
filter:alpha(opacity=0);
display:none;
visibility:hidden;
}

/*    TAB ELEMENTS   */

#tabs { /* Containing element for tabs  */
position:absolute;
z-index:10;
top:11px;
left:820px;
height:275px;
width:43px;
}

#tabs ul { /* Display element for tab formatting  */
padding:0px;
cursor:pointer;
list-style-type: none;
margin:0 0 -30px 0;
}


#tabs li { /* Display element for tab list formatting  */
float:left;
background:url(tabC.png) no-repeat;
width:43px;
height:55px;
color: #FFF;
font-size:.83em;
line-height:21px;
vertical-align:middle;
text-align:center;
cursor:pointer;
}


#tabs li:hover { /* Tab hover state  */
background:url(tabhoverC.png) no-repeat;
cursor:pointer;
}

#tabs li.current { /* Display element for current tab item  */
background:url(tabcurrentC.png) no-repeat;
color:#333333;
cursor:pointer;
}

img.tabImg 
{
width:25;
height:25;
margin: 16px 0px 0px 1px;
}



/*    TAB CONTENT ELEMENTS   */

#tabContent { /* Containing element to display current tab data */
position:absolute;
top:12px;
left:547px;
background-color: #FFF;
width:270px;
height:270px;
border:1px solid #121D30;
z-index:-1;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}

#summaryDiv { /* Display element to display current tab data  */
position:relative;
width:264px;
height:264px;
overflow: auto;
margin:3px;
font-size:.95em;
line-height:1.4em;
}

#tabcShowMe, #tabcDetails, #tabcJump, #tabcSearch {
width:247px;
}

/*#summaryDiv div, #summaryDiv p {font-size:98%;line-height:1.4em}  Current tab data formatting */

.listHeader { /* Display element for list data header  */
background-color: #666666;
color:#FFFFFF;
padding:5px 0;
width:100%;
margin:1px 0 2px 0 ;
}

.listHeader div { /*   */
font-size:110%;
line-height:1.4em;
font-weight:normal;
text-transform:capitalize;
}

.listTop { /* Display element for list data section head  */
background:url(listtop_bg.png) repeat-x;
text-indent:5px;
width:100%;
padding:3px 0;
margin:1px 0 2px 0 ;
}

.listTop div { /*   */
font-size:95%;
line-height:1.2em;
font-weight:normal;
text-transform:uppercase;
}

.listItem, .listItemCopy { /* Display element for list data item  */
display:block;
padding:2px 5px 2px 7px;
margin:1px 0 2px 0 ;
}

.listItem div, .listItemCopy div { /*   */
font-size:90%;
line-height:1.3em;
}

.listItem { /* Display element for list data item  */
background-color:#EFEFEF;
cursor:pointer;
}

.listItem:hover { /* Hover state for list data header  */
background-color: #D9E5F2;
}

.listHeader .left, .listItem .left {
float:left;
margin:0 3px;
}

.listHeader .right, .listItem .right {
float:right;
margin:0 3px;
}

.listItem .right {
color:#CC0000;
font-weight:bold;
}


/*
		FOOTER BAR ELEMENTS
______________________________________________________
*/



#footBar { /* Containing element for future footer elements  */
position:relative;
background-color: #000;
width:780px;
height:20px;
display:none;
}




/*
========================================================

OTHER FORMATTING CLASSES

========================================================
*/
.enabled { /* Used to show an enabled element while allowing visble elements to reflow  */
visibility:visible;
display:block;
}

.disabled { /* Used to hide a disabled element while allowing visble elements to reflow  */
visibility:hidden;
display:none;
}

.clear {
clear:both
}

/*
========================================================

ToolTip CLASS

========================================================
*/
.tip {
font:10px/12px Arial,Helvetica,sans-serif; 
border:solid 1px #666666; 
/*width:270px; */
padding:1px;
position:absolute; 
z-index:100;
visibility:hidden; 
color:#333333; 
top:20px;
left:90px; 
background-color:#ffffcc;
layer-background-color:#ffffcc;
}

/*
========================================================

DebugOutput CLASS

========================================================
*/
.DebugOutput {
font:10px/12px Arial,Helvetica,sans-serif; 
border:solid 1px #666666; 
width:780px;
height:240px;
padding:1px;
position:absolute; 
z-index:100;
visibility:hidden; 
display:none;
color:#333333; 
top:700px;
left:0px; 
background-color:#ffffcc;
layer-background-color:#ffffcc;
overflow:auto;
}