/*-----------------------------------------------Client name: Centrica$Id: base.css,v 1.50 2007/04/30 13:42:18 rameshshah Exp $----------------------------------------------- */* { margin:0; padding:0; }
BODY { 
     color: #666666; 
     background:#FFF;
     margin: 0; 
     padding: 0; 
     font-family:  Arial,Verdana, Helvetica, sans-serif; 
     font-size: 62.5%; 
     font-size: 11px; 
     text-align: center; 
     width:100%;  /*Centre content for IE5 */ 
     }     
/* Layout---------------------------------------*/
#outer { margin: 0 auto;  /* Centering */ text-align: left;  /* Counteract text-align on body */ font-size:1em; }
#central-wrapper {margin:2px auto 7px;overflow:hidden;width:970px; }
#primary-wrapper { float:left; width:100%; min-height:630px; }
#primary-wrapper { background-color:#fff; }



/* head styles---------------------------------------*/
#head { position:relative; min-height:131px;  /* IE HACK */ }
#logo { position:absolute; top:25px; left:62px; height:72px; width:186px; background-image: url(/images/BGB/Header/BGB_Logo.gif); text-indent: -900px; background-repeat: no-repeat; }
.Logoblank{
  position:absolute;
  top:0px;
  right:300px;
  z-index:100;
}
#inner .header {width:100%;height:107px;overflow:hidden;min-width:975px;position:relative;background:#762980 url(/content/s7/E360Images/bg/hd_repeat.gif) repeat-x;}
.header .switch h1 {margin:0;padding:0;display:none;}
.header .switch {width:50.1%;height:107px;float:left;background:#762980 url(/content/s7/E360Images/bg/hd_left.gif) no-repeat right 0;position:relative;}
.header .search {width:49.9%;height:107px;float:right;background:#762980 url(/content/s7/E360Images/bg/hd_right.gif) no-repeat left 0;position:relative;}
.header .switch ul {position:absolute;right:249px;top:81px;list-style:none;margin:0;padding:0;}
.header .switch li {float:left;}
.header .switch li a {display:block;text-indent:-1000px;overflow:hidden;height:26px;}
.header .switch li.at-home a {width:105px;background:url(/content/s7/E360Images/bt/bu_home.gif) no-repeat;}
.header .switch li.at-home a:hover {background:url(/content/s7/E360Images/bt/bu_home_o.gif) no-repeat;}
.header .switch li.for-business a {width:132px;background:url(/content/s7/E360Images/bt/bu_business_on.gif) no-repeat;}





#navigation-wrapper { width:100%; position:absolute; bottom:0; display:inline; text-align:center; }
#navigation ul#nav-top { margin-left:95px; height:27px; }
#navigation { padding-left:127px; }
#navigation ul { margin-left:71px; }
#navigation ul li { float:left; }


/* breadcrumb styles---------------------------------------*/
#breadcrumbs { font-size:11px; padding:5px 5px 5px 10px; height:15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#breadcrumbs li { margin-right:5px; }
#breadcrumbs ul, #breadcrumbs li { float:left; }
#breadcrumbs { background-color:#E0E0E0; }
#breadcrumbs li { color:#515151; }
#breadcrumbs ul li a { margin-right:5px; color:#361163; float:left; }
#breadcrumbs .home { font-weight:bold; color:#361163; float:left; }
#breadcrumbs ul li a:hover { background-color:#F4F5D3; }

/* sidebar styles---------------------------------------*/

#sidebar { 
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     float: left; 
     display:inline; 
     width:242px; 
     margin-right:0; 
     padding-top:15px;
     background-color:#fff; 
     border-top:1px solid #EFEFEF;  
     position:relative;
}

#sidebar a { color:#361163; }
p.back-to-home { background-image:url(/content/s7/E360Images/bg/Breadcrumb_arrow_icon.gif); background-repeat:no-repeat; background-position:15px 50%;     }
#sidebar p.back-to-home { margin-bottom:0px; background-color:#E0E0E0; padding-top:5px; padding-bottom:5px; padding-left:33px; font-size:11px; }
#sidebar p.back-to-home a { color:#361163 }

/*
#sidebar-navigation-list p { color: #361163; font-size:1.2em; font-weight:bold; padding:5px 0px 5px 10px; background-color:#E0E0E0; line-height:1.9em; }
#sidebar-navigation-list ul li p { font-size:1.2em; font-weight:normal; padding:5px 0px 5px 20px; background-color:#fff; }
#sidebar-navigation-list h2 { padding-left:10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; color:#002E6C; }
#sidebar-navigation-list li em { margin-right:3px; position:relative; font-style:normal; font-size:1.5em; color:#2E88E8; }
#sidebar-navigation-list h2 em { position:relative; top:3px; font-size:1.3em; font-style:normal; color:#2E88E8; }
*/

#sidebar-navigation-list li { font-size:11px; line-height:1.9em; color:#361163; }
#sidebar-navigation-list li.success a { padding:5px 30px 5px 0; }
#sidebar-navigation-list li.current { padding-right:23px; width:80%; }/* imported from forms.css */

#sidebar li.success a{     background:url(/content/s7/E360Images/bg/sidebar-success-bg.gif) top right no-repeat;     }
#sidebar li.current {     background: #fff url(/content/s7/E360Images/bg/sidebar-current-bg.gif) bottom right no-repeat;     }

#sidebar { padding-top:0; border-top:none; }

#sidebar-navigation-list { background-color:#fff; padding-top:0px; }
#sidebar-navigation-list ul { margin:0; background-color:#F9F9F9; background-color:#EEEEEE; }
#sidebar-navigation-list h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#002E6C; background-color:#F4F5D3; border-bottom:1px solid #fff; padding-top:10px; padding-bottom:10px; padding-left:10px; }
#sidebar-navigation-list ul li { padding-left:0; border-bottom:1px solid #fff; color:#361163; }
#sidebar-navigation-list ul li a { padding-left:20px; padding-top:2px; padding-bottom:2px; display:block; color:#361163; }
#sidebar-navigation-list ul li.selected, #sidebar-navigation-list ul li a:hover { background-color:#ffffd6; }
#sidebar-navigation-list ul li ul {  background-color:#F9F9F9;}
#sidebar-navigation-list ul li ul li { border-bottom:none;}
#sidebar-navigation-list ul li ul li a { width:210px; padding-left:30px; border-top:1px solid #fff;}
#sidebar-navigation-list ul li ul li ul li a{ width:200px; border-top:1px solid #fff; padding-left:40px;}
/*
.sidebar-gradient { background:url(/content/s7/E360Images/bg/LefthandNav_basegradient.gif) repeat-x top left; height: 150px; }
*/
/* content styles---------------------------------------*/

/* footer styles---------------------------------------*/
#footer{clear:both;}
#footer .footer-box h4 { color:#361163; }
#footer .footer-box li a { color:#515151; }
#footer .footer-box li a:hover { color:#D70B8C; }
#sub-footer a:hover { color:#D70B8C; }

.footer {position:relative;margin:10px auto 0 auto;width:970px;overflow:hidden;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:7px 0;}
.footer ul {list-style:none;margin:0;padding:0;}
.footer li {float:left;border-right:1px solid #999;padding:0 7px 0 0;margin:0 7px 0 0;}
.footer li:last-child {border:0;}
.footer li a {color:#828282;font-size:1.0em;text-decoration:none;}
.footer li a:hover {text-decoration:underline;}
.footer .copyright {position:absolute;right:0;top:7px;color:#828282;font-size:1.0em;}


/* INDIVIDUAL TEMPLATE SPECIFIC STYLES---------------------------------------*/

h1 { font-size:20px; color:#913b96; font-weight:normal; margin:7px 0px 5px 0px;  }
h2 { font-size:18px; color:#913b96; font-weight:normal; margin-bottom:10px;  }
h3 { font-size:14px; color:#da3401; font-weight:normal; margin-bottom:0px;  }
h4 { font-size:11px; color:#da3401; margin-bottom:0px;  }

a { text-decoration: none;  color:#0000FF;}
a:hover { text-decoration:none; }
a img { border: 0; }
a.terms { background-image:url(/images/BGB/icons/terms-conditions.gif); background-position:center right; background-repeat:no-repeat; padding-right:11px; }


.no-wrap      { white-space: nowrap; }
.left           { float:left; }
.left10px { float:left; margin-left:10px; }
.right           { float:right; }
.right10px{ float:right; padding-right:10px; }



form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
acronym { border: 0; }


/* Special formatting---------------------------------------*/
DIV.clearer { /* To clear floated divs - Hacked for IE */ height: 1px; line-height: 1px; clear: both; overflow: hidden; }


LI LI, LI P, LI DT, LI DD, DT LI, DD LI, DT P, DD P, P P, BLOCKQUOTE P, TD TD, TD P, TD LI, TD DT, TD DD { font-size: 1em !important; }
ul { list-style-type: none; } /* make lists undecorated by default *//* use explicit class for bullet lists */
ul.bullet-list { list-style-type: disc; padding-left: 20px; }
ol { line-height:2em; }/* convenience classes for floating elements */

#primary-content .contentPadding30px #ULfix ol{padding-left:15px; list-style:disc;}

*.noscript {          /* hide in js.css */ display:block; }
span.noscript {          /* hide in js.css */ display:inline; position:absolute; background:#84B23C; color:#fff; padding:0.2em 0.5em; margin-left:1em; }
span.alert { background:#f79434; }
*.script {               /* show in js.css */ display:none; }
*.formElementContainer { position:relative; }

#logo-print-media { display:none; }



DIV.clear                         {     line-height:0;     font-size:0;     width:0px;     height:0px;          clear:both;     overflow:hidden;}
DIV.clear10px               {     line-height:0;     font-size:0;     width:6px;     height:10px;     clear:both;     overflow:hidden;}
DIV.clear6pxWidth     {     line-height:0;     font-size:0;     width:6px;     height:10px;     float:left;     overflow:hidden;}
DIV.clear10pxWidth{     line-height:0;     font-size:0;     width:10px;     height:10px;     float:left;     overflow:hidden;}
DIV.clear6pxHeight{     line-height:0;     font-size:0;     width:10px;     height:6px;          clear:both;     overflow:hidden;}












/* ======================================================== new CSS */


#primary-content { 
     width:728px; 
     float:left; 
     display:inline; 
     padding-bottom:10px;
}
#primary-content a {
 
     text-decoration:underline;
}
#primary-content h4 a {

     text-decoration:none;
}
#primary-content P {
     line-height:15px;
}


DIV.bannerDivHome{ width:726px;}
DIV.bannerDiv{ width:728px;}
DIV.bannerDiv img{ width:724px;}
 
DIV.contentPadding10px{
     padding:10px;
     clear:both;
}
DIV.contentPadding10px P{
     padding-bottom:10px;
}

DIV.contentPadding30px{
     padding:10px 0px 30px 30px;
     clear:both;
     
}
DIV.contentPadding30px P{
     padding-bottom:10px;
}
DIV.padding-right30px{ padding-right:30px;}

/* ================================== boxes ===============*/
DIV.whiteCorner1{
     width:10px;
     height:10px;
     bottom:0px;
     right:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBR.gif);
     background-position:bottom right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCornerTL{
     width:10px;
     height:10px;
     top:0px;
     left:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTL.gif);
     background-position:top left;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCornerTR{
     width:10px;
     height:10px;
     top:0px;
     right:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTR.gif);
     background-position:top right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCornerBL{
     width:10px;
     height:10px;
     bottom:0px;
     left:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBL.gif);
     background-position:bottom left;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner{
     width:10px;
     height:10px;
     bottom:-1px;
     right:-1px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBR.gif);
     background-position:bottom right;
     background-repeat:no-repeat;
     z-index:2;
}


DIV.buttonFixToBottom{
     position:absolute;
     bottom:10px;
     left:10px;
     z-index:2;
}
DIV.buttonFixToBottomPadding15px{
     position:absolute;
     bottom:15px;
     left:15px;
     z-index:2;
}
/* === box 180px */
DIV.box180px{ 
     width:177px;
     float:left;
     position:relative;     
}
DIV.box180pxInner{ 
     width:155px;
     height:95px;
     padding:10px 10px 10px 10px;
     border:1px solid #929497;
}
#primary-content .box180pxInner h4 a{ 
color:#DA3401;
}
DIV.box180px P{
     padding:0px 0px 5px 0px;
}
DIV.box180px h3{
     padding:0px 0px 2px 0px;
}
DIV.box180pxInnerContent{
     padding:10px 114px 10px 15px;

}
/* === box full */

DIV.boxFull{ 
     width:697px;
     position:relative;
     float:left;     
     overflow:hidden;
margin-bottom:10px;
}
DIV.boxFullInner{ 
     width:695px;
     display:inline-table;
/*padding:15px 0px 15px 0px;*/
     border:1px solid #929497;
}
DIV.boxFull P{
     padding:0px 0px 5px 0px;
}
DIV.boxFull h3{
     padding:0px 0px 2px 0px;
}
DIV.boxInnerRight{
     float:right;
     width:227px;
     height:146px;
     padding:25px 10px 0px 0px;
}
DIV.boxInnerLeft{
     float:left;
     width:420px;
     padding:15px;
     
}
/* === box 310px */
DIV.whiteCorner2{
     width:10px;
     height:10px;
     bottom:0px;
     right:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBR.gif);
     background-position:bottom right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner2TL{
     width:10px;
     height:10px;
     top:0px;
     left:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTL.gif);
     background-position:top left;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner2TR{
     width:10px;
     height:10px;
     top:0px;
     right:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTR.gif);
     background-position:top right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner2BL{
     width:10px;
     height:10px;
     bottom:0px;
     left:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBL.gif);
     background-position:bottom left;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.box325px{ 
     width:328px;
     height:90px;
     position:relative;
     float:left;     
     overflow:hidden;

}
DIV.box325pxInner{ 
     border:1px solid #929497;
     background-image:url(/content/s7/E360Images/bg/color.jpg);
     background-position:bottom right;
     background-repeat:no-repeat;
     height:88px;
     width:326px;

}
DIV.box325px P{
     padding:0px 0px 5px 0px;
}
DIV.box325px h3{
     padding:0px 0px 2px 0px;
}

/* === box halfpx */
DIV.whiteCorner3{
     width:15px;
     height:15px;
     bottom:-1px;
     right:-1px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCorner.gif);
     background-position:bottom right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner3TL{
     width:10px;
     height:10px;
     top:0px;
     left:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTL.gif);
     background-position:top left;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner3TR{
     width:10px;
     height:10px;
     top:0px;
     right:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTR.gif);
     background-position:top right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner3BL{
     width:10px;
     height:10px;
     bottom:0px;
     left:0px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBL.gif);
     background-position:bottom left;
     background-repeat:no-repeat;
     z-index:2;
}

DIV.whiteCorner4BR{
     width:15px;
     height:15px;
     bottom:-1px;
     right:-1px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBR.gif);
     background-position:bottom right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner4TL{
     width:10px;
     height:10px;
     top:-1px;
     left:-1px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTL.gif);
     background-position:top left;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner4TR{
     width:10px;
     height:10px;
     top:-1px;
     right:-1px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerTR.gif);
     background-position:top right;
     background-repeat:no-repeat;
     z-index:2;
}
DIV.whiteCorner4BL{
     width:10px;
     height:10px;
     bottom:-1px;
     left:-1px;
     position:absolute;
     display:table;
     background-image:url(/content/s7/E360Images/bg/whiteCornerBL.gif);
     background-position:bottom left;
     background-repeat:no-repeat;
     z-index:2;
}







DIV.boxHalf{ 
     width:344px;
     /*height:90px;*/
     position:relative;
     float:left;     
     overflow:hidden;

}
DIV.boxHalfInner{ 
     border:1px solid #929497;
     /*height:88px;*/
     width:342px;

}
DIV.boxHalfInnerContent{
     padding:15px 10px 36px 15px;

}

DIV.boxHalf P{
     padding:0px 0px 5px 0px;
}
DIV.boxHalf h3{
     padding:0px 0px 2px 0px;
}

/* === contact us form */
DIV.ContactUsForm, DIV.ContactUsFormPart2{
     float:left;
     width:665px;
     padding:15px;     
     position:relative;
}
DIV .mandatory{
     float:right;
}

DIV.left30px{
     padding:0px 19px 0px 0px;
     width:323px;
     float:left;
}

.ContactUsForm span, .ContactUsFormPart2 span{color:red;}
DIV.ContactUsForm .right , DIV.ContactUsFormPart2 .right{
     padding:0px 0px 0px 0px;
     width:323px;
     float:left;
}
FORM .ContactUsForm select{
     width:209px;
     height:18px;
     border:1px solid #cdcdcd;
     float:left;
     font-size:11px;
}
FORM .ContactUsForm textarea{
     width:549px;
     height:58px;
     border:1px solid #cdcdcd;
     float:left;
     font-size:11px;
}
FORM .ContactUsFormPart2 h4, FORM .ContactUsForm h4{padding-bottom:10px; width:550px; float:left;}
FORM .ContactUsFormPart2 INPUT{
     width:195px;
     height:18px;
     border:1px solid #cdcdcd;
     font-size:11px;
}
.ContactUsFormPart2 .label{
     text-align:right;
     padding-right:5px;
     padding-top:3px;
     width:255px;
     float:left;
}
FORM .ContactUsFormPart2 select{
     width:195px;
     height:18px;
     border:1px solid #cdcdcd;
     float:left;
     font-size:11px;
}

FORM .ContactUsFormPart2 textarea{
     width:394px;
     height:58px;
     border:1px solid #cdcdcd;
     float:left;
     font-size:11px;
}
FORM INPUT.submit{
     width:74px;
     height:16px;
     border:0px;
     float:right;
}

form .ContactUsForm input.submit{
     width:74px;
     height:16px;
     border:0px;
     float:right;
}

FORM .ContactUsForm INPUT{
     width:207px;
     height:18px;
     border:1px solid #cdcdcd;
     font-size:11px;
}
.ContactUsForm .label{
     text-align:right;
     padding-right:5px;
     padding-top:3px;
     width:100px;
     float:left;
     
}

#otherdiv {
display:none;
}



#contentWithImage p{
float:left;
width:595px;
min-height:73px;
}
#contentWithImage img{
float:left;
padding-right:10px;
margin-top:-13px;
padding-bottom:10px;
}


#contentWithImage h3{
clear:both;
padding-left:91px;
}


/*
#contentWithImage h3 img{
  padding-left:91px;
  position:absolute;
  padding-right:10px;
  width:83px;
}

*/

.sideBarExtra{
/*position:absolute;
top:183px;
left:7px;
z-index:50;*/
padding-left:6px;
background:transparent url(/content/s7/E360Images/bg/LefthandNav_basegradient.gif) repeat-x scroll left top;

}
.sideBarExtra img{
  padding-top:10px;
}


Div#carbonHealthcheck h1 em{
  font-style:normal;
  color:#913b96;
}
Div#carbonHealthcheck h2{
  font-size:12px;
  font-weight:bold;
}
Div#carbonHealthcheck ul{
  
  margin:0px;
  padding-left:13px;
  padding-bottom:10px; 
  list-style:disc;  
}
Div#carbonHealthcheck ul em{
  color:#333333;
  font-style:normal;
}
Div#carbonHealthcheck .buttons{
  padding-top:20px;
}
Div#carbonHealthcheck .buttons img{
  padding-right:30px;
  float:left;
}

Div.overlayForm .label{
  float:left;
}


/* ==================== OVERLAY ========================== */
#overlayWithTransparentBG{
  width: 1227px; 
  height: 1380px; 
  opacity: 0.50;
  filter:alpha(opacity = 93);
  background-color:#000000;
  position:absolute;
  left:0;
  top:0;
  z-index:998;
  display:none;
}

.overlayContent{
  display:none;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:999;
  top:45px;
  left:0px;
  font-size:11px;
  }
  
.overlayContent .inner a{
  
  color:#ffaa00;
  text-decoration:none;

}
.overlayContent .newextendableWhiteBox.width583px{
  background-color:#ffffff;
  position:relative;
  width:780px;
   background-image:url(/content/s7/E360Images/overlay/whiteBG.jpg);
   background-repeat:repeat;
   margin:0 auto;

}
.overlayContent .newextendableWhiteBox .topRight{
  background-image:url(/content/s7/E360Images/overlay/whiteBoxTR2.jpg);
  background-position:top;
  background-repeat:no-repeat;
  position:absolute;
  right:0px;
  top:0px;
  height:3px;
  width:3px;
  
  
  
}
.overlayContent .newextendableWhiteBox .topLeft{
  background-image:url(/content/s7/E360Images/overlay/whiteBoxTL2.jpg);
  background-position:top;
  background-repeat:no-repeat;
  position:absolute;
  left:0px;
  top:0px;
  height:3px;
  width:3px;
}
.overlayContent .newextendableWhiteBox .botRight{
  background-image:url(/content/s7/E360Images/overlay/whiteBoxRB2.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  position:absolute;
  bottom:-1px;
  right:0px;
  height:4px;
  width:3px;
}
.overlayContent .newextendableWhiteBox .botLeft{
  background-image:url(/content/s7/E360Images/overlay/whiteBoxLB2.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  position:absolute;
  left:0px;
  bottom:-1px;
  height:4px;
  width:3px;
}

.overlayContent .newextendableWhiteBox .inner {
  padding:31px;
  display:table;
  width:718px;
  text-align:left; 
}
.overlayContent a.close{
  color:#003265;
  height:15px;
  line-height:15px;
  position:absolute;
  top:10px;
  right:20px;
  text-decoration:none;
}
.overlayContent .newextendableWhiteBox .inner .content{ 
  padding:10px 30px 10px 10px ;
}

/*=== overlay form ===*/
DIV.overlayForm{
     float:left;
     width:665px;
     padding:15px;     
     position:relative;
     
}

.overlayForm span{color:red;}
DIV.overlayForm .right{
     padding:0px 0px 0px 0px;
     width:323px;
     float:left;
}
FORM .overlayForm select{
     width:209px;
     height:18px;
     border:1px solid #cdcdcd;
     float:right;
     font-size:11px;
}
FORM#download .overlayForm select{
     width:209px;
     height:18px;
     border:1px solid #cdcdcd;
     float:left;
     font-size:11px;
}
FORM .overlayForm h4{padding-bottom:10px; width:550px; float:left;}
FORM .overlayForm INPUT{
     width:195px;
     height:18px;
     border:1px solid #cdcdcd;
     font-size:11px;
}
FORM .overlayForm INPUT.checkbox{
     float:left;
     width:13px;
     height:13px;
     border:1px solid #cdcdcd;
}
FORM INPUT.submit{
     width:74px;
     height:16px;
     border:0px;
     float:right;
}

form .overlayForm input.submit{
     width:74px;
     height:16px;
     border:0px;
     float:right;
     padding:10px;
}

FORM .overlayForm INPUT{
     width:207px;
     height:18px;
     border:1px solid #cdcdcd;
     font-size:11px;
}
.overlayForm .label{
     text-align:left;
     padding-right:5px;
     padding-top:3px;
     width:100px;
     float:left;
     
}
.overlayForm .checkboxLabel{
     text-align:left;
     padding-right:5px;
     padding-top:0px;
     width:335px;
     float:left;
     
}

/*=== overlay form /===*/


/* === meter and monitor === */

.meterAndMonitorLeft{float:left; width:355px;}
.meterAndMonitorRight{float:right; width:320px; min-height:180px; border:1px solid #929497;margin-top:15px; position:relative;}