/* === THE FOLLOWING NEED TO BE UPDATED AS TO MATCH THE STYLE FOR EACH SITE === */



/*
this style sets the attributes for the transparent layer that blanks the page
*/

#videobackground {
  position: absolute;
  filter: alpha(opacity=80);
  -moz-opacity:0.5;
  background-color: #00214d;          /* UPDATE */  
  width:100%;
  height:100%;
  display: none;
  top: 0px;
  left: 0px;
  z-index: 100;
}

/*
this style sets properties for the title bar
*/

#titlebarFF {
  display: block;
  height: 16px;
  width: 300px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 300;
  display: none;
  background-color: #fdc202;          /* UPDATE */
  padding: 5px;
}

#titlebarIE {
  position: relative;
  height: 16px;
  z-index: 300;
  display: none;
  background-color: #fdc202;          /* UPDATE */ 
}

/*
this style sets properties for the footer bar
*/

#footerFF {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 300;
  width: 500;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #fdc202;          /* UPDATE */ 
  overflow: hidden;
}

/*
this style sets the color of the main video frame
*/

#videoplayer {
  position:absolute;
  z-index: 200;
  background-color: #fdc202;          /* UPDATE */ 
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  top: 0px;
  left: 0px;
  display: none;
}

/*
this style surrounds the embedded video; the background-color attribute can be updated as required
*/

#videoarea {
  background-color: #fae780;          /* UPDATE */ 
  padding: 10px;
  display: block;
}

/*
the fonts below define the style for the title text at the top of the player
update as required
*/

.vidtitle {
  font-family: verdana;
  color: #dd5514;
  font-weight: bold;
  font-size: 85%
}

.vidtitle a {
  font-family: verdana;
  color: #dd5514;
  font-weight: bold;
  text-decoration: none;
}

.vidtitle a:Hover {
  font-family: verdana;
  color: #dd5514;
  font-weight: bold;
  text-decoration: underline;
}

/*
the fonts below define the style for a smaller text that can be used on the player
update as required
*/

.vidtext {
  font-family: verdana;
  color: #ffffff;
  font-weight: normal;
  font-size: 75%
}

.vidtext a {
  font-family: verdana;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
}

.vidtext a:Hover {
  font-family: verdana;
  color: #ffffff;
  font-weight: normal;
  text-decoration: underline;
}



/* === THE FOLLOWING STYLES SHOULD NOT NEED TO BE UPDATED === */

/*
this style places the title text on the left hand side of the top menu
*/

#titletextbox {
  display: inline;
  float: left;
}

/*
this style places the close button on the right hand side of the top menu
*/

#closebutton {
  display: inline;
  float: right;
}

/*
this style surrounds the footer images and pictures
*/

#footerIE {
  display: none;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 0px;
}

#vidiframe {
  display: none;
  position: absolute;
  top: 16px;
  left: 0px;
  z-index: 200;
  overflow: hidden;
}