* { margin:0;
  padding:0;
}

body
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  width: 100%;
  color: #333;
  line-height: 1.125em;
  height: 100%;
}

html, .container
{ background: url(../images/logo-bg.png) repeat-x;
  background-color: white;
}

button { font-size: 100% }

h1 
{ font-size: 150%;
  font-weight: bold;
  margin: 12px 0;
}

h2 
{ font-size: 110%;
  font-weight: bold;
  margin: 6px 0 2px 0;
}

h3
{ font-size: 100%;
  font-style: italic;
  font-weight: normal;
  margin: 0;
}

td, th { vertical-align:top; text-align: left; }

.clearfloat
{ clear:  both;
  height: 0px;
  font-size: 1px;
  line-height: 0px;
}

.container 
{ /* adding position: relative allows you to position the two sidebars relative to this container */
  position: relative;
  padding-bottom: 30px;
  width: 1000px;
  min-height: 630px;
  height: auto;
  text-align: left;
  background-color: white;
  font-size: 75% ;
} 

/* for Internet Explorer */
/*\*/
* html .container { height: 630px; }
/**/

#hd 
{ font-size: 100%;
  width: 950px;
  height: 115px;
  background-image: url(../images/logo-epsi.jpg) ;
  background-repeat: no-repeat;
}

.kolomLinks, .kolomRechts
{ padding-top: 24px ;
  height: 100%; }

.kolomLinks
{ float:left;
  padding-left: 42px; }

.kolomRechts
{ float: right;
  padding-right: 24px; }

.kolomLinks a:link, .kolomLinks a:active, .kolomLinks a:visited, .kolomLinks a:hover,
.kolomRechts a:link, .kolomRechts a:active, .kolomRechts a:visited, .kolomRechts a:hover,
.page a
{ color: black ; }

.kolomLinks a:hover, .kolomRechts a:hover 
{ color: black;
  text-decoration: none;
}	

.page { margin: 24px 0 0 42px ; }

#plain_page /* IE6 */
{ margin: 42px 0 0 42px ; }

.page.plain { margin: 42px 0 0 42px ; }

.b-b { border-bottom: 1px solid #ddd; }
.b-t { border-top: 1px solid #ddd; }

.search, .login 
{ padding: 5px 0;
  width: 100%;
}

.login {  margin: 18px 0; }

.left {  float: left; }
.right { float: right; }

.query-results  
{ clear: left;
  float: left;
  width: 321px;
}

.icon-buttons
{ float: right;
  width: 170px; 
}	

.icon-buttons img, img { border:0;}

a.active:link,
a.active:visited,
a.active:hover,
a.active:active
{ color: #7b9cc1; }

.fbutton { margin: 2px; }

/* Plain text style */

.plain p { margin: 0 0 10px 0 }

.plain li {  margin-left: 2em; } 

.plain ul { margin: 0 0 10px 0; } 

.plain h1
{ font-size: 140%;
  font-weight: bold;
  margin: 18px 0 18px 0;
}

.plain h2 
{ font-size: 120%;
  font-weight: bold;
  margin: 12px 0 6px 0;
}

.tall { line-height: 180% }

.Tall { line-height: 240% }

table.wide { width: 100% ; }

table.listing { margin: 0 0 16px 0; background: #ddd; border-spacing: 1px; }

table.listing td, 
table.listing th
{ padding: 2px; background: white; }
table.listing th
{ background: #e1eff4; }


/* --- */	

.query-description { clear: both;  }

.logged-in { color: #eb8d8d; }

.text p { padding: 0; margin: 0 0 6px 0; }	

.text table { margin: 8px 0; width: 100%; }
.text table th { padding-left: 0; }
.text table { padding-left: 0; }

th { text-align: left; }
span.dd { color: #aaa; }

span.active-criterion { color: #799aba; font-weight: bold; }

div.text { height: 420px; width: 720px; margin: 12px 0 0 0; line-height: 180%; }

div.text p { margin: 0; }

.alert { color: #eb8d8d; font-weight: bold; }

span.ic { color: #aaa; }

/* .graph { margin: 50px 0 0 0; } */

.text ul li { list-style-type: disc; clear: both; margin: 8px 0 0 12px; padding: 0; }

ul.trivial li
 { list-style-type: none;
   clear: both;
   margin: 8px 0;
   padding: 6px 0;
}

#user_email a { color: white !important ; }

#user_email a:hover { text-decoration: none !important ; }

#user_email
{ color: white ;
  background: transparent ;
  float: right ; 
  font-weight:normal ;
  font-size: 0.875em ;
  position: relative ;
  bottom: 23px ;
  padding: 0 4px 0 0 ;
  z-index: 1001 ;
}

td.num { text-align: right; }

.ar { text-align: right; }

.i {  font-style: italic; }

hr { margin: 10px 0; border: 0; border-top: 1px solid #ddd; height: 0; }

form.popup { background: white; padding: 6px; }

table.zebrah tr.odd td,
table.zebra tr.odd td,
table.zebrah tr.odd th { background: #eee; }

inline { display: inline; }

html#popup { background: white; }

.popup-container { padding: 6px; text-align: left; color: #333; margin: 12px; font-size: .75em; }

.popup-container p { }

ol li {  margin-left: 24px; }

/* For Search & plants */

.fixed-r { background: #e1eff4; margin: 0 0 6px 0; overflow: auto; padding: 6px; }
.fixed-r { height: 440px; }
.fixed-l { height: 200px; }

.query-results, .icon-buttons { padding: 0; }

.icon-buttons { padding-left: 8px; }

/* for plants and search */
#actions input, #no-actions img { border: 1px solid #d4d9e4; }

#footer { font-size: 11px;	
          color: #003366;	
          line-height:18px;
          padding-left: 40px;
}

#footer a:link {color: #003366; }

/* hydro & interconnector tables */
.hydro_profile, .interconnector {
/* table-layout: fixed ; */
 border-spacing: 1px ;
 background: #ddd ;
}

.interconnector {
 width: 900px ;
}

.interconnector td,
.interconnector th,
.hydro_profile td,
.hydro_profile th {
 background: white;
 padding: 1px;
}

.hydro_profile td, .hydro_profile th.nh, .interconnector td { text-align: right; }

.hydro_profile th, .interconnector th { background: #e1eff4; }

/* 'hidden' cells */
.hydro_profile tr.h th, .hydro_profile th.h, .interconnector th.h { color: #888; }
td.h, tr.h td { color: #888; background: #eee }

/* 'diagonal' cells */
td.same_point { background: #eee; }

td.hover { background: #eee }

/* * * * * * * * * * * * * * * * * */

#tabs { margin-top: 18px ; }

.analysis .button_menu a
{ padding: .2em 1em;
  outline: 0;
  text-decoration:none !important;
  cursor: pointer;
  position: relative;
  text-align: center;
}

#tabs .analysis a, .plain.analysis a {
    text-decoration: none ;  
    font-style: italic ;
}

td.data, th.data { text-align: right ; }

.input_table th.row_header { text-align: left ; white-space: nowrap ; }

label.error { color: #FA3589 ; padding-left: 0.5em ; }

.progress { height: 12px ; }

div.save_button { margin-bottom: 2px ; }

.input_table.linked_fuel th { font-weight: normal ; background: white }

.input_table td { padding: 0 1px }

.listing.input_table { margin-bottom: 8px }

.input_table .icons td { padding: 0 }

#message { display: none }

.input_items { margin-top: 6px ; }

.input_items h2.title_left { float: left ; margin-right: 1em; }

div.chart { margin-top: 12px ; width: 600px ; }

.chart .save_button { float: left ; }

.model_input { width: 32px ; }

/* input.model_input { background: #95dfb1 ; }  */

.input_build input.model_input,
.input_build select
{ width: 72px ; }

.hidden_column { display: none ; }

.build_efficiency, .build_fuel { display: none ; }

img.graph { display: block ; clear: both ; }