/* Heading */

* {
  font: normal 12px tahoma;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 18px;
  color: #f9a754;
}

h2 {
  font-size: 14px;
  color: #1a89ca;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 100%;
  color: #FFFFFF
  text-transform: uppercase;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3366CC;
	font-weight: bold;
}

.titlec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0066FF;
	font-weight: bold;
}

.smallgreen, .switchcontent {
	font-family: arial, san-serif;
	font-size: 11px;
	color: #FCA653;
	line-height: 12px;
	margin: 0px;
	font-weight: bold;
	}
.switchcontent {
       color: #FFFFFF;
}

.smallgreen a:link {color: #FCA653; text-decoration: none; }
.smallgreen a:visited {color: #FCA653; text-decoration: none; }
.smallgreen a:active {color: #FCA653; }
.smallgreen a:hover {color: #FCA653; text-decoration: none; }

/* Preferences Box */

#Pref {
       position:relative;
/*       top:-300px;
       left:695px; */
       top:-450px;
       left:830px;
       color: #000;
       width: 110px;
       height: 220px;
       z-index: 13000;
}

#Answer {
       position:relative;
       top:-475px;
       left:180px;
       color: #000;
       width: 400px;
       z-index: 13000;
}
 
.pref-title, .answer-title {
       height: 18px;
       width: 110px;
       font-weight: bold;
       font-size: 11px;
       margin: 0;
       color: #FCA653;
       padding: 8px 8px 4px;
       background: #636466;
       border-bottom: 1px solid #FCA653;
       width:100%;
}
/*
.titletext a:link, .titletext a:visited, .titletext a:hover, .titletext a:active {
       font-weight: bold;
       font-size: 11px;
       color: #FCA653;
} */

.orange-bold {
       font-size: 11px;
       font-weight: bold;
       color: #FFFFFF;
}
 
.pref-body {
       height: 202px;
       width: 108px;
       padding: 4px 8px 8px;
       background: #0080C9;
       border: 1px solid #636466;
}

.answer-body {
       width: 394px;
       padding: 10px 10px 10px 10px;
       background: #0080C9;
       border: 1px solid #636466;
       color:#FFFFFF;
}

.answer-title {
       width: 100%;
}

.box-x {
       float:right;
       width:15px;
}


/* Body*/
#Topimages {
  height:32px;
  margin:4px 0 4px 0;
  width:100%;
}

#Names {
  height:32px;
  margin:0px 46px 0 46px;
  padding-top: 6px;
  width:792px;
}

#Menu {
  height:30px;
  margin:0;
  width:100%;
}

#Container {
  margin: 0 auto;
/*  padding: 243px 0 0 0px; */
  padding: 14px 0 0 0;
  width: 900px;
  text-align: left;
/*  background: url('images/header.jpg') no-repeat; */
}

#Wrapper {
  padding-left:16px;
}

#Body {
  padding:0px 0 41px 0;
  height:505px;
  background: url('images/boxbg.png') repeat-x;
  overflow: hidden;
}

#Middle {
  margin:0 0 0 42px;
  width:792px;
  height:455px;
  border:4px solid #636466;
  overflow: hidden;
  background: #ffffff url('images/energy101.jpg') no-repeat 45% 10%;
}

/* Footer */

.footer_text, .footer_text a:hover, .footer_text a:visited {
  padding:29px 0 0 0;
  font: normal 11px arial;
  color: #000000;
  text-decoration:none;
}

#Footer_top {
  margin-top:-3px;
  width:100%;
  height:90px;
  background: 50% 0% url('images/footer_top.png') no-repeat;
}
#Footer_bottom {
  padding:0 0 0 9px;
  width:100%;
  height:59px;
  background: 50% 0 url('images/footer.png') no-repeat;
}

#FAQ {
  width: 755px;
  margin:18px 0 0px 18px;
  height: 300px;
}

.intro_box {
  width: 755px;
  margin:0px 0 0px 18px;
  color:#1a89ca;
}

.intro_item {
  height:130px;
  color:#FFFFFF;
}

select.www, input.www {
	font-size:10px;
	font-weight:bold; 
	color:#0066FF;
	width: 100px;
	height: 15px;
	text-align:right;
	border: 1px solid #000000;
    padding: 0 5px 0 0;
    margin: 0 0 2px 0;
    background: url('images/inputbg.jpg');
}
select {
        background: #FFFFFF;
}


.submit {
    BORDER-TOP: #f9a754 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #f9a754 1px solid;
    WIDTH: auto;
    COLOR: #f9a754;
    BORDER-BOTTOM: #f9a754 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #1a89ca;
}

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#008bd1;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	position:relative;
	z-index: 99;

	height:17px;
	margin:0 0 0 18px;
	background:url(images/box.gif) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(images/box.gif) no-repeat 0 0;
}

	/* Bottom corners and border */
.bb {
	position:relative;
	height:14px;
	margin:0 0 0 12px;
	background:url(images/box.gif) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(images/box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}


	/* Left border */
.i1 {
	position:relative;
	padding:0 0 0 12px;
	background:url(images/borders.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(images/borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {

	display:block;
	margin:0;
	padding:1px 10px;
	background:#008bd1;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Default CSS ends here */

/* Movie Wrapper */
#Main {
       width:100%;
}

#MovieImage {
       background-image: url('img/png/energycode.png');
       width:500px;
       height:40px;
       margin:0 auto;
}

#Movie {
       width:auto;
	padding:0px 0 0 0px;
	margin:0 auto;
	float:none;
	text-align:center;
}

#video_quality {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#video_quality a{
	color: #FFFFFF;
}