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

BASIC FORMATING STYLES

TGFlash Player Version 1.2.7

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

body, html {margin:0px auto;background-color:#ffffff;}
body {min-width:780px;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: #FFF099;text-decoration:none;}
a:hover {color: #0066FF;}




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

SHELL LAYOUT STYLES

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

#wrapper { /* Containing element */
position:relative;
background-color: #FFFFFF;
width:780px;
height:421px;
margin:0px auto;
text-align:left;
display:table;
}

#header {/* Header element */
position:relative;
background: #FFFFFF url(header_bg_172731.png) no-repeat;
width:780px;
height:90px;
}


/*
		Overall Player ELEMENTS
______________________________________________________
*/

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

#overlayImage { /* Holds overlay Image content */
position: absolute;
z-index:1000;
width: 780px;
height: 330px;
margin: 0px 0px 0px 0px;
top: 90px;
text-align: left;
vertical-align: top;
visibility: hidden;
background-color: #000;
}

#overlayContent { /* Holds overlay Image content */
position: absolute;
z-index:1001;
width: 480px;
height: 270px;
margin: 0px 0px 0px 0px;
top: 10px;
left: 10px;
text-align: left;
vertical-align: top;
background-color: #000;
}

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

#overlayText { /* Holds Text/HTML content in Image overlay mode */
position: absolute;
z-index:1003;
width: 230px;
height: 250px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
top: 10px;
left: 500px;
text-align: left;
vertical-align: top;
background-color: #000;
}

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

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

#overlayVideoContent { /* Holds overlay Video content */
position: absolute;
z-index:1001;
width: 480px;
height: 270px;
margin: 0px 0px 0px 0px;
top: 123px;
left: 10px;
text-align: left;
vertical-align: top;
background-color: #000;
border: 1px solid #000000;
}

#overlayVideoTextUnderlay 
{
position:absolute;
width:540px;
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: #000;
opacity:0.0;
-moz-opacity:0.0;
filter:alpha(opacity=0);
}

#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: 123px;
left: 510px;
text-align: left;
vertical-align: top;
background-color: transparent;
opacity:0.0;
-moz-opacity:0.0;
filter:alpha(opacity=0);
}

#overlayVideoControls { /* Holds overlay Video controls */
position: absolute;
z-index:1004;
width: 480px;
height: 30px;
margin: 0px 0px 0px 0px;
top: 395px;
left: 10px;
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: 10px;
top: 10px;
width: 310px;
height: 70px;
background-color: Transparent;
}

#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: 500px;
top: 10px;
width: 270px;
height: 70px;
background-color: Transparent;
}

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

/*
		LOCATION BAR ELEMENTS
______________________________________________________
*/

#locBar { /* White section between header and media */
position:relative;
background-color: #FFF;
width:780px;
height:22px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

#locationNav {
position:relative;
top:2px;
left:2px;
width:auto;
height:18px;
float:left;
border-right:1px solid #CCCCCC;
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:2px;
left:7px;
width:auto;
max-width:380px;
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;
}

/*
		MEDIA BAR ELEMENTS
______________________________________________________
*/


#mediaBar {/* Containing element for pano and tab sections */
position:relative;
background-color: #FFF;
width:780px;
height:290px;
}


/*    PANO ELEMENTS   */

#panoContent { /* Containing element for panoramas */
position:absolute;
top:10px;
left:10px;
background-color:#666666;
width:480px;
height:270px;
overflow:hidden;
z-index:1001;
border: 1px solid #000000;
}

#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: 1001;
}

/*    TWEEN ELEMENTS   */

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

/*    TAB ELEMENTS   */

#tabs { /* Containing element for tabs  */
position:absolute;
z-index:10;
top:-11px;
left:500px;
height:21px;
width:270px;
}

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


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


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

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



/*    TAB CONTENT ELEMENTS   */



#tabContent { /* Containing element to display current tab data */
position:absolute;
top:9px;
left:499px;
background-color: #FFF;
width:270px;
height:270px;
border:1px solid #121D30;
}

#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: #FFF;
width:780px;
height:20px;
}




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

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; 
color:#333333; 
top:450px;
left:0px; 
background-color:#ffffcc;
layer-background-color:#ffffcc;
overflow:auto;
}