/*vertical sliding title texts*/
#title{color:#fff;}
#title02{color:#fff;}
/*horizontal sliding title text*/
#pageTitle{z-index:2; color:#794e1d;}

.whiteButton{border:solid 2px #8f8151;}

/*MTV Styling*/

* {padding:0px; margin:0px;}
html,body {height:100%, width:100% }

#container {width:1000px; height:1000px; overflow:hidden; padding:3px; position:absolute;}

#enlargeButton{position:absolute; width:10px; height:10px; top:0px; left:0px; background:green;}
#returnButton{position:absolute; width:10px; height:10px; top:0px; left:15px; background:red;}
#bigScreen{position:relative; width:0px; height:0px; top:0px; left:0px; z-index:4;}


#result p{font-size:20px;color:#fff;}

#tv {position:relative; width:500px; height:370px; top:450px; left:200px;}
div#feature img {width:310px; height:230px;}
div#feature iframe {width:310px; height:230px;}
.insideTV {width:310px; height:230px; position: absolute; left:46px; top:52px;}
#screen{ display:none;}
#top{position:absolute; width:500px; height:62px; background:url('../imagesMTV/MTV top 500 x 62.png'); margin:0px;  z-index:2;}
#left{position:absolute; width:54px; height:211px; background:url('../imagesMTV/MTV left 54 x 211.png'); margin:0px; top:62px; z-index:2;}
#right{position:absolute; width:152px; height:211px; background:url('../imagesMTV/MTV right 152 x 211.png'); margin:0px; top:62px; right:0px; z-index:2;}
#bottom{position:absolute; width:500px; height:97px; background:url('../imagesMTV/MTV bottom 500 x 97.png'); margin:0px; bottom:0px; z-index:2;}
#onOff{position:absolute; width: 22px; height: 22px; left: 463px; top: 193px; z-index:3;cursor:pointer;}

#result{position:relative; width:650px; height:100px; top:470px;left:200px;}
#result p{padding-left:10px;}
.warning{color:red; text-transform:uppercase;}

#listcontainer{position:absolute; height:590px; top:365px; right:10px;}				/*this is still in use for project listnavigation*/
#picturelist { width:100px;}									/*this is still in use for project listnavigation*/
ul#list {list-style-type: none; margin:0px; padding:0px;}					/*this is still in use for project listnavigation*/
#list img{width:100px;height:75px; z-index:3;cursor:pointer;}					/*this is still in use for project listnavigation*/
.buttonContainerVertical{/*position:relative; margin:auto; width:60px; height:94px; top:3px;*/}			
.doubleArrowVertical{width:60px; height:60px; margin:1px;/*cursor:pointer;*/}			/*this is still in use for project listnavigation*/
.singleArrowVertical{width:60px; height:30px; margin:1px;/*cursor:pointer;*/}			/*this is still in use for project listnavigation*/
#toBeginVertical{/*background:url('../imagesMTV/arrowstb60x180.png') 0px 0px;*/}		/*this is still in use for project listnavigation*/
#previousVertical{margin-top:3px; background:url('../imagesMTV/arrowstb60x180.png') 0px -60px;}	/*this is still in use for project listnavigation*/
#nextVertical{margin-bottom:3px; background:url('../imagesMTV/arrowstb60x180.png') 0px -90px;}	/*this is still in use for project listnavigation*/
#toEndVertical{/*background:url('../imagesMTV/arrowstb60x180.png') 0px -120px;*/}		/*this is still in use for project listnavigation*/
				
#videoContainer {/*position:absolute; visibility:hidden;*/ display:none;}

/*project listnavigation*/
#picturelist{position:relative;}
.buttonContainerVertical{;width:100px; height:100px;left:20px;}
#list img{position:absolute;}
.nextContainer{position:absolute;}
.previousContainer{position:relative;}