/*styles for the header image*/

.header-image {position:absolute; top: 0px; left: 0px}
.viewport {position:absolute; top: 0px; left: 0px; border: solid black; border-width: 1px; width:780px; height:200px}


/*styles for header image text overlays*/

.header-logoPane {position:absolute; top: 0px; left:0px; width: 260px; height:80px}
.header-logoContent{position: relative; text-align: center; color:white; font-weight:bold; font-family:'Lucida Console'; font-size:16pt;opacity:1}

.header-caption-bottomPane {position:absolute; top: 176px; left:582px; width: 198px; height:25px}
.header-caption-bottomContent{position: relative; text-align: center; color:white; font-weight:bold; font-family:'Lucida Console'; font-size:16pt;opacity:1}

.header-caption-topPane {position:absolute; top: 0px; left:642px; width: 138px; height:23px}
.header-caption-topContent{position: relative; text-align: center; color:white; font-weight:bold; font-family:'Lucida Console'; font-size:16pt;opacity:1}
/*styles for header button*/


/*.buttonClass  {position: absolute; top: 0px; left: 0px; width:78px; height:27px}*/


.buttonClass {position:absolute; bottom:0px; text-align: center; color:black}


.buttonText {position:absolute; top: 6px; width: 100%; left: 0; text-align:center; color:black; font-family: Tahoma, Verdana, Chicago; font-size:12pt; text-decoration:none}

#liveDemo { 'float:right; width:100%; padding-right: 5px; padding-top: 5px; text-align:right; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14pt'}
.tooltip {font-family: Tahoma; Arial, serif; font-size: 12pt; padding:10px; color:black; background:yellow; border: solid black 2px; position: absolute; left: 100px; top: 250px; width: 200px}