/* Styles used by the entire site, apart from Life Sciences. */
/* May be modified by styles in popup.css, corporate.css and/or home.css. */

body {
    background-color: #ABC7CA;
    margin: 0;
    padding: 0 0 1.5em 0;
    font-family:verdana,sans-serif;
    color: #333;
    text-align: center;
    }
    
#container {
    margin: 8px auto 0 auto;
    width: 955px;
    text-align: left;   
    }
    

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

    
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 margin:5px;
 padding: 5px;
 border:1px solid #C3C8CB;
 border-top:0;
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
    
/*******************************************************************/
/** Generic elements ***********************************************/

a {
    color: #081463;
    text-decoration: underline;
    }
a:hover {
    color: #00A6DE;
    }
li a {
    text-decoration: none;
    }
li a:hover {
    color: #081463;
    text-decoration: underline;
    }
a img {
    border: none;
    }
form {
    margin: 0;
    padding: 0;
    }
input.submit,
input.submit2,
img.icon {
    vertical-align: middle;
    }
input.submit2 {
    /* For sitting next to a select field */
    margin-bottom: 0.4em;
    }
br.cl {
    clear: both;
    line-height: 0;
    }
    
div.hr {display: none}
/*/*/a{}
div.hr {
    clear: both;
    display: block;
    border-bottom: 1px solid #C3C8CB;
    }
hr {display:none}
/* */

.skiplink {
    display: none;
    }

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
li {
    margin: 0;
    padding: 0;
    }

ul.sitemap li {
    margin: 0 0 1em 1em;
    }
ul.sitemap ul li {
    margin: 0;
    }
    
.left {
    float: left;
    }
.right {
    float: right;
    }
    
div.left,
div.right {
    /* IE5-Mac needs a width for these. */
    width: 50%;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.left,
div.right {
    width: auto;
    }
    /* End IE5-Mac hack */
 
 
img.left {
    margin: 0 0.5em 0.5em 0;
    }
img.right {
    margin: 0 0 0.5em 0.5em;
    }


p {
    margin: 0.5em 0;
    }
.error,
.warn,
.warn a {
    color: #900;
    }
input.error{
    border: 2px solid red;
}   
div.download {
    border: 1px solid #00A6DE;
    }
div.dl-head {
    background-color: #00A6DE;
    color: #fff;
    padding: 0.2em 5px;
    }
div.dl-body {
    padding: 0 5px 0.5em 5px;
    }
div.dl-body div.left {
    margin-right: 0.5em;
    }
div.dl-body div.left {
    /* IE5-Mac needs a width for this. */
    width: 20px;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.dl-body div.left {
    width: auto;
    }
    /* End IE5-Mac hack */

.invisible {
    display: none;
    }
    
    
/*******************************************************************/
/** Top of the page ************************************************/

#title {
    position: relative;
    }
#title h1 {
    margin: 0 0 0 6px;
    padding: 0; 
    }
#title h1 img.print {
    position:absolute; 
    left:-5500px
    }
#title .nav {
    position: absolute;
    top: 0;
    right: 0;
    }
    
#title .nav .loginpref{
    float:right;
    display:block;

    }   

#title .nav .loginpref a{
    text-decoration: underline;
    }

#title .nav a,
#footer a {
    color: #333;
    text-decoration: none;
    }
#title .nav a:hover,
#footer a:hover {
    text-decoration: underline;
    }
    
/* Tab styles for top menu. Modified later for other tab styles. */
.tabs {
    position: relative;
    width: 953px;
    line-height: normal;    
    }
.tabs ul {
    float: left;
    margin: 0.8em 0 0 0;
    width: 540px;
    }
.tabs li {
    float: left;
    }
.tabs a {
    display: block;
    float: left;
    padding: 2px 8px 4px 8px;
    color: #333;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a { float:none; }
/* End IE5-Mac hack */

.tabs li.on {
    background: url("/images/portal/css/menutab-r.gif") no-repeat top right;
    }
.tabs li.on a {
    background: url("/images/portal/css/menutab-l.gif") no-repeat top left;
    padding-bottom: 5px;
    }
.tabs li.on strong {
    font-weight: normal;
    }

.tabs form {
    float: right;
    }
.tabs form p {
    display: inline;
    }
.tabs form input.text {
    width: 100px;
    }
.tabs form input.submit {
    margin-bottom: 0.4em;
    }
    
#breadcrumbs {
    float: left;
    width: 952px;
    background-color: #dee9ea;
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-top: -1px;
    }
div > #breadcrumbs {
    width: 954px
}


#breadcrumbs p {
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0 0 0 6px;
    }
#breadcrumbs ul {
    width: 560px;
    float: left;
    color: #0d1f61;
    }
#breadcrumbs li {
    float: left;
    margin-right: 0.5em;
    }
#breadcrumbs a {
    text-decoration: underline;
    }
    
/*******************************************************************/
/** Main part structure ********************************************/

/* See variations further down for elements within #main-full. */
#main,
#main-full {
    float: left;
    border-top: 1px solid #AAB3B3;
    background-color: #fff;
    }
#sidebar {
    float: left;
    width: 175px;
    border-right: 1px solid #AAB3B3;
    }
#content {
    float: left;
    width: 777px;
    padding-bottom: 1.5em
    }
#content_hlights {
    padding: 10px;
    float: left;
    width: 933px;
    padding-bottom: 1.5em
    }
#content h2 {
    margin: 0;
    padding: 0;
    }
#footer {
    padding-top: 0.5em;
    clear: left;
    }

/* Variations for different sections */
#utility #sidebar {
    border-right: none;
    }


/*******************************************************************/
/** Sidebar ********************************************************/

/*/*/a{}
#sidebar div.hr {
    border-top: 5px solid #C6CFD0;
    margin: 0 0 1px 0;
    }
/* */


#sidebar .header {
    margin: 0;
    padding: 0;
    border-top: 1px solid #C3C8CB;
    border-bottom: 1px solid #C3C8CB;
    }
#sidebar h2 {
    margin: 0;
    padding: 0.4em 6px;
    font-weight: bold;
    }
#sidebar h2.img {
    padding: 0.1em 4px 0 4px;
    }
#sidebar h3 {
    margin: 1px 0;
    padding: 0.4em 6px;
    background-color: #EFF4F5;
    border-bottom: 1px solid #C3C8CB;
    }
    
#sidebar .module {
    margin-top: 1px;
    background-color: #EFF4F5;
    border-bottom: 1px solid #C3C8CB;
    }
    
#sidebar ul {
    padding: 0.3em 6px 0.4em 6px;
    color: #0d1f61;
    }
#sidebar li {
      line-height: 1.4em;
      padding-left: 10px;
      background: url("http://www.woodmacresearch.com/images/portal/css/bullet_double_blue.gif") no-repeat top
      left;
    }
#sidebar p {
    margin: 0;
    padding: 6px;
    }
#sidebar p.right {
    float: none;
    text-align: right;
    }
#sidebar select {
    width: 150px;
    }
#sidebar input.text {
    width: 155px;
    }
#sidebar p span.checkboxtext {
    width: 140px;
    }


/*******************************************************************/
/** Main content ***************************************************/

#leftcol,
#midcol,
#rightcol {
    float: left;
    display: inline;
    width: 360px;
    margin: 0 6px 0 5px;
    padding: 0;
    }
    
#leftcol {   
    width: 582px;
}
#rightcol {
    width: 178px;
    margin: 1em 0 0 0;
    }
    
#rightcol a:hover{
    color: #00A6DE;
    }
#rightcol li {
      padding-left: 10px;
      background: url("http://www.woodmacresearch.com/images/portal/css/bullet_double_gray.gif") no-repeat top
left;
      }

    
/* Override standard .tab styles for use outside the top menu. */

#content .tabs {
    width: 360px;
    margin: 1em 0 0 0;  
    }
#content .tabs ul {
    width: 360px;
    list-style: none;
    }
#content .tabs li {
    background: url("http://www.woodmacresearch.com/images/portal/css/tab-r.gif") no-repeat top right;
    margin-right: 3px;
    }
#content .tabs li a {
    background: url("http://www.woodmacresearch.com/images/portal/css/tab-l.gif") no-repeat top left;
    padding: 3px 4px 4px 4px;
    }
#content .tabs li.on {
    background-image: url("http://www.woodmacresearch.com/images/portal/css/tab-r_on.gif");
    }
#content .tabs li.on a {
    background-image: url("http://www.woodmacresearch.com/images/portal/css/tab-l_on.gif");
    padding-bottom: 6px;
    }

#content .tabcontents {
    float: left;
    width: 100%;
    border: 1px solid #A1BCBF;
    border-top-width: 2px;
    margin: -2px 0 1em 0;
    padding: 0.5em 0;
    }
    
#content .tabs-blue {
    list-style-type: none;
    padding: 0; 
    margin: 0 0 0 5px;   
    float: none; 
    width: 760px; 
    border-bottom: 2px solid #00A6DE;
}

div > #content .tabs-blue {
    float: left;
}

#content #leftcol .tabs-blue, #content .results .tabs-blue {
    margin: 0 0 1px 0;
}


#content #leftcol .tabs-blue {
    width:578px;
}

.tabs-blue li {
    float: left;
    background: #B2DDF3 url(/images/energy/tab-blue.gif) top left;
    margin: 0 2px 0 0;
}

#content .tabs-blue li.on, .tabs-blue li.tabberactive{
    background: #B2DDF3 url(/images/energy/tab-dk-blue.gif)
}

.tabs-blue li a{
    display: block;
    float: left;
    background: #B2DDF3 url(/images/energy/tab-blue.gif) top right;
    margin-left: 5px;
    padding: 3px 6px 2px 0;
    font-size: 1.1em !important;
    color: #000;
}

#content .tabs-blue li h3, .tabs-blue li.tabberactive a {
    display: block;
    float: left;
    background: #B2DDF3 url(/images/energy/tab-dk-blue.gif) top right;
    margin: 0 0 0 5px !important;
    padding: 3px 6px 2px 0 !important;
    font-size: 1.1em !important;
    color: #fff;
}

/* Basic elements */

h2 {
    color: #113054;
    font-weight: normal;
    }
#content h3 {
    color: #666;
    font-weight: normal;
    margin: 0;
    padding: 0.5em 5px;
    }
    
#content div.right {
    /* Keeps things aligned in Mac IE */
    text-align: right;
    }
    
#content p {
    margin: 0 5px 1em 5px;
    }
#content .left p,
#content .right p {
    margin-bottom: 0.2em;
    }
#content .right p.pagenums {
    /* For lining up with a select field that's within .left */
    height: 1.5em;
    padding-top: 0.3em;
    }

p.subhead {
    margin-top: 0;
    }

form.stripe {
    /* Used on 1.12 and u4 */
    float: left;
    display: inline;
    width: 746px;
    margin: 0 5px 0.5em 5px;
    padding: 0.3em 4px 0 4px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #072655;
    line-height: 1.8em;
    color: #fff;
    }
form.stripe p {
    float: left;
    display: inline;
    }
form.stripe select {
    width: 135px;
    line-height: 1.2em;
    }
form.stripe .project select {
    width: 150px;
    }

form.product_services div {
    float: left;
    width: 98.5%;
    background-color: #072655;
    margin: 5px;
    border:1px solid red;
}
form.product_services div.intro {
    font-weight: bold;
    font-size: 1.1em;
    color: #072655;
    background-color: #fff;
    margin: 5px;
}
form.product_services label {
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    width: 350px;
    line-height: 1.2em;
    margin: 5px;
}
form.product_services select {
    float: right;
    width: 250px;
    line-height: 1.2em;
    margin: 5px;
}
form.product_services span {
    float: right;
    width: 100px;
    line-height: 1.2em;
    margin: 5px;
}

#content div.stripes p {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.3em 5px 0.5em 5px;
    }
#content div.stripes .row1 {
    background-color: #EFF4F5;
    margin-top: 0.8em;
    height: 1.5em;
    }
    
.shaded {
    padding: 6px;
    }

#content table {
    width: 767px;
    margin: 0 5px;
    }
#content .tabcontents table {
    width: 542px;
    margin: 0;
    }
#content th {
    text-align: left;
    vertical-align: top;
    }
#content td {
    vertical-align: top;
    }
#content tr.row1 td {
    background-color: #ECEFEF;
    }
#content td.nobr {
    white-space: nowrap;
    }
#content th.width-a,
#content td.width-a {
    width: 80px;
    }

/*/*/a{}
#content div.hr {
    margin: 0.4em 5px;
    }
#content #leftcol div.hr,
#content #rightcol div.hr {
    margin: 0.4em 0;
    }
/* */


#content #leftcol h3 {
    padding: 0;
    }

.results {
    margin-left:6px;
    padding-top:10px;
}

div.products {
    padding:5px 0;
    border-bottom:1px solid #ccc;
    float:left;
}

/* narrow format */ 
#leftcol div.products {
    width:578px
}


div.results div.products {
    padding:0;
}

div.products dl {
    float:left;
    width:418px;
    margin:0;
    position:relative;
    min-height:60px;
    height:60px;
}

div.multiclient{
padding-top:7px;
padding-bottom:7px;
}

div.products > dl {
    height:auto;
}

div.products dt {
    margin:0 0 10px 65px;
    font-weight:bold;
    font-size:1.1em;
}

div.products .date {
    color:#999;
    font-size:0.9em;
}

div.products dd {
    margin-left:65px;
}

div.products dd.pic {
    float:left;
    margin:0;
    position:absolute;
    top:0;
    left:0;
}

div.results div.products {
    padding:0;
    margin-top:-1px;
}

div.results dl,
div.results dd,
div.results dt {
    width:760px;
}

div.results dd,
div.results dt {
    margin-left:0;
}

div.results dl {
    margin:0;
    clear:both;
}

div.results dt {
    border-top:1px solid #ccc;
    padding-top:10px;
    margin-bottom:0;
    font-weight:normal;
}

div.results dt.first {
    border:none;
}

div.results dt a {
    font-weight:bold;
}

div.results dd {
    padding-bottom:10px;
}

div.products ul {
    float:left;
    width:160px;
}

div.products ul li img {
    margin-bottom:3px;
}

div.products p {
    clear:both;
    margin:0 !Important;
    width:410px;
}

div.products p a {
    color:#00A7DF;
    font-weight:bold;
}

div.last {
    border-bottom:2px solid #00A6DE;
    padding-bottom:20px;
}

div.no-favourites {
    padding:6px 1px;
    border-bottom:2px solid #00A6DE;
    float:left;
}

#content div.no-favourites p {
    margin:6px 0;
    float:left;
    color:#333;
}

.no-favourites ul {
    float:left;
}

.no-favourites ul li {
    display:inline;
    margin-right:5px;
}

.no-favourites ul li a {
    text-decoration:underline;
    margin-bottom:8px;
}

.no-favourites ul li img {
    vertical-align:top;
}

#content .panel-link {
    background-color:#EFF4F5;
    clear:both;
    padding:5px 3px;
    border-top:1px solid #fff;
    border-bottom:1px solid #C3C8CB;
    margin:0 !important;
    width:754px;
}

#content #leftcol .panel-link {
    width:572px;
}

#leftcol div.open_panel p {
    margin:4px 0;
    
}

.open_panel .panel-link a {
    background:url(/images/energy/arrows/arrow_grey_open.gif) no-repeat left center;
    text-decoration:none;
    font-weight:bold;
    color:#333;
    padding:0 0 2px 17px;
}

.closed_panel .panel-link a {
    background:url(/images/energy/arrows/arrow_grey_closed.gif) no-repeat left center;
    text-decoration:none;
    font-weight:bold;
    color:#333;
    padding:0 0 2px 17px;
}

a.sortProducts, a.whatsThis
{
    background-image:none !important;
    font-weight:normal !important;
    text-decoration:underline !important;
    padding:0 !important;
}

.closed_panel div.products {
    display:none;
}

.panel-link a.find-out-more {
    background:url(/images/energy//icon_padlock.gif) no-repeat left center;
    font-weight:normal;
    margin-left:20px;
    padding-left:14px;
    text-decoration:underline;
    color:#113054;
}

#content form.searchbox {
    margin:11px 0 0 !important;
    width:762px;
}

#content #leftcol .searchbox {
    width:578px;
}

#content form.searchbox fieldset {
    border:none;
    padding:0 0 10px 0;
    background-color:#EFF5F5;
}

#energy #content form.searchbox h3 {
    background-color:#6F6F6F;
    color:#fff;
    font-size:1em;
    padding:3px 5px;
    border-bottom:1px solid #fff;
    margin:0 0 8px;
}

.searchbox input {
    width:390px;
    vertical-align:middle;
    margin:0 3px;
}

.searchbox input.submit,
.show-only input.submit {
    width:auto;
}

.searchbox label,
.show-only label {
    margin:0 10px 0 5px;
}

.show-only {
    border-bottom:1px solid #ccc;
    float:left;
    background-color:#EFF5F5;
    width:760px;
    margin:0;
}

#leftcol .show-only {
    width:578px;
}

.show-only fieldset {
    padding:4px 0;
    border:none;
}

.show-only select,
.show-only input,
.show-only label {
    float:left;
}

.show-only select {
    margin-right:0;
}

.show-only label {
    margin-top:3px;
}

.show-only input.submit {
    margin-left:5px;
}

#content .show-only p {
    margin-bottom:0;
}

#content .show-more {
    margin:0 0 10px !important;
}

#content .show-more a {
    font-weight:normal;
    color:#003366;
}

#content .alertbox {
    border:1px solid #FFC2CA;
    background-color:#FFEDEF;
    margin:6px 5px;
    color:#CC0000;
}

#content .alertbox h3 {
    color:#CC0000;
    font-weight:bold;
    border-bottom:1px dotted #FFC2CA;
    padding:0;
    margin:6px;
}

#content .alertbox a {
    color:#CC0000;
}

#content .alertbox ul {
    margin:6px;
}

#content .alertbox ul li {
    display:inline;
    margin-right:6px;
}

#content .announcebox {
    border:2px solid #CC0000;
    background-color:#FFFFFF;
    margin:6px 5px;
    color:#CC0000;
}

#content .announcebox h3 {
    color:#CC0000;
    font-weight:bold;
    font-size:12px;
    padding:0;
    margin:6px;
}

#content .announcebox a {
    color:#CC0000;
}

#content .announcebox ul {
    margin:6px;
}

#content .announcebox ul li {
    display:inline;
    margin-right:6px;
}

p.result-count {
    float:left;
    font-weight:bold;
    margin:5px 0 !important;
}

p.pagination {
    float:right;
    margin:5px 10px !important;
}

#content .results h2 {
    color:#003366;
    font-size:1.4em;
    font-weight:bold;
    margin-left:5px;
}

#content .results h3 {
    color:#333;
    font-size:1.2em;
}

.preferences h5 {
    margin:0;
    font-weight:normal;
}

#content .preferences p {
    margin-left:0;
}

#content .alerts h4 {
    margin:5px 0;
}

.hide {
    display:none;
}


/* Right col */

#content #rightcol h3 {
    float: left;
    margin: 0;
    padding: 0 0 0.2em 0;
    font-weight: normal;
    }
#rightcol .header {
    margin: 0.5em 0;
    }
#rightcol .header h4,
#rightcol .header p {
    display: inline;
    }
#rightcol p {
    margin: 0.5em 0;
    }
    
/*******************************************************************/
/** Variations of main content for each layout *********************/


/* Different column widths etc. */

.layout3 #leftcol,
.layout3 #rightcol {
    width: 360px;
    margin-top: 1em;
    }

.layout4 #leftcol,
.layout4 #rightcol {
    margin-top: 0;
    }
.layout4 #rightcol {
    margin-top: 0.5em;
    float: right;
    }



/* Basic elements changed in each layout */

/* Layout 1 - Like homepage 1.0 */
/* Wide leftcol, narrow rightcol. */

.layout1 #leftcol h3 {
    margin: 0.5em 5px 0 5px;
    font-weight: normal;
    color: #03377C;
    }
.layout1 #leftcol h4 {
    margin: 2.2em 5px 0 5px;
    }
.layout1 #leftcol a {
    color: #113054;
    text-decoration: underline;
    }
.layout1 #leftcol a:hover {
    color: #00A6DE;
    }
    

/* Layout 2 - Like homepage with tabs. */
    
.layout2 #leftcol h3 {
    margin: 0.2em 5px 0.4em 0;
    color: #333;
    font-weight: bold;
    }
.layout2 #leftcol p {
    margin: 0 0 5px 0;
    }
.layout2 #leftcol .tabcontents p a:hover {
    color: #00A6DE;
    }
.layout2 #leftcol .shaded {
    background-color: #EFF4F5;
    float: left;
    display: inline;
    width: 345px;
    margin-left: 5px;
    padding-left: 0;
    }
.layout2 #leftcol .nobackcolor {
    background-color: white;
}
.layout2 #leftcol .sortbuttons {
    width: 325px;
    text-align: right;
    float: left;
    display: inline;
    margin: 5px 0 0 0;
    clear:both;
}
.layout2 #leftcol .lists {
    float: left;
    width: 275px;
    }
.layout2 #leftcol select {
    float: left;
    margin-right: 10px;
    }
.layout2 #leftcol .shaded img.button {
    margin-bottom: 2px;
    }
.layout2 #leftcol .sort {
    float: right;
    margin: 5px;
    }
.layout2 #leftcol .cancelsave {
    margin: 5px 0 0 5px;
    background-color: #EFF4F5;
    width: 325px;
    text-align: right;
    float: left;
    display: inline;
    clear:both;
    }
.layout2 #leftcol .cancelsave img {
    }
.layout2 #leftcol .shaded ul {
    margin-right: 5px;
    width: 130px;
    float: left;
    }
.layout2 #leftcol .shaded img.left {
    margin: 0px 10px 0 0;
    }
.layout2 #leftcol .shaded select {
    width: 350px;
    margin: 0;
    padding: 0;
    }
.layout2 #leftcol p.hilite{
    clear: left;
    margin: 0 5px;
    padding: 0.4em 0;
    color: #00A6DE;
    }
.layout2 #leftcol p.hilite a, a.hilite {
    color: #00A6DE;
    font-weight: bold;  
    }
.layout2 #leftcol p.hilite a:hover, a.hilite:hover {
    color: #081463;
    font-weight: bold;  
    }
.layout1#content #rightcol h3,
.layout2#content #rightcol h3 {
    background-color: #dee9ea;
    font-weight: bold;
    float: none;
    color: #333;
    padding: 0.2em 4px;
    margin-bottom: 0.5em;
    }

/* Layout 3 - leftcol and rightcol equal. */
    
.layout3 h3 {
    margin: 0.2em 5px 0.5em 5px;
    font-weight: normal;
    color: #03377C;
    }
.layout3 h4 {
    margin: 0 0 0.3em 0;
    color: #666;
    font-weight: normal;
    }
.layout3 h5 {
    margin: 1em 0 0 0;
    }
.layout3 .shaded h5 {
    background-color: #DDE1E2;
    margin: 0.5em 0;
    padding: 0.1em 4px 0.2em 4px;
    }
.layout3 .shaded h5 {
    margin: 2em 0 1em 0;
    }
    
.layout3 #leftcol p,
.layout3 #rightcol p {
    margin: 0;
    }
.layout3 #leftcol p.subhead,
.layout3 #rightcol p.subhead {
    font-weight: bold;
    margin-left: 0;
    }

.layout3 .shaded {
    margin-top: 1em;
    padding: 0.1em 0 1em 0;
    }
.layout3 .shaded p {
    padding-left: 6px;
    padding-right: 6px;
    clear: left;
    }


/* Layout 4 - wide leftcol, narrow rightcol flush right */
    
.layout4 #leftcol h3 {
    font-weight: normal;
    margin: 0.2em 0 1em 0;
    }
.layout4 h4 {
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0;
    }
    
.layout4 #leftcol p {
    margin-left: 0;
    margin-right: 0;
    }
.layout4 #leftcol ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 1em;
    }
.layout4#content #rightcol h3 {
    float: none;
    width: auto;
    color: #333;
    background-color: #DEE9EA;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding: 0.1em 5px;
    }
.layout4 #rightcol ul,
.layout4 #rightcol p {
    margin-left: 5px;
    margin-right: 5px;
    }
.layout4 #rightcol p {
    clear: left;
    }
.layout4 #rightcol li {
      padding-left: 11px;
      background: url("http://www.woodmacresearch.com/images/portal/css/bullet_single_gray.gif") no-repeat top
left;
      }
    
.layout4 #rightcol .registernow {
    background-color: #598E92;
    padding-bottom: 5px;
    }
.layout4 #rightcol .registernow img {
    padding: 7px 8px 0 9px;
    }
#content.layout4 #rightcol .registernow h3 {
    background-color: transparent;
    color: #DEE9EA;
    font-weight: normal;
    margin: 0 5px 0.4em 5px;
    }
#content.layout4 #rightcol .registernow h3 a {
    text-decoration: none;
    color: #DEE9EA;
    }
#content.layout4 #rightcol .registernow h3 a:hover {
    text-decoration: underline;
    }
#content.layout4 #rightcol .registernow p {
    margin: 0 9px;
    color: #DEE9EA;
    }
#content.layout4 #rightcol .registernow p a {
    color: #DEE9EA;
    }

/* Layout 5 - Simple, wide leftcol, narrow rightcol with contacts, etc. */

.layout5 #leftcol {
    margin-top: 1em;
    }
.layout5 #leftcol h3 {
    margin-bottom: 0.5em;
    }
.layout5 #leftcol h4 {
    margin: 0;
    }
.layout5 #leftcol p {
    margin-left: 0;
    }
.layout5 #leftcol ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 1em;
    }
.layout5 #rightcol h4 {
    background-color: #DDE1E2;
    margin: 0.5em 0;
    padding: 0.1em 4px 0.2em 4px;
    }
.layout5 #rightcol p {
    clear: left;
    }
.layout5 #rightcol ul {
    margin-bottom: 1em;
    }
.layout5 #rightcol li {
      padding-left: 11px;
      background: url("http://www.woodmacresearch.com/images/portal/css/bullet_single_gray.gif") no-repeat top
left;
      }

/* Layout 6 - no columns, eg, for forms. */
.layout6#content h2 {
    padding-bottom: 1em;
    }
    .layout6#content .siteID{
    float:right;
    font-weight: bold;
    font-size: 1em;
    color: #666;
    margin-right:5px;
    margin-top:10px;
    }
.layout6 ul {
    list-style: disc;
    margin-left: 20px;
    }
.layout6 h4 {
    margin: 1.5em 5px 0 5px;
    }
.layout6 p.intro {
    color: #666;
    }
.layout6 .leftcol {
    width: 357px;
    float: left;
    }
.layout6#content .leftcol h3 {
    padding-top: 0;
    padding-bottom: 0;
    }
.layout6 .rightcol {
    width: 177px;
    float: left;
    margin-left: 10px;
    }
.layout6 .trainCol1 {
    width: 70px;
    float: left;
}
.layout6 .trainCol2 {
    width: 107px;
    float: left;
}

.layout6 table.clear th {
    border-bottom: 1px solid #C3C8CB;
    }
.layout6 table.clear td {
    vertical-align: top;
    }
.layout6#content .tabs {
    margin-left: 7px;
    width: 542px;
    }
.layout6#content .tabcontents {
    display: inline;
    margin-left: 5px;
    width: 542px;
    }
.layout6 .tabcontents .shaded {
    padding: 0.2em 0;
    }
    
/* Layout 8 - Simple, wide leftcol, narrow rightcol with contacts, etc. adjustment of layout5 used with consultancy revamp */

.layout8 #leftcol {
    margin-top: 1em;
    }
.layout8 #leftcol h3 {
    margin-bottom: 0.5em;
    }
.layout8 #leftcol h4 {
    margin: 0 0 0.2em 0;
    }
.layout8 #leftcol p {
    margin-left: 0;
    }
.layout8 #leftcol ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 1em;
    }
.layout8 #leftcol li {
    margin:0 0 4px 0;
    }
.layout8 #rightcol {
    margin-top:1em;
    border-left:1px solid #DDE1E2;
    border-right:1px solid #DDE1E2;
    border-bottom:1px solid #DDE1E2;
    }   
.layout8 #rightcol h4 {
    background-color: #DDE1E2;
    margin: 0 0 0.5em 0;
    padding: 0.4em 4px 0.4em 4px;
    }
.layout8 #rightcol p {
    clear: left;
    margin-left: 4px;
    }
.layout8 #rightcol ul {
    margin-bottom: 0.5em;
    margin-left: 4px;
    }
.layout8 #rightcol li {
    padding-left: 11px;
    background: url("/images/portal/css/bullet_double_gray.gif") no-repeat top left;
    }
.layout8 p.quote {
    }
.layout8 p.quote_source {
    font-weight:bold;
    }
    
/* Layoutresources - Resources pages. */
.layoutresources .leftcol {
    width: 257px;
    float: left;
    }
    
.layoutresources .rightcol {
    width: 257px;
    float: left;
    margin-left: 10px;
    }


/* Layoutabbr - Resources pages. */
.layoutabbr .leftcol {
    width: 114px;
    float: left;
    }
    
.layoutabbr .rightcol {
    width: 400px;
    float: left;
    margin-left: 10px;
    }       

    
/* Layout 7 - Three equal columns. */
.layout7 #leftcol,
.layout7 #midcol,
.layout7 #rightcol {
    width: 177px;
    }
.layout7 #midcol {
    margin: 0 6px 0 0;
    }
.layout7 #rightcol {
    width: 178px;
    margin-top: 0;
    }
.layout7 #rightcol li {
      background: none;
      padding-left: 0;
      }
.layout7 h4 {
    background-color: #ECEFEF;
    padding: 0.2em 4px;
    margin-bottom: 0.5em;
    }
.layout7 #leftcol ul,
.layout7 #midcol ul,
.layout7 #rightcol ul {
    margin-left: 4px;
    }


/*******************************************************************/
/** Forms (should be within .layout6) ******************************/

div.formblock {
    background-color: #eff5f5;
    margin: 0.6em 5px 0.5em 5px;
    padding: 0.5em 8px 1em 8px;
    width: 749px;
    color: #666;
    }
div.formblock h4 {
    margin: 0 0 0.5em 0;
    color: #333;
    height: 1em;
    }
div.formblock div.left h4 {
    width: 270px;
    }
div.formblock h5 {
    margin: 0 0 0.5em 0;
    height: 1em;
    }
div.formblock div.right {
    width: 235px;
    margin: 0;
    }

#content div.formblock p {
    margin-left: 0;
    margin-right: 0;
    height: 2em;
    clear: both;
    }

#content div.formblock2 {
    background-color: #eff5f5;
    margin: 0.6em 5px 0.5em 5px;
    margin-left: 0;
    margin-right: 0;
    padding: 0.5em 8px 1em 8px;
    width: 350px;
    color: #666;
    height: 2em;
    clear: both;
    }
    
input.checkbox {
    float: left;
    clear: left;
    margin-left: 0;
    }
span.checkboxtext {
    display: block;
    float: left;
    width: 240px;
    padding-top: 0.3em;
    }

p span.checkboxtext {
    width: 450px;
    /* Fits a submit button to the right */f
    }
div.formblock p span.checkboxtext {
    width: 490px;
    }
    
div.row {
    clear: both;
    padding-top: 0.2em;
    }
div.row span.label {
    float: left;
    padding-top: 0.4em;
    width: 130px;
    }
div.row span.formw {
    float: right;
    width: 380px;
    }
div.row span.formw span.col {
    /* Three columns within a .formw */
    float: left;
    width: 126px;
    }
div.row span.formw span.col2 {
    /* Three columns within a .formw */
    float: left;
    width: 180px;
    }
span.formw input.text {
    width: 254px;
    }
span.formw textarea {
    width: 254px;
    }
span.col span.checkboxtext {
    width: 100px;
    }
span.col2 span.checkboxtext {
    width: 154px;
    }
span.formw span.col2 input.text {
    width: 175px;
    }

.mandatory {
    color: #900;
    }
 
form.preferences fieldset {
    border: none;
    background-color: #EFF4F5; 
    margin: 5px 0;
    padding: 5px;
}

form.preferences fieldset h4 { 
        margin: 0 0 10px;
}

form.preferences fieldset label {
    display: block; 
    float: left;
    width: 150px; 
    margin: 2px 0;
}

form.preferences fieldset label.wide {
    width: 600px;
    display: inline; 
}

form.preferences fieldset input.checkbox {
    width: 15px; 
    float: none;
    margin: 3px 0 0 0;
}

form.preferences fieldset input {
    margin: 2px 0;
    width: 180px;
}

form.preferences fieldset select {
    margin: 2px 0;
    width: 186px;
}

form.preferences fieldset > select {
    width: 184px;
}

fieldset.site-options p {
    float: left;
    margin: 0 0 3px !important; 
    width: 152px;
    padding-bottom: 7px;
}

fieldset.site-options p.help {
    width: 450px;   
}

form.preferences fieldset.site-options label {
    width: auto;
    float: left;
    margin: -4px 10px 0 0;
    padding: 0 0 0px;
}

form.preferences fieldset.site-options > label {
    margin-top: 0;
}

form.preferences fieldset.site-options p label {
    margin-top: 2px;
}

form.preferences fieldset.site-options input { margin: 0; padding: 0}

form fieldset.buttons {
    background-color: #fff;
    text-align: right
}

form fieldset.buttons input {
    width: auto;
}

form.preferences .leftcol, form.preferences .rightcol, form.preferences .leftcol label, form.preferences .rightcol label {
    width: 350px;
}

form.preferences .leftcol label input, form.preferences .rightcol label input{
margin: 0; padding: 0;
}


ul.product-preferences {
    list-style-type: none; 
    margin: 0; 
    padding: 0;
}

ul.product-preferences li {
    display: block; 
    border-bottom: 1px solid #ccc; 
    float: left;
    width: 730px;
    padding: 3px 2px
}

ul.product-preferences li label {
    width: 90%;
}

ul.product-preferences li .bold {
    font-weight: bold;
}

/*  START - 2011 ALERTS PREFERECES REDESIGN */

ul.product-preferences {
    list-style-type: none; 
    margin: 0; 
    padding: 0;
}

ul.product-preferences li {
    display: block; 
    float: left;
    width: 730px;
    padding: 3px 2px
}

ul.product-preferences li label {
    width: 50px;
}

ul.product-preferences li label.product {
    width: 150px;
}

ul.product-preferences li label.region {
    text-align:center;
    width: 70px;
}

ul.product-preferences li .bold {
    font-weight: bold;
}

form.preferences fieldset h5 { 
        clear: left;
    color:#06357a;
    font-size:1.2em;
    font-weight:bold;
    margin:0 0 10px;
}

form.preferences fieldset h5 a,
form.preferences fieldset h5 a:link,
form.preferences fieldset h5 a:visited {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(/images/energy/arrows/arrow.gif);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #DEE9EA;
    color: #06357a;
    display: block;
    margin: 4px 0;
    padding: 0 0 5px 20px;
    text-decoration: none; }

form.preferences fieldset h5 a.active {
    background-image: url(/images/energy/arrows/arrow_down.gif);
}

form.preferences fieldset.on_off_button {
    float:left;
    height:80px;
    margin-right:10px;
    width:362px;
}

form.preferences fieldset.options {
    float:left;
    height:80px;
    width:362px;
}

a.on_off_button {
    color:#00a6de;
    font-size:1.2em;
    font-weight:bold;
}

#content p.alert_count {
    margin:10px 0 0 150px;
}

/*  END - 2011 ALERTS PREFERECES REDESIGN */

form.preferences fieldset.alerts h4 {
    clear:both;
    margin:5px 0 0;
    width:100%;
}

form.preferences fieldset.alerts label,
form.preferences fieldset.alerts input {
    width:auto;
    margin:0;
}

form.preferences fieldset.alerts label {
    display:inline;
    float:none;
}

form.preferences fieldset.alerts h4 label {
    display:block;
    padding-top:5px;
}

#energy form fieldset label.radio {
    margin-right:10px;
    display:block;
    float:left; 
}

#energy form fieldset label.radio input {
    vertical-align:middle;
    margin:0 2px 0 0;
}

.sortlist {
    margin-left:10px;
}

form.preferences  p.check-all { text-align: right; clear:both; margin-top: -2.5em !Important; }


/*/*/a{}
#content div.formblock div.hr {
    height: 1px;
    margin: 0 0 0.4em 0;
    }
/* */

div.right input.submit {
    margin: 0.5em 5px 0 0;
    }
  
 
/*******************************************************************/
/** Variations for #main-full **************************************/
/** (ie, pages with no sidebar *************************************/


#main-full #content {
    /* For when there's no sidebar. */
    width: 730px;
    }

#main-full #leftcol {
    width: 335px;
    margin: 0 15px 0 13px;
    }
#main-full #rightcol {
    width: 365px;
    float: right;
    margin-top: 0;
    }
#main-full #leftcol li,
#main-full #rightcol li {
      padding-left: 11px;
      background: url("http://www.woodmacresearch.com/images/portal/css/bullet_single_blue.gif") no-repeat top
left;
      }

#fullcol {
    /* For pages with no columns */
    width: 720px;
    margin: 0;
    padding: 0;
    }

#main-full #leftcol h3,
#main-full #rightcol h3 {
    float: none;
    margin: 0.5em 0;
    }
#main-full #leftcol p,
#main-full #rightcol p {
    margin: 0.5em 5px 1em 0;
    }
    
#main-full #fullcol .formblock {
    width: 698px;
    }
#main-full #fullcol span.formw {
    float: left;
    }



/*******************************************************************/
/** Variations for specific pages **********************************/

/* Page 2.4 - Our Locations */

#content table#locationmap {
    width: 400px;
    }
#locationmap img {  
    display: block;
    }
    
.location {
    display: none;
    }


/* Page 1.19 */
.fromto div.row span.label {
    width: 80px;
    }
.fromto div.row span.midrow {
    float: left;
    padding-top: 0.4em;
    width: 60px;
    text-align: right;
    }


/*******************************************************************/
/** All font sizes *************************************************/

body {
    font-size: 70%;
    }

.layout1 #leftcol h3,
.layout3 h3 {
    font-size: 1.65em;
    }

#content h3,
.layout1 #leftcol h4,
.layout3 h4 {
    font-size: 1.3em;
    }

p.intro,
.layout2 #leftcol h3,
.layout5 #leftcol h3,
.layout6 h4 {
    font-size: 1.25em;
    }

.layout4 #rightcol .registernow h3 {
    font-size: 1.1em;
    }
    
h1,
p,
select,
input.text,
#menu,
#sidebar h2,
#sidebar h3,
.formblock h4,
.formblock h5,
.layout1 #rightcol h3,
.layout1 #rightcol h4,
.layout2 #rightcol h3,
.layout2 #rightcol h4,
.layout3 h5,
.layout4 #leftcol h4,
.layout4 #leftcol li,
.layout4 #rightcol p,
.layout5 #leftcol h4,
.layout5 #rightcol h4,
.layout5 #leftcol li,
.layout7 h4,
.layout7 #leftcol li {
    font-size: 1em;
    }

#breadcrumbs,
p.subhead,
#leftcol li,
#sidebar li,
#sidebar p,
.layout2 #leftcol p.hilite,
.layout4 #rightcol h3 {
    font-size: 0.9em;
    }

th,
td {
    font-size: 70%; /* For Win IE 5.x */
    voice-family: "\"}\"";
    voice-family: inherit;
    /* Reset for all other browsers */
    font-size: 1em;
    }

.newtosub {
color: #CC0000;
font-weight: bold;
}

p.boxed {
display : block; 
float : right;
margin: 0 5px 1em 5px;
width : 298px; 
}

/*
a.addFavourite, a.addFavourite:hover{
    background: url("/images/energy/buttons/submit_add_fav.gif") no-repeat top left;
    width:113px;
    height:17px;
    display:block;
    
    padding:2px;
    text-decoration:none;
    margin-top:3px;
}

a.removeFavourite, a.removeFavourite:hover{
    display:block;
    background: url("/images/energy/buttons/submit_remove_fav.gif") no-repeat top left;
    padding:2px;
    width:148px;
    height:17px;    
    text-decoration:none;
    margin-top:3px;
}
*/  

/* Login Page */

#loginpage {
    float: left;
    display: inline;
    width: 582px;
    margin: 1em 0 0;
    padding: 0;
    }

#loginpage #leftcol {    
    width: 370px;
}

#loginpage #midcol {     
    width: 178px;
}

#loginpage #midcol a:hover{
    color: #00A6DE;
    }
#loginpage #midcol  li {
      padding-left: 10px;
      background: url("images/bullet_double_gray.gif") no-repeat top
left;
      }

#loginpage #midcol h3 {
    float: left;
    margin: 0;
    padding: 0 0 0.2em 0;
    font-weight: normal;
    }
#loginpage #midcol .header {
    margin: 0.5em 0;
    }
#loginpage #midcol .header h4,
#loginpage #midcol .header p {
    display: inline;
    }
#loginpage #midcol p {
    margin: 0.5em 0;
    }
    
#loginpage #midcol h3 {
    background-color: #dee9ea;
    font-weight: bold;
    float: none;
    color: #333;
    padding: 0.2em 4px;
    margin-bottom: 0.5em;
    }
    
#loginpage #midcol h3,
#loginpage #midcol h4,
#loginpage #midcol h3,
#loginpage #midcol h4 {
    font-size: 1em;
    }

#loginpage form.loginbox {
    width:370px;
}

#loginpage form.loginbox fieldset {
    border:none;
    padding: 0; 
}

#loginpage form.loginbox fieldset p span {
    display: inline-block;
    width: 49%;
}

#loginpage form.loginbox fieldset p span input {
    width: 90%;
}

.loginbox input {
    width: auto;
    vertical-align:middle;
    margin:0 3px;
}

.loginbox input.submit {
    width:auto;
}

.loginbox label {
    margin:0 10px 0 5px;
}

.training {
    border-bottom: 1px solid #c3c8cb;
    padding:5px;
    height:30px;
}

.training .training_image {
    float:left;
    width:35px;
    height:35px;
}

.training .training_text {
    float:left;
    width:130px;
    height:35px;
    padding:8px 0 8px 0;
}

.training a {
    text-decoration:none;
}