/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 

/* 
 * minimal base styles 
 */


body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll;}

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

img{vertical-align: top;}

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #b6cf4b; color:#fff; text-shadow: none; }
::selection { background:#b6cf4b; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #b6cf4b; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -99999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden,
.ua{
  position: absolute;
  left: -99em;
  text-indent: -9em;
  overflow: hidden;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

a{
  -webkit-transition: .3s ease-out all;
}





 /* Primary Styles
    Author: Jochen Vandendriessche <jochen@builtbyrobot.com>
 */

body{
  font: 11px/1.8 Verdana, arial, sans-serif;
  color: #7e7e7e;
  background: #ededed url('../i/towhite.gif') repeat-x center bottom;
  background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%);
  background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%);
  background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%);
  background: linear-gradient(top, #ededed 0%,#ffffff 100%);
}

body.cke_show_borders{
  background: none;
}

  header[role="banner"]{
    width: 960px;
    margin: 30px auto 0;
    position: relative;
  }
  
      header[role="banner"] .banner{
        vertical-align: top;
        width: 960px;
        height: 170px;
      }
      
      header[role="banner"] hgroup{
        position: absolute;
        width: 100%;
      }
      
        header[role="banner"] hgroup h1{
          float: left;
          position: absolute;
          left: 20px;
          top: 14px;
          z-index: 999;
        }
        
        header[role="banner"] hgroup h2{
          position: absolute;
          left: 40%;
          top: 120px;
        }
        
  nav[role="navigation"]{
    width: 960px;
    margin: 0 auto;
    text-align: center;
    background: url('../i/nav-bg.gif') no-repeat center top;
    padding: 0;
    overflow: hidden;
    position: relative;
  }
  
    nav[role="navigation"]::after{
      display: block;
      content: url('../i/nav-footer.gif');
      height: 10px;
      position: absolute;
      bottom: 0;
      left: 10px;
    }

    nav[role="navigation"] ul{
      display: inline-block;
    }
    
    .ie7 nav[role="navigation"] ul{
      display: inline;
    }
  
    nav[role="navigation"] li{
      float: left;
      border-left: 1px solid #fff;
    }
    
      nav[role="navigation"] li a{
        display: block;
        font: 18px/33px 'Abadi', arial, sans-serif;
        padding: 0 10px;
        color: #000;
        text-decoration: none;
      }
      
      nav[role="navigation"] li.active a,
      nav[role="navigation"] li a:hover,
      nav[role="navigation"] li a:focus{
        color: #c14200;
      }
  
  .drupal-tabs-title,
  ul.ui-tabs-nav li a,
  ul.personal li a{
    display: block;
    background: url('../i/nav-col.png') repeat-x left top;
    font: 18px/40px 'Abadi', arial, sans-serif;
    padding: 0 5px;
    text-decoration: none;
    color: #000;
    border: 0px;
  }
  
  .drupal-tabs-title{
    padding: 0px;
    background: none;
  }
  
  ul.ui-tabs-nav li:first-of-type a,
  ul.ui-tabs-nav li.first a,
  ul.personal li:first-of-type a,
  ul.personal li.first a{
    background: none;
  }
  
  ul.ui-tabs-nav li a:hover,
  ul.ui-tabs-nav li a:focus,
  ul.ui-tabs-nav li.active a,  
  ul.ui-tabs-nav li.ui-state-active a,
  ul.personal li a:hover,
  ul.personal li a:focus,
  ul.personal li.active a{
    color: #c14200;
    border: 0px;
  }
  
  #masquerade{
    position: relative;
    z-index: 999;
    height: 215px;
  }
  
  #masquerade #masquerade_content{
    position: absolute;
    top: 95px;
    left: 10px;
  }
  
  .ie7 #masquerade #masquerade_content{
    position: relative;
    top: 0px;
    left: 10px;
    z-index: 1001;
  }
  
  #masquerade img.avatar{
    background: #e5e5e5;
    padding: 8px;
    float: left;
  }
  #masquerade .masqbar{
    height: 30px;
    background: #e5e5e5;
    float: left;
    width: 834px;
  }  
  #masqgroup,
  #site-tools{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px; /* height is evil but who cares :-) */
    background: #333535;
    overflow: visible;
    z-index: 999;
  }
  #site-tools{
    left: 0;
  }
  
  #masqgroup{
    left: 106px;
    width: 385px;
    background: #E5E5E5;
  }
    
    #masqgroup .item-list ul li,
    #masqgroup .item-list ul{
      margin: 0px;    
    }
  
    #site-tools .content{
      width: 960px;
      margin: 0 auto;
      position: relative;
    }
    
      #site-tools #lang{
        float: left;
      }
      
      .ie7 #site-tools #masqgroup,
      .ie7 #site-tools #lang{
        position: relative;
        margin-right: 20px;
      }
      
        #masqgroup .handle,
        #site-tools #lang .handle{
          text-indent: -9999em;
          overflow: hidden;
          float: right;
          width: 20px;
          height: 20px;
          background: url('../i/handle.gif') no-repeat center center;
          margin: 3px 0;
          cursor: pointer;
        }
        #masqgroup .handle{
          margin: 5px 5px 0px 0; 
        }
        .ie7 #masqgroup .handle,
        .ie7 #site-tools #lang .handle{
          position: absolute;
          top: 0;
          right: -20px;
        }
        .ie7 #masqgroup .handle{
          right: 0px;
        }
      
        #masqgroup > div > ul,
        #site-tools #lang > ul{
          border: 1px solid #5e6060;
          border-bottom-width: 0;
          margin: 3px 0;
          float: left;
          overflow: visible;
        }
        
        #masqgroup > div > ul{
          border: 0px;
        }
        
        #masqgroup .item-list{
          margin: 1px;
          padding: 1px;          
          height: 24px;
          border: 1px solid white;
        }
          /*
          #masqgroup > div > ul{
            float: right;
            text-align: left;
            vertical-align: baseline;
          }*/
        
          #masqgroup > div > ul.active,
          #site-tools #lang > ul.active{
            padding-top: 18px;
          }
        
          #masqgroup > div > ul.active{
            padding-top: 25px;
          }
        
            #masqgroup > div > ul > li,
            #site-tools #lang > ul > li{
              border-bottom: 1px solid #5e6060;
              height: 18px;
              display: none;
            }
            
            #masqgroup > div > ul > li{
              height: 30px;
            }
            #masqgroup > div > ul > li.active{
              border-bottom: 0px;
            }
            #masqgroup > div > ul.active > li.active{
              border-bottom: 1px solid #5e6060;
            }
              #masqgroup > div > ul.active > li a.viewgroup{
                color:#b9d04a;
                font-weight:bold;                
              }
            
              #masqgroup > div > ul > li a{
                display: block;
                height: 30px;
              }
            
            #masqgroup > div > ul.active > li,
            #masqgroup > div > ul > li.active,
            #site-tools #lang > ul.active > li,
            #site-tools #lang > ul > li.active{
              display: block;
            }
            
            .ie7 #masqgroup > div > ul.active > li > a.active,
            .ie7 #site-tools #lang > ul.active > li.active{
              margin-bottom: -2px;
            }
            
            #masqgroup > div > ul.open > li,
            #site-tools #lang > ul.open > li{
              display: block;
            }
            
              #masqgroup > div > ul > li.active > a.active{
                background: none;
                color: #3f4141;
                font-weight: bold;
              }
              #masqgroup > div > ul.active > li.active > a.active{
                background: #494949;
                color: #fff;
                font-weight: bold;                
              }
            
            
              #masqgroup > div > ul > li > a,
              #site-tools #lang > ul > li > a{
                display: block;
                background: url('../i/515353-80.png');
                width: 140px;
                padding: 0 5px;
              }
              
              #masqgroup > div > ul > li > a{
                width: 345px;              
                background:#3A3C3C;
              }
              
              #masqgroup > div > ul > li > a.energymaster{
                background: #3A3C3C no-repeat center right;  
                background-image: url('../i/watchman.png'); 
              }

              #masqgroup > div > ul.active > li.active > a.energymaster{
                background: #494949 no-repeat center right;  
                background-image: url('../i/watchman.png'); 
              }
              
              .rgba #masqgroup > div > ul > li > a,
              .rgba #site-tools #lang > ul > li > a{
                background: rgba(51,53,53,.8);
              }
      
        #masqgroup a,
        #site-tools #lang a{
          font-weight: normal;          
        }
        
        #masqgroup a{      
          color: #BCBCBC;
          font-size: 11px;
          text-decoration: none;
        }
        
        #site-tools #lang > ul > li ul{
          display: none;
        }
        
        #site-tools #lang > ul > li.active ul{
          display: block;
          position: absolute;
          top: 0;
          left: 180px;
        }
        
          #site-tools #lang > ul > li.active ul li{
            float: left;
            margin: 5px;
          }
          
          #site-tools #lang > ul > li.active ul li a{
            text-decoration: none;
          }
          
          #site-tools #lang > ul > li.active ul li a.active,
          #site-tools #lang > ul > li.active ul li a:hover,
          #site-tools #lang > ul > li.active ul li a:focus{
            text-decoration: underline;
          }
          
      #site-tools #user{
        float: right;
        margin: 0 10px;
      }
      
        #site-tools #user li{
          float: left;
          margin: 0 10px;
          position: relative;
        }
        
        #site-tools #user li > a{
          display: block;
          line-height: 30px;
          font-weight: normal;
          height: 30px;
          padding: 0 10px 5px;
          background: #333535;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          position: relative;
          z-index: 99;
        }
        
        .ie8 #site-tools #user li > a,
        .ie7 #site-tools #user li > a{
          height: 24px;
          line-height: 24px;
        }
        
        #site-tools #user li > a.login,
        #site-tools #user li.login > a{
          color: #c3a21f !important;
        }
        
        #site-tools #user li.login fieldset{
          position: absolute; 
          top: 30px;
          left: -99999em;
          background: #404242;
          width: 440px;
          padding: 10px 30px;
          z-index: 88;
          font-size: 10px;
        }
        
        #site-tools #user li.active fieldset{
          left: auto;
          right: -20px;
        }
        
          #site-tools #user li.login fieldset dl{
            padding-left: 175px;
          }
          
          #site-tools #user li.login fieldset dt{
            height: 20px;
          }
          
          #site-tools #user li.login a{
            color: #7e7e7e;
          }
          
          #site-tools #user li.login fieldset dt:first-of-type,
          #site-tools #user li.login fieldset dd:first-of-type,
          #site-tools #user li.login fieldset dt.first,
          #site-tools #user li.login fieldset dd.first{
            position: absolute;
            left: 20px;
          }
          
          .ie8 #site-tools #user li.login fieldset dt.first,
          .ie8 #site-tools #user li.login fieldset dd.first{
            position: absolute;
            left: 20px;
          }
          
          #site-tools #user li.login fieldset dd:first-of-type,
          #site-tools #user li.login fieldset dd.first{
            top: 30px;
          }
          
          .ie8 #site-tools #user li.login fieldset dd.first{
            top: 30px;
          }
          
          #site-tools #user li.login fieldset dl input{
            width: 175px;
            background: #fff;
            border: 1px solid #000;
            font-size: 12px;
            line-height: 18px;
            height: 18px;
            margin:  0;
            padding: 0;
          }
          

          
          #site-tools #user li.login fieldset .actions{
            position: absolute;
            top: 30px;
            right: 40px;
            line-height: 18px;
            text-align: left;
          }

          @media screen and (-webkit-min-device-pixel-ratio:0){
            #site-tools #user li.login fieldset dd:first-of-type{
              top: 30px;
            }
            #site-tools #user li.login fieldset .actions{
              top: 30px;
            }
          }
          
          .ie #site-tools #user li.login fieldset dd:first-of-type,
          .ie #site-tools #user li.login fieldset dd.first{
            top: 30px;
          }
          
          .ie #site-tools #user li.login fieldset .actions{
            top: 30px;
            right: 20px;
          }
          
          .ie #site-tools #user li.login fieldset dt:first-of-type,
          .ie #site-tools #user li.login fieldset dd:first-of-type,
          .ie #site-tools #user li.login fieldset dt.first,
          .ie #site-tools #user li.login fieldset dd.first{
            position: absolute;
            left: 20px;
          }

          #site-tools #user li.login fieldset p{
            color: #eaebeb;
            line-height: 23px;
            margin-top: 10px;
          }
          
            #site-tools #user li.login fieldset p a{
              display: inline-block;
              width: 23px;
              height: 23px;
              background: none no-repeat center center;
            }
            
                #site-tools #user li.login fieldset p a.fb{
                  background-image: url('../i/fb.png');
                }

                #site-tools #user li.login fieldset p a.tw{
                  background-image: url('../i/tw.png');
                }

  #content{
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
    overflow: visible;
  }
    
    a.button_disabled,
    a.button{
      display: block;
      text-align: center;
      border: 1px solid #b6cf4b;
      border-radius: 4px;
      padding: 5px 4px;
      /* background: #e1e1e1 url('../i/button.gif') repeat-x left top;*/
      background-image: -moz-linear-gradient(top, white, #dedede);
      background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#dedede));
      box-shadow: inset 0 1px 1px 1px rgba(255,255,255,0.75);
      font: 24px/30px 'Abadi', arial, sans-serif;
      color: #b6cf4b;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold;
      /*text-shadow: 0 -1px 1px rgba(0,0,0,.75);*/
    }
        
    a.button_disabled:hover,
    a.button_disabled:focus,
    a.button:hover,
    a.button:focus{
      background-image: -moz-linear-gradient(top, #dedede, white);
      background-image: -webkit-gradient(linear, center top, center bottom, from(#dedede), to(white));
      color: #b6cf4b;
    }
    
    a.button_disabled:active,
    a.button:active{
      -webkit-transition: none;
      position: relative;
      left: 1px;
      top: -1px;
      color: #b6cf4b;
    }
    
    a.button_disabled,
    a.button_disabled:active,
    a.button_disabled:hover,
    a.button_disabled:focus{
      color:#dee4c5;
    }
    
    #tabs-wrapper{
      border-bottom: 5px solid #fff;
      margin-bottom: 10px;
    }
    
    .enh2tabs > ul,
    #tabs-wrapper ul.primary,
    .tabpane > ul{
      list-style-type: none;
      /*margin: 20px 0 0;*/
      margin: 0px;
      overflow: hidden;
      border: 0px;
    }
    
      #tabs-wrapper ul.primary li,
      .tabpane > ul > li{
        margin: 0 5px 0 0;
        padding: 0;
        float: left;        
      }

    #tabs-wrapper ul.primary li a,
    .tabpane > ul > li a{
      display: block;
      color: #0d0c05;
      text-transform: uppercase;
      background: #fff;
      text-decoration: none;
      font: 18px/36px 'Abadi', arial, sans-serif;
      padding: 0 10px;
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      height: 31px;
      margin-bottom: 5px;
      border: 0px;
    }
    
    #tabs-wrapper ul.primary li.active a,
    .tabpane > ul > li.ui-tabs-selected a{
      height: 36px;
      margin-bottom: 0;
      border: 0px;
      color: c14200;
    }
    
    .tabpane .pane{
      background: #fff;
      padding: 5px 0;
    }
    
    .enh2tabs .pane.ui-tabs-hide,
    .tabpane .pane.ui-tabs-hide{
      display: none;
    }

    .call-to-action{
      position: relative;
      margin: 0 0 20px;
    }
    
      .call-to-action::after{
        content: '.';
        text-indent: -9999em;
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        border: 1px solid rgb(244,245,245);
      }
      
      .rgba .call-to-action::after{
        border-color: rgba(244,245,245, .5);
      }
      
        .call-to-action .content{
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: 30%;
          padding: 13% 5%;
          background: url('../i/000000-55.png');
          font: 24px 'Abadi', arial, sans-serif;
          color: #f4f5f5;
          text-transform: uppercase;
          z-index: 999;
        }
        
        .rgba .call-to-action .content{
          background: rgba(0,0,0,.55);
        }
        
        .call-to-action p{
          margin-bottom: 10px;
        }

    .eyecatcher{
      margin: 0 0 20px;
      background: #3b5056;
      color: #b6ce4c;
      font: 28px/30px 'Abadi', arial,  sans-serif;
      text-align: center;
      text-transform: uppercase;
      overflow: hidden;
    }
    
      .eyecatcher p.count{
        border: 1px solid #b6ce4c;
        padding: 5px 0;
        margin: 5px;
      }
      
      .eyecatcher p.link{
        border-top: 3px solid #f4f5f4;
        text-align: left;
        text-transform: none;
        padding: 0 20px;
      }
      
        .eyecatcher p.link strong{
          text-transform: uppercase;
        }
    
      .eyecatcher .count strong{
        display: block;
      }
      
      .eyecatcher .count em{
        color: #dde8af;
        font: 20px/30px 'DavidSans', papyrus, serif;
      }
      
      .eyecatcher a{
        color: #b6ce4c;
        font-size: 18px;
        display: block;
        text-decoration: none;
      }
      
      .eyecatcher .count a{
        border-top: 1px solid #546954;
        padding-top: 5px;
        margin-top: 5px;
      }
      
      .eyecatcher .link a{
        display: inline;
        border-bottom: 2px solid #798f51;
      }

    section.personal{
      background: #fff;
      padding-bottom: 10px;
    }

    section > header{
      background: #fff;
      color: #000;
      line-height: 30px;
      padding: 0 10px;
      overflow: hidden;
      margin: 20px 0;
    }

    section > header h1{
      font: 24px 'Abadi', arial, sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      float: left;
    }
    
    section.personal header{
      background: #000;
      color: #fff;
    }
    
    section .action{
      float: right;
      font-weight: bold;
      font-size: 10px;
    }
      
      section .action a:hover{
        text-decoration: none;
      }
    
      header.mast h1{
        color: #c14200;
        font: 36px/16px 'Abadi', arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        margin: 20px 0;
        line-height: 40px;
      }
      
      header.mast h2{
        line-height: 30px;
        position: relative;
        /*
        background: #e5e5e5;
        padding-left: 160px;
        padding-left: 10px;
        */
        color: #0d0c05;
        font-size: 10px;
      }
      
        header.mast hgroup em{
          /*position: absolute;
          left: 10px;*/
          font-style: normal;
          font: 18px/30px 'Abadi', arial, sans-serif;          
          text-transform: uppercase;
          font-weight: bold;
        }
        
        header.mast h2 a.active{
          color: #c14200;
        }
        
      header.mast .bread{
        position: absolute;
        top: 10px;
        left: 10px;
      }
      
      header.mast .action{
        float: right;
        margin-bottom: 0;
        position: relative;
        left: 10px;
      }

  .bread{
    color: #7e7e7e;
    font-size: 11px;
  }
  
    .bread a{
      color: #7e7e7e;
      text-decoration: none;
    }
    
    .bread a:hover,
    .bread a:focus{
      text-decoration: underline;
    }

  article{
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #c6c7c6;
    margin: 0 0 20px;
  }
  
  article.has-thumb{
    padding-left: 160px;
    min-height: 160px;
  }
  
    article.has-thumb .thumb{
      position: absolute;
      left: 0;
      top: 0;
      width: 140px;
      height: 140px;
      background: #eee;
    }
    
      article.has-thumb .thumb img{
        width: 140px;
        height: 140px;
      }

  article header{
    margin-bottom: 10px;
    color: #333535;
  }

  article header h2{
    font: 20px/18px 'Abadi', arial, sans-serif;
    text-transform: uppercase;
  }
  
    article header a{
      color: #333535;
      text-decoration: none;
    }
    
    article header a:hover,
    article header a:focus{
      color: #b6cf4b;
    }
    
    article .meta{
      font-size: 11px;
    }
    
    article .meta a{
      font-weight: bold;
    }
    
    article footer{
      margin: 10px 0;
      overflow: hidden;
    }
    
    article footer .comments{
      float: left;
      margin-right: 20px;
    }
    
        article footer a{
          color: #333535;
          font-weight: bold;
          text-decoration: none;
          display: block;
          line-height: 20px;
          background: url('../i/comment.png') no-repeat left center;
          padding-left: 25px;
        }
        
        article footer a:hover,
        article footer a:focus{
          color: #b6cf4b;
        }

/* LISTS */

    .score-list{
      margin: 0 20px 10px;
      padding: 0;
      list-style-type: none;
      font-weight: bold;
      color: #333535;
      font-size: 11px;
      overflow: hidden;
    }
    
      .score-list li{
        padding: 0;
        margin: 0 0 12px;
      }
      
      .score-list dt{
        float: left;
        clear: left;
        padding-right: .5em;
      }
      
      .score-list dd{
        float: left;
        clear: right;
        margin: 0 0 12px;
      }
      
      .ie7 .score-list dd{
        display:inline-block;
        float: none;
      }
      
      .score-list em,
      .score-list dd,
      .score-list a{
        color: #c14200;
      }
      .score-list em{
        font-style: normal;
      }
      
      .score-list a:hover,
      .score-list a:focus{
        text-decoration: none;
      }
      
        .item-list ul.score-list{
          margin: 0px;
        }
      
        .item-list ul.score-list li{
          list-style: none;
          margin: 0 0 12px;
        }
      
    .activity-list{
      margin: 10px 20px;
      padding: 0;
      list-style-type: none;
      color: #7e7e7e;
      font-size: 11px;
    }
    
      .activity-list li{
        padding: 0;
        margin: 0;
      }
      
      .activity-list a{
        color: #333535;
        font-weight: bold;
        text-decoration: none;
      }
      
      .activity-list a:hover,
      .activity-list a:focus{
        color: #b6cf4b;
      }

  /* grid stuff */
    .col{
      float: left;
      margin: 10px;
    }
    
    .col-1-12{
      width: 60px;
    }
    
    .col-2-12{
      width: 140px;
    }
    
    .col-3-12{
      width: 220px;
    }
    
    .col-4-12{
      width: 300px;
    }
    
    .col-5-12{
      width: 380px;
    }
    
    .col-6-12{
      width: 460px;
    }
    
    .col-7-12{
      width: 540px;
    }
    
    .col-8-12{
      width: 620px;
    }
    
    .col-9-12{
      width: 700px;
    }
    
    .col-10-12{
      width: 780px;
    }
    
    .col-11-12{
      width: 860px;
    }
    
    .col-12-12{
      width: 940px;
    }



footer[role="contentinfo"]{
  float: none;
  clear: both;
  background: #333535;
  padding: 10px;
  -moz-box-shadow: 0 10px 10px 5px rgba(0,0,0,0.2), 
              inset 0 10px 10px 1px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 10px 10px 5px rgba(0,0,0,0.2), 
              inset 0 10px 10px 1px rgba(0,0,0,0.4);
  -o-box-shadow: 0 10px 10px 5px rgba(0,0,0,0.2), 
              inset 0 10px 10px 1px rgba(0,0,0,0.4);
  box-shadow: 0 10px 10px 5px rgba(0,0,0,0.2), 
              inset 0 10px 10px 1px rgba(0,0,0,0.4);
}

  footer[role="contentinfo"] div.foot{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 12px;
    color: #616363;
  }
  
    footer[role="contentinfo"] h1 img{
      margin: 20px;
    }
  
    footer[role="contentinfo"] h2{
      font-weight: bold;
    }
    
    footer[role="contentinfo"] a{
      color: #bcbcbc;
      font-size: 11px;
      text-decoration: none;
    }
    
    footer[role="contentinfo"] a:hover{
      color: #fdfdfd;
      font-weight: bold;
    }

#references{
  width: 940px;
  margin: 25px auto;
  padding: 0 20px;
  background: #fff;
}





/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}


/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* Drupal overrides */
footer .foot ul{
  margin-left: 0px;
  padding: 0px;
}
#references ul li,
footer .foot .item-list ul li,
footer .foot li.leaf{
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
}
#site-tools .content{
  z-index: 1000;
}
#references{
  padding: 0px;
}
#references ul li{
  display: block;
  float: left;
  margin: 2px;
  width: 200px;
  text-align: center;
}

  #references ul li span{
    width: 200px;
    height: 115px;
    display: block;
    vertical-align: middle;
  }

  #references ul li span a{
    
  }
  
  #references section{
    clear: left;
  }


section.block{
  position: relative;
} 
  section.block .more-link{
    position: absolute;
    top: 5px;
    right: 15px;
  } 
  section.block .more-link a{
    font-weight: bold;
    font-size: 10px;    
  }
    section.block .more-link a{
      color: #bbbcbc;
    }
      section.block .more-link a:hover{
        text-decoration: none;
      }

/*      
#content form{
  background-color: #fff;
  padding: 10px;
}
  #content form .form-item{
    margin-bottom: 0px;
  }  
*/
  
/* profile page */
/*
#account #edit-submit-1{
  display: none;
  visibility: hidden;
  height: 0px;
}
*/

#edit-preview{
  display: none;
}

.enh2tabs ul.primary,
.content-left .links,
#tabs-usagecards ul.primary,
#tabs-tabset ul.primary{
  margin: 0px;
  padding: 0px;
  width: 150px;
  float: left;
  border-bottom: 0px;
  margin-right: 5px;
}

  #tabs-usagecards span.clear,
  #tabs-tabset span.clear{
    display: none;
  }

  .enh2tabs {

  }
  
  .enh2tabs .ui-tabs-panel,
  #tabs-usagecards .ui-tabs-panel,
  #tabs-tabset .ui-tabs-panel{
    width: 465px;
    float: left;
  }

.drupal-tabs-title{
  font-size: 18px;
}
form.enh2tabs,
form.enh2-form{
  position: relative;
  overflow: auto;
}
  form.enh2-form #edit-preview,
  form.enh2-form #edit-delete,
  form.enh2-form #edit-submit,
  form.profile-form #edit-submit{
    position: relative;
    margin-top: 15px;    
  }
  form.enh2tabs #edit-submit{
    position: relative;
  }
  
  form.enh2tabs #edit-submit,
  form.profile-form #edit-submit{
    right: 0px;
    /*left:-999em;*/
  }
  body form.profile-form{
      margin-bottom: 55px;
  }
  body form.profile-form #edit-submit{
      position: absolute;
      right: Opx;
  }
    
  form.profile-form #edit-submit2{
    position: absolute;
    top: 15px;
    right: 0px;
    cursor: pointer;
  }
  
  form.form-tabs{
    display: none;
  }
  
  form.enh2-form .resizable-textarea .grippie,
  html.js form#user-register .resizable-textarea textarea,
  form#user-register .form-text,
  form#user-register .form-select,
  html.js form.enh2-form .resizable-textarea textarea,
  form.enh2-form .form-text,
  form.enh2-form .form-select{
    width: 300px;
  }
  form#user-register .form-select,  
  form.enh2-form .form-select{
    width: 303px;
  }
  
  .ui-tabs-panel fieldset fieldset legend{
    color: #C14200;
    font-weight: bold;
    }
    
    .ui-tabs-panel fieldset #reference-archive-set fieldset{
      border: 1px solid #C14200;
      padding: 5px;
    }
    
    .ui-tabs-panel fieldset #reference-archive-set table{
      width: 450px;
    }
   

.content-left ul.primary li.active a,
.content-left .links li.activa a,
#tabs-usagecards ul.primary li.active a,
#tabs-tabset ul.primary li.active a{
  background-color: transparent;
}
form#user-register .drupal-tabs-title,
form#user-register .ui-tabs-nav{
  display: none;
}
form#user-register #tabs-tabset .ui-tabs-panel{
  float: none;
}
  form#user-register #edit-field-participant-organisation-value{
    min-height: 105px;
  }
/*
.messages{
  background-color: #dcee8f;
  padding: 20px;
  border: 2px solid #eaf5b9;
  width: 900px;
  color: #b6ce4c;
  font-size: 18px;
  clear: left;
}
.messages a{
  color: #b6ce4c;
}
.messages a:hover{
  text-decoration: none;
}
*/

div.messages {
  clear: left;
  font-size: 12px;
  padding: 15px;
  color: #036;
  background-color: #dcee8f;
  border: 2px solid #eaf5b9;
  margin: 2px 0;
}
div.messages a,
div.messages a:hover{
  color: #036;
}
div.warning {
  color: #a84;
  background-color: #fff4c0;
}
  div.warning a, div.warning a:hover{
    color: #a84;    
  }
div.error {
  color: #965;
  background-color: #ffe4e0;
}
  div.error a, div.error a:hover{
    color: #965;
  }
div.status {
  color: #687;
  background-color: #ecf8f4;
}
  div.status a, div.status a:hover{
    color: #687;
  }
div.error   { border-color: #fff8f4; }
div.warning { border-color: #fffce4; }
div.status  { border-color: #f8fffc; }


/* content type forms */

/* country */
form#node-form #edit-field-region-weatherstations-value{
  height: 350px;
}
.node-type-country{
  padding: 5px;
}
.node-type-country p.header{
  font-weight: bold;
}
.node-type-country p.region-title{
  margin: 5px;
  font-weight: bold;
  color: #C14200;
}
table.weatherstation,
.node-type-country .view-view-insulations,
.node-type-country .view-view-energycarriers,
.node-type-country p.region-subtitle,
.node-type-country p.region-content{
  margin: 5px 10px;
  width: 95%;
}
.node-type-country p.region-subtitle{
  font-weight: bold;
  text-decoration: underline;
}

/* popup form */
.popups-box{
  padding: 0px;
  width: 520px;  
  overflow: hidden;
}

  .popups-box .popups-title{
    background-color: #000;
    color: #fff;
    float: left;
    padding: 0 10px;
    margin-bottom: 10px;
    line-height: 30px;
    width: 500px;
  }
  
  .popups-box .popups-body{
    padding: 10px;
    margin-bottom: 15px;    
  }

    .popups-box .popups-title .title{
      font: bold 24px 'Abadi',arial,sans-serif;
      text-transform: uppercase;
      width: 435px;
    }
  
    .popupform h2{  
      font: 20px/18px 'Abadi', arial, sans-serif;
      text-transform: uppercase;
      color: #333535;
    }
    .popupform p{
      color: #7e7e7e;
    }

/* usage form */
#enh2usage-form fieldset legend{
  font-weight: bold;
  text-transform: capitalize;
}
  #enh2usage-form fieldset .form-item label{
    text-transform: capitalize;
    display: block;
    float: left;
    font-weight: normal;
    width: 80px;
    height: 25px;
  }
  #enh2usage-form fieldset .form-item input.form-text{
    width: 120px;
  }  
  #enh2usage-form fieldset .container-inline-date label{
    font-weight: bold;
  }
  
#block-enh2-calltoaction{
  min-height: 30px;
  position: relative;
  z-index: 10101;
}

#block-enh2-usagetable{
  clear: right;
  width: 100%;
  color: #0d0c05;
  /*height: 300px;*/
  padding-bottom: 10px;
}

  #block-enh2-usagetable ul.pager{
    margin-top: 10px;
  }

.enh2table header,  
section#block-enh2-usagetable header{
  margin-bottom: 0px;
}

.enh2table{
  overflow: auto;
}

.enh2table table,
#block-enh2-usagetable table{
  width: 100%;
  background-color: #fff;
}
  .enh2table thead tr,
  #block-enh2-usagetable thead tr{
    background-color: #a7b0b3;
    font-size: 12px;
    color: #0d0c05;
  }
  .enh2table tr td{
    color: #0d0c05;
  }  
  .enh2table thead th,
  #block-enh2-usagetable thead th{
    border: 0px;
  }

  #block-enh2-usagetable thead th a img{
    padding: 5px 0 0 5px;
  }
  
  .enh2table thead tr th,
  .enh2table tr td,
  #block-enh2-usagetable thead tr th,
  #block-enh2-usagetable tr td{
    padding: 5px 5px;
  }
  
    #block-enh2-usagetable tr.odd,
    #block-enh2-usagetable tr.odd td.active,
    #block-enh2-usagetable tr.even,
    #block-enh2-usagetable tr.even td.active{
      border: 0px;
      background-color: #fff;  
    }    
    #block-enh2-usagetable tr.subheader_carriers,
    #block-enh2-usagetable tr.subheader{
      background-color: #fff;
    }
    #block-enh2-usagetable tr.subheader_carriers{
      font-weight: bold;
      font-size: 12px;
    }
    
    #block-enh2-usagetable tr.usage-odd,
    #block-enh2-usagetable tr.usage-odd td.active{
      border: 0px;
      background-color: #e9ecec;  
    }    
    
    .enh2table tr.odd{
      background-color: #fff;
      border-bottom: 0px;
    }
    .enh2table tr.even{
      border-bottom: 0px;
    }
    
    #block-enh2-usagetable .col_seperator{
      border-right: 1px solid #000;
    }
    #block-enh2-usagetable .subcol_seperator{    
      border-right: 1px solid #d5d6d6;
    }
    #block-enh2-usagetable .column_action{
      width: 30px;
    }
  
    #block-enh2-participant_summary{
      margin: 0 0 15px 0;
      background: #3b5056;
      color: #b6ce4c;
      font: 15px/20px 'Abadi', arial,  sans-serif;
      padding: 5px;
    }
    
      #block-enh2-participant_summary .content{
        border: 1px solid #b6ce4c;  
        padding: 5px;
      }
    
    .enh2summary{
      width: 100%;
    }
      .profile .enh2summary{
        width: 300px;
      }
    
      .enh2summary .summary_header{
        font-weight: bold;
        font: 24px/30px 'Abadi', arial,  sans-serif;
        text-transform: uppercase;
      }
      
    .enh2summary tr,
    .enh2summary tr td{
      border: 0px;
      background: #3b5056;
      font: 20px/30px 'Abadi', arial,  sans-serif;
    }

    
      ul span.no_saved,
      .enh2table tr td.no_saved,
      .enh2summary tr td.no_saved,
      #block-enh2-usagetable tr td.no_saved{
        color: #F4800E;
      }
      ul span.saved,
      .enh2table tr td.saved,      
      .enh2summary tr td.saved,
      #block-enh2-usagetable tr td.saved{
        color: #12D336;
      }
      .enh2table tr td.disabled,
      #block-enh2-usagetable tr td.disabled{
        color: #CCC;
      }
      #block-enh2-usagetable a.edit,
      #block-enh2-usagetable a.delete,
      #block-enh2-usagetable a.archive{
        display: inline-block;
        width: 20px;
        height: 20px;
        text-indent: -999em;
        background: none no-repeat center center;  
        background-image: url('../i/ico_editmeting.png'); 
        float: right;
      }
      #block-enh2-usagetable a.delete{
        background-image: url('../i/ico_edittrash.png');       
        float: left;
      }
      #block-enh2-usagetable a.archive{
        background-image: url('../i/ico_archives_small.png');       
        float: left;
      }
      
.content-left ul.links li{
  padding: 0px;
}

/* original tabs */
#content .original-tabs h2.drupal-tabs-title{
  display: none;  
}

#content .original-tabs ul{
  width: 100%;
}

#content .original-tabs ul li{
  display: block;
  float: left;
}

  #content .original-tabs ul li a{    
    display: block;
    color: #0d0c05;
    text-transform: uppercase;
    background: #fff;
    text-decoration: none;
    font: 18px/36px 'Abadi', arial, sans-serif;
    padding: 0 10px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    height: 31px;
    margin-bottom: 5px;
    border: 0px;
  }
  #content .original-tabs ul li.active a{   
    background: #fff; 
    height: 36px;
    margin-bottom: 0;
    border: 0px;
  }
  
  #content .original-tabs .ui-tabs-panel{
    padding: 10px 0;
    background-color: #fff;
    min-height: 350px;
    width: 100%;
  }

  #content .original-tabs .ui-tabs-panel .inner{
    margin: 0px 10px;
  }
  
  /* search form */
  #content .original-tabs .views-exposed-form{
    padding: 0px 10px;
  }
    #content .original-tabs .views-exposed-form label{
      display: block;
      float: left;
      margin-right: 5px;
    }    
    #content .original-tabs .views-exposed-form .views-widget{
      float: left;
    }
    #content .original-tabs .views-exposed-form .form-submit{    
      margin-top: 0px;
    }
  #content .original-tabs .view-empty{
    padding: 10px;
    font-style: italic;
  }
  
/* group-node */
.node-group .gmap-container{
  width: 220px;
  height: 200px;
  border: 1px solid #666868;
  float: left;
  margin-right: 15px;
}

/* Hide form elements from location module */
fieldset.location legend,
#edit-locations-0-delete-location-wrapper,
#edit-locations-0-country-wrapper{
  position: absolute;
  left: -99em;
  text-indent: -9em;
  overflow: hidden;
}

  #content form .location .form-item label{
    position: relative;
    float: none;
  }

span.group-info,  
.enh2table a.user-info,
.enh2table a.user-edit,
.enh2table a.user-usage,
.enh2table a.user-remove,
.enh2table a.user-mail,
.enh2table a.user-standby,
a.user-delete,
a.user-edit-form{
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  margin: 0px 5px; 
  text-indent: -9999px;
  background-image: url('../i/ico_useroverview.png'); 
}
.enh2table a.user-usage{
  background-image: url('../i/ico_userstats.png'); 
}
.enh2table a.user-remove{
  background-image: url('../i/ico_moveuser.png'); 
}
.enh2table a.user-mail{
  background-image: url('../i/ico_mail.png'); 
}
span.group-info,
.enh2table a.user-info{
  cursor: help;
  background-image: url('../i/ico_no.png'); 
}
.enh2table a.user-standby{
  width: 16px;
  height: 16px;
  background-image: url('../i/on-off.png');
}
a.user-delete{
  background-image: url('../i/user-delete.png'); 
}
a.user-edit-form{
  background-image: url('../i/user-edit-form.png'); 
}

#block-enh2-usagetable p.no-input{
  padding: 10px;    
}
form .form-box{
  background-color: #fff;
  padding: 0 5px 5px 5px;
  margin-bottom: 5px;
}
  form .form-box legend,
  form .form-box h3{
    text-transform: uppercase;
    color: #c14200;
    font-weight: bold;
    padding:5px 0;
  }  
    form .form-box .energycarrier legend{
      text-transform: capitalize;
    }
    
/* tab navigation bottom */
#content .tabs-nav-link-sep,
#content .tabs-nav-previous,
#content .tabs-nav-next{
  position: absolute;
  left: -99em;
  text-indent: -9em;
  overflow: hidden;
}
  #content .profile-form .tabs-nav-link-sep{
    width: 100%;
    position: relative;
    left: 0px;
    border-top: 1px solid #fff;
  }
  #content .profile-form .tabs-nav-previous, 
  #content .profile-form .tabs-nav-next{
    left: auto;
    text-indent: 0;
    position: relative;
    border: 0px;
    padding: 0px;
  }
    #content .profile-form a.tabs-nav-previous, 
    #content .profile-form a.tabs-nav-next{
      color: #C14200;
    }
/* Role energymaster */    
#edit-field-participant-role-value-wrapper{
  color: #C14200;
  font-size: 14px;
}
  #edit-field-participant-role-value-wrapper input[type="checkbox"]{
    vertical-align: top;
    margin-top: 7px;
  }
/* export */
#block-enh2-usagetable input.export_csv,
#block-enh2-usagetable input.export_pdf{
  border: 0;
  display: block;
  background-image: url('../i/icon_csv.png');
  width: 35px;
  height: 35px;
  text-indent: -999em;
  float: right;
  margin: 20px 5px 0px 0px;
}
#block-enh2-usagetable input.export_pdf{
  background-image: url('../i/icon_pdf.png');
  margin-right: 10px;
}
.profile-form div.attachments,
#edit-field-participant-groupresult-value-wrapper{
  clear: left;
  margin-left: 155px;
}
.content .content img{
  max-width: 620px;
}

/* results */
.r_cityname{
  background: #fff;
  color: #000;
  line-height: 30px;
  padding: 0 10px;
  margin: 20px 0;
  font: 24px 'Abadi', arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
}

.custom_form legend,
.r_groupname{
  font: 20px/18px 'Abadi', arial, sans-serif;
  text-transform: uppercase;
  color: #333535;
  padding: 10px;
}
.custom_form legend{
  padding-left: 0px;
}
.r_part1{
  width: 150px;
}

.citypager{
  height: 20px;
}

.content ul.primary li a.add_participant{
  color: #C14200;
}
.citypager li{
  float: left;
  display: block;
  border-right: 1px solid #607890;
  padding: 0px 7px;
}
  .citypager li.last{
    border-right: 0px;
  }
    .citypager li a.activecity{
      font-weight: bold;
      text-decoration: none; 
    } 

.export_all{
  border: 2px solid #000000;
  margin: 10px 0 0;
  padding: 0 0 15px 15px;
  width: 98%;
}
    
.export_all .csv_export_results,
.enh2table .csv_export_results{
  background-image: url("../i/icon_csv.png");
  background-repeat: no-repeat;
  border: 0 none;
  display: block;
  height: 35px;
  margin: 20px 5px 0 0;
  padding-left: 45px;
  width: 500px;
}

.enh2table tr.savings_result{
  background-color: #7B8385;
}

.masqbar .view_user_links{
  position: absolute;
  left: 480px;
}
  
  .masqbar .view_user_links .item-list ul{
    margin: 0;
  }
  
  .masqbar .view_user_links ul li{
    display: block;
    float: left;
    border-left: 1px solid #cacaca;
    padding: 5px 0 5px 10px;
  }
  
  .masqbar .view_user_links ul li a{
    text-decoration: none;
    color: #000;
  }
  .masqbar .view_user_links ul li a.active,
  .masqbar .view_user_links ul li a:hover{
    text-decoration: underline;
  }

  #masqgroup div span{
    font-weight: bold;
    color: #333535;
    margin-left: 5px;
  }
  
/*#B6CF4B*/

/* usage card functionality */
#block-enh2stats-stats_usage_general ul.tabs{
  border-bottom: 0px;
  padding-bottom: 0px;
}

#block-enh2-usagetable{
  position: relative;
  margin-top: 65px;
}
  #block-enh2-usagetable .usagecard-tabs{
    
  }
  #block-enh2-usagetable .usagecard-tabs .ui-tabs-nav{
    position: absolute;
    top: -46px;
    border-bottom: 10px solid #fff;
  }
  
  #block-enh2-usagetable .item-list ul li{
    margin: 0 0 0em 1.5em;
  }
  
  #content .original-tabs ul.tabs li a{
    border: 1px solid #a8b0b3;
    color: #7e7e7e;
  }
  
  #content .original-tabs ul.tabs li.active a{
    border: 0px;
    border-bottom: 1px solid #fff;
    color: #0d0c06;
    height: 37px;
  }
  
  #block-enh2-usagetable header{
    /*position: absolute;*/
  }
  
  /* usage card form */
  #enh2usage-cardname-form fieldset{
    float: left;
    padding-left: 10px;
  }
  #enh2usage-cardname-form #edit-cardname{
    margin: 20px 0 0 0px;
    height: 17px;    
  }
  
  .node .form-submit,
  .block .form-submit{
    background: #000000 url('../i/bg_card_btn.png') repeat-x top left;
    color: #fff;
    border: 1px solid #c3c3c3;
    height: 25px;
  }
  
    #block-enh2-usage_input_form{
      padding: 10px;
      background-color: #fff;
      margin-bottom: 15px;
    }
    
      #enh2usage-form .form-item input.not-allowed{
        cursor: not-allowed;
        background-color: #ccc;
        border: 2px solid #ddd;
      }
  
  #enh2usage-cardarchive-form .form-submit,
  #enh2usage-cardname-form .form-submit{
    background: #000000 url('../i/bg_card_btn.png') repeat-x top left;
    color: #fff;
    border: 1px solid #c3c3c3;
    height: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 30px;
  } 
  
a.treemagotchi{
  display: block;
  background-image: url("../i/kabouter_hark_klein.png");
  background-repeat: no-repeat;
  border: 1px solid #72ab09;
  text-indent: -9999px;
  overflow: hidden;
  line-height: 0px;
  font-size: 0px;
  width: 250px;
  height: 175px;
}
a.button_disabled,
a.archive{
  cursor: url("../i/closed-lock-small.png"), default;
}

/* 2012 - 2013 */

/* tooltip */
/*
form .form-item .description:before{
	content: '.';
	display: block;
	float: left;
}
form .form-item .description:after{
	content: '.';
	display: block;
  clear: left;
}
*/

body .resizable-textarea{
  display: inline-block;
  width: auto;
}

body .node-form .form-text{
  display: inline-block;
}

.description_help_enh2{
  display: inline-block;
  position: relative;
  width: 50px;
}




  .description_help_enh2 a{    
    position: absolute;
    top: -15px;
    margin: 0px 10px;
  }

  form .form-item .description,
  a.info_description_enh2{
    display: none;
  }
  
  form#node-form .form-item .description{
    display: block;
    width: 100%;
  }
  
  /* tooltip css */
  .aToolTip, .aToolTipWarning{
  	border:2px solid #000;
  	background:#333;
  	color:#fff;
  	margin:0;
  	padding:6px;
    text-align:left;
    width:350px;
    height:auto;
    filter:alpha(opacity=90);
    opacity:0.9;
    overflow:auto;
  }
  .aToolTip strong, .aToolTipWarning strong{
    font-weight:bold;
  }
  .aToolTip a, 
  .aToolTipWarning a{
    color:#fff;
    text-decoration:underline;
  }  
  .aToolTip a:hover, 
  .aToolTipWarning a:hover{
    text-decoration:none;
  }  
  .aToolTipWarning{
    border:2px solid #000;
  }
  .aToolTip .aToolTipContent {
  	position:relative;
  	margin:0;
  	padding:0;
    background:transparent;
  }
  a.aToolTipCloseBtn {
  	display:block;
  	height:24px;
  	width:24px;
  	background:url('../i/close_button.png') no-repeat;
  	text-indent:-9999px;
  	outline:none;
  	position:absolute;
  	top:0px;
  	right:0px;
  	margin:0px;
  	padding:0px;
  }
  a.infobutton{
    /*position:absolute;
    left:365px;
    margin-top:-20px;
    z-index:999;*/    
    display:block;
    text-indent:-999em;
    width:25px;
    height:25px;
    outline:0;
    cursor:pointer;
    background:transparent url('../i/question.png') repeat-y center top;
  }
  a.shortleft{
    left:100px;
  }
  a.shortleft-sub{
    left:100px;
    margin-top:-32px;
  }
  form fieldset div.form-item{
    position:relative;
  }
  
  body .container-inline-date .form-item input,
  body .container-inline-date .form-item select,
  body .container-inline-date .form-item option {
    margin-right: 0px; /* LTR */
  }
  
  #enh2usage-form{
    position: relative;
  }
  
  body #enh2usage-form fieldset legend span,
  body #enh2usage-form fieldset .form-item label{
    display: inline-block;
    width: 100px;
  }
  body #enh2usage-form fieldset legend span{
    margin-bottom: 10px;
    font-size: 14px;
  }
      body #enh2usage-form fieldset legend span.form_legend_last_usage_input{
        width: 160px;
        margin-left: 115px;
      }
      body #enh2usage-form fieldset legend span.form_legend_no_prev{
        margin-left: 100px;
      }
        
  
  body #enh2usage-form fieldset .lu_value span{
    display: none;
  }
  
  body #enh2usage-form .last_usage_input{
    position: relative;
    width: 500px;
  }
  
    body #enh2usage-form div.last_usage_input div.form-item .form-text{
      margin-left: 175px;
    }
  
    body #enh2usage-form div.last_usage_input div.lu_value{
      position: absolute;
      width: 150px;
      top: 0px;
      left: 115px;
    }
    
    .profile-form .form-submit{
      color: #C14200;
      border: 1px solid #C14200;
      padding: 5px;
      font-weight: bold;
    }
    
    .profile-form legend{
      /*display: none;*/
    }
    
    .profile-form #edit-pass-wrapper{
      position: relative;
    }
    
      .profile-form #edit-pass-wrapper .description_help_enh2{
        position: absolute;
        right: 0px;  
      }

.enh2table table tr td.userpoints,
.enh2table table tr td.userpoints_total{
    font-weight: bold;
    font-size: 12px;
}

.profile .enh2summary{
    margin: 15px 0;
}

.profile .enh2summary tr td{
    padding: 5px;
   color: #fff; 
}