@charset "UTF-8";

/*  this is the generic Web template document 'standard' */

/* CSS Document */

/* default hide/reveal behaviour */

/*.visible { visibility:visible; }*/
/*.hidden { visibility:hidden; }*/


/* main elements */
body { margin:0px;padding:0px }
#main { position:absolute; left:0px; top:0px; padding: 0px; width: 960px; height:540px; margin: 0px;   }

.container { -webkit-transition-property: top, left, height, width, right, bottom, opacity; -webkit-transition-duration: 1s; }
.container { -moz-transition-property: top, left, height, width, right, bottom, opacity; -moz-transition-duration: 1s; }
.container { position:absolute; }

.container.hidden {  opacity:0 ; visibility:hidden }
.container.visible {  opacity:1 ; visibility:visible }

/* GLOBAL CONTAINERS */

#siteLogo {}
#pageHeader { background-color: #CCCCCC; top:0px;  padding:5px; width: 725px; height:33px ; vertical-align: text-top; text-align:center; z-index:2 }
#pageHeader { }
#navBar { position:absolute; display:inline-block; background-color: #CCCCCC;left: 0px; top:46px;   width: 945px; height:33px ; vertical-align: text-top; z-index:2 }
#navTrail { position:absolute; display:inline-block;background-color: #CCCCCC; margin: 5px; padding: 10px; width: 955px; height:20px ;border: 1px solid #0000FF; }
#navTrail { display:inline-block;background-color: #CCCCCC; margin: 5px;  width: 975px; height:35px ;border: 1px solid #0000FF; }

#siteLogo , #pageHeader, #navBar , #navTrail {  }

/*
#pageSidebarL,#pageContent, #pageContent2, #pageSidebarR, #pageSidebarR2 {  -webkit-transition-property: top, left, height, width, right, bottom, opacity ;     -webkit-transition-duration: 1s; }

#pageSidebarL.hidden ,#pageContent.hidden, #pageContent2.hidden, #pageSidebarR.hidden, #pageSidebarR2.hidden
{ opacity:0 ; visibility:hidden }

#pageSidebarL.visible ,#pageContent.visible, #pageContent2.visible, #pageSidebarR.visible, #pageSidebarR2.visible
{ opacity:1 ; visibility:visible }
*/


/* FRONT PAGE CONTAINERS */


#frontPageMain { position:absolute;  margin: 0px; width: 945px;padding:5px; height:400px ; top:93px ;  vertical-align: text-top; overflow: auto;}


/* PAGE CONTAINERS */

#pageSidebarL, #pageContent, #pageSidebarR {  }
#pageSidebarLContent, #pageContentContent, #pageSidebarRContent {  }
 #pageContentContent {width:737px ; }

#pageSidebarL {    }
#pageContent {   }
#pageSidebarR {   }

/* GLOBAL CONTAINERS */

#pageFooter { position:absolute; left:0px; top:400px; background-color: #CCCCCC; margin: 5px; padding: 5px; width: 965px; height:150px ;border: 1px solid #0000FF;}
#pageFooterMenu { position:absolute; left:0px; top:505px;  padding: 3px;  width: 954px; height:29px ; text-align:right ; background-color: #000000; }



/* CMS Styles */


/* SITE CONTAINER */

#main {   }



/* TV Remote controller  */

#remoteButtons { position:absolute; display:inline-block ;left:0px; top:553px; margin: 0px; width: 980px; height:59px ; vertical-align: text-top; background-color: #555555  }
.remoteButton  { display:inline-block; vertical-align: text-top ; width:60px}
.fastextButton { display:inline-block; vertical-align: text-top ; width:65px ; margin-left: 10px; }
.textBox { display:inline-block; vertical-align: text-top ; width:250px ; margin-left: 10px; color:white; font-size:12px; }
.remoteButton:hover { background-color: #777777 }
.remoteButton:active {  background-color: #999999  }