@charset "UTF-8";
/* CSS Document */
.ui-loader h1{display:none !important;}
.ui-dialog{
    margin: 0px !important;
    padding: 0px !important;
}
.printable-bluff-box {
margin: 10px 15%;
}
.printable-bluff-wrapper {

}
.printable-rep{
padding: 0;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
width: 660px;
padding-top: 100px;
background: #fff;
}
#ul {
    padding-left: 20px;
}

#jqtabs ul{
border: 1px solid #76b900;
background: #76b900;
color: #ffffff;
font-weight: bold;
text-shadow: 0 1px 0 #444444;
background-image: -webkit-gradient(linear,left top,left bottom,from( #81cb00 ),to( #6aa600 ));
background-image: -webkit-linear-gradient( #81cb00,#6aa600 );
background-image: -moz-linear-gradient( #81cb00,#6aa600 );
background-image: -ms-linear-gradient( #81cb00,#6aa600 );
background-image: -o-linear-gradient( #81cb00,#6aa600 );
background-image: linear-gradient( #81cb00,#6aa600 );
}
label.error{color:red !important;}
div.error{color:red !important;}
.blue {color:#001E67;}  
.green {color:#76B900;}
.lightblue{color:#6174a1;}
.gray {color:#dddddd;}
.ui-title{color:white;border-bottom: none;}
.ui-btn-inner{font-size:12px}
#page-lights{display:none;}
#page-products{display:none;}
.top_buttons{display:block; width: 650px;}
.button{display:block; float:left;  margin-left: 10px;}
.button.left{float:left;}
.button.right{float:right;}
#messagebox{display:block; position: fixed; top: 50%; left:50%; margin-top: -28px; margin-left: -193px}
.roi{display:block; width: 931px;margin: 0px auto;}
.roi h1{display: block; border: 0px; position: relative; margin: 20px auto; width: 250px;}
.roi div.error{font: 10px Arial, Helvetica, sans-serif;}
.pkg{display:block; width: 931px;margin: 0px auto;}
.pkg h1{display: block; border: 0px; position: relative; margin: 20px auto; width: 250px;}
.pkg div.error{font: 10px Arial, Helvetica, sans-serif;}
#float_header a.abutton{
color: #2f3e46;
display: block;
text-align: center;
cursor: pointer;
position: relative;

margin: .5em 0;
padding: 0;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
box-shadow: 0px 1px 3px rgba(0,0,0,.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
font-family: Helvetica,Arial,sans-serif;
text-decoration: none;
border: 1px solid #cccccc;
background: #eeeeee;
font-weight: bold;
text-shadow: 0 1px 0 #ffffff;
background-image: -webkit-linear-gradient( #ffffff,#f1f1f1 );
background-image: -moz-linear-gradient( #ffffff,#f1f1f1 );
background-image: -ms-linear-gradient( #ffffff,#f1f1f1 );
background-image: -o-linear-gradient( #ffffff,#f1f1f1 );
background-image: linear-gradient( #ffffff,#f1f1f1 );
}
#float_header a.abutton span.ui-inner{
font-size: 12px;
padding: .6em 20px;
min-width: .75em;
display: block;
position: relative;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
zoom: 1;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
border-top: 1px solid #fff;
border-color: rgba(255,255,255,.3);
color: #2f3e46;
text-align: center;
cursor: pointer;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
text-shadow: 0 1px 0 #ffffff;

}
#float_header a.abutton span.ui-inner span{
position: relative;
z-index: 1;
width: 100%;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
white-space: nowrap;
text-shadow: 0 1px 0 #ffffff;
}

.ui-content{background-color: white;}
.roi #logo {
    background: none;
    
    padding-top: 50px;
    display: block;
    position: static;
    height:59px;
    width:186px;
    }
.pkg #logo {
    background: none;
    
    padding-top: 50px;
    display: block;
    position: static;
    height:59px;
    width:186px;
    float:right;
    }
#float_header{position: fixed; left: 0px;  width: 100%;  border-bottom: 2px solid black; background-color:#FFFFFF; z-index:1;}
#float_header #content{width:931px; margin: 0px auto;}
.shareinput input{width:400px;}
.shareinput{
    padding-left: 10px;
    padding-top: 11px;
    margin-left: 110px;
    width: 700px;
}
a.report, a.download, a.delete {
      width: 18px;
      height: 18px;
      display: block;
     float: left;
    text-indent: -9999px;
    margin-left: 5px;
}

a.delete-project, a.delete-product, a.delete-fixture {
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    text-indent: -9999px;
    margin-left: 5px;
    margin-right: 14px;
}
a.delete-product, a.delete-fixture {
    margin-right: 0px;
}
a.report {background: url('./../images/icon_119_table_18x18.png') no-repeat ;}
a.download {background: url('./../images/icon_181_download_18x18.png') no-repeat ;}
a.delete, a.delete-project, a.delete-product, a.delete-fixture {background: url('./../images/icons_207_delete_18x18.png') no-repeat ;}
a.report, a.download, a.delete {margin-left: 10px;}
/*a.download {background-position: -40px -42px;}
 
a.delete {background-position: -40px -67px;}*/
@charset "UTF-8";
/* CSS Document */

.blue {color:#001E67;}  
.green {color:#76B900;}
.lightblue{color:#6174a1;}
.gray {color:#dddddd;}
 

/********** BEGIN NEW STYLES FOR RE-BRANDING ***************/
body {
     padding:0 !important;
     margin:0 auto !important;
    /*width:963px !important;*/
    /* background: #fff url('./../images/bodyBG.png') repeat-x !important;*/
    background: #fff url('./../images/bg_repeat.jpg') repeat !important;
    font: 12px Arial, Helvetica, sans-serif !important;
    color:#444 !important;
    height: 100% !important;
 }

.cover-letter {
    font: 14px Arial, Helvetica, sans-serif !important;
}

#wrapper {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 930px;
    padding: 0 16px;
    margin: 0 auto;
    /*background: #fff url('./../images/newBG2.png') top left repeat-y;*/
    background: url('./../images/bg_page_repeat.png') repeat-y top center;
}
#head-1 {
background: url('./../images/bg_top.jpg') repeat-x;
}
#head-2 {
background: url('./../images/bg_page_top.png') no-repeat top center;
}

#header {
     background: #fff url('./../images/header.gif') top left no-repeat;
    height:140px;
      }

#headerSimple {
    background-color:#FFFFFF;
    height:75px;
    width:928px;
     }

#header .login {
    color:#777;
     float:right;
    padding:12px 20px;
     }

#header .login a:link{
    color:#555;
    font-size:10px;
    font-weight:bold;
    display:block;float:left;
    padding-left:8px;
    margin-right:8px;
    border-left:1px solid #555;
    text-decoration:none;
    }

#header .login a:hover{ text-decoration:underline;}

.login p.userMessage {
    margin-top:25px;
    margin-left:10px;
    color:#76B900;
    font-weight:bold;
     }
 
    
 #navBar {
     margin-top:-39px;
    margin-bottom:43px;
        }     
    
#navBar ul {
    margin:0;padding-left:25px;
    list-style-type:none;
       }
     
 #navBar  ul li {
     display:block; float:left;
    }
 
 #navBar a {display:block;padding:.9em 2em 1.1em 2em;background: url('./../images/navSplitter.gif') top right no-repeat;    }
    
#navBar a:link, #navBar a:visited {
    color:#001e67;
    font:bold 12px Arial, Helvetica, sans-serif;
    text-decoration:none;
    }

#navBar a:hover {color:#fff;background:#76B900;}
 

#main {
    background: #fff url('./../images/upperPageBG.png') top center no-repeat;
     float:left;
    width:931px;
    margin-top:-5px;
    }
    
#logo {
    background: url('./../images/ir_logo.jpg') top left no-repeat;
    position:absolute;
    top:22px;
    left:41px;
    height:59px;
    width:186px;
    }
#productTitle {
    font: 28pt Arial, Helvetica, sans-serif;
    color: #001e67;
    position: absolute;
    top: 47px;
    left: 235px;
    height: 59px;
}        
#left { 
    width:150px; 
    float:left;
    margin-left:15px;
    }    

.inner {
    padding:.8em;
    }

#right { 
    float:left; width:726px;
      }

#footer {
    clear:both;
    width: 850px;
    border-top: 1px dotted #999;
    padding-top: 5px;
    margin-left: 25px
}

#footer p {
    margin-top:3px;padding:0;
     color:#777;
  }
 

/* **************** END NEW STYLES **************** */

 
a:link, a:visited {color:#000099;}
a:hover, a:active{color:#ff6600;}
h1{font: 18px Arial, Helvetica, sans-serif; color:#001e67; padding-bottom:.5em;border-bottom:1px dotted #999;}
h2{font-weight:bold;font-size:15px;color:#76B900;margin-bottom:0;padding-bottom:0;}
h3{font-weight:bold;font-size:15px;color:#001e67;margin-bottom:0;padding-bottom:0;}
p {font:13px/17px Arial, Helvetica, sans-serif;margin-top:2px;}
 
 .h1_breadcrumb {font-size:18px;font-weight:normal;margin-bottom:0;}
 .h1_breadcrumb a:hover {color:#76B900;}
 
#help_section div p:last-child {padding-bottom:13px;border-bottom:1px dotted #001e67;}

/*********** HOME PAGE STYLES **********/

#home_section {margin:20px 0 20px 0;width:620px;}
#home_section h3 {line-height:140%;color:#001e67;}
#home_section p {font:13px Arial, Helvetica, sans-serif;line-height:150%;color:#333;}
.hide {display:none;}
#home_section img {display:block;float:left;padding:0 30px 10px 0;}

/* END */

/********* TABLE STYLING FOR LIGHTLOGGER ENERGY REPORT TABLE & PROJECTS EVERGY REPORT TABLE ****/
#tabs  table, #projectsReport  table {
     border:0;
    margin:10px 0 20px 0;
    border-collapse:collapse;
     width:660px;
     }

#tabs thead th, 
#tabs tfoot th,
#projectsReport thead th, 
#projectsReport tfoot th{
    background:#76B900 url('./../images/tableTopGradient.gif') top left repeat-x;
    text-align:center;
    font:bold 12px/23px  Arial,Helvetica,sans-serif;
    color:#001e67;    
    border:0;
    }

#tabs tfoot th, 
#projectsReport tfoot th {background:url('./../images/tableBottomGradient.gif') bottom left repeat-x;}

#tabs td, 
#projectsReport td  {
    text-align:center;
    padding:.3em .8em;
    font: 12px/23px   Arial,Helvetica,sans-serif;
    background-color:#fafafa; color:#001e67;
    white-space:nowrap;
    border-bottom:1px solid #001e67;
    border-top:1px solid #001e67;
     }

#tabs .rowHeader, 
#projectsReport .rowHeader {text-align:left; width:150px !important;}

#tabs tr.vacantON td, 
#projectsReport tr.vacantON td {background-color:#ff9900;    }

#tabs tr.occupiedON td, 
#projectsReport tr.occupiedON td{background-color:#ffff66;}

#form {margin:1.5em 0;}

/**** END ***/

/***** PROJECTS and PROJECT DETAILS TABLE ***/

#projectDetails {width:650px;border:1px solid #76B900;margin-bottom:20px;}
#projectsTable {clear:both;border:1px solid #76B900; font: 12px Arial, Helvetica, sans-serif !important;}
.roomsTable{margin:20px 0 15px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
tr.gray,
tr.gray
    {
    background-color:#ddd;
    }

/********** jQuery info box ****************/

.box, 
#editRoomName.box,
#projectForm.box,
#uploadForm.box {
     padding:15px; 
    border:0px solid #6174a1;
    background-color:#dddddd;
    margin:10px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width:620px;
     }
 
 div.box p {display:block;margin:auto;}

a img {
    border: none;
}



.box #closeButton {
    float: right;
    cursor: pointer;
    }
#userMessage p {
    color: #990000;
    font-weight: bold;
}

/********** LEFT COLUMN ************/

#notes {margin:0;padding:0;}
#left #notes h3 {font-size:12px;margin-bottom:2px; color:#001e67;}
#left #notes p {font:12px Arial, Helvetica, sans-serif;margin:0 0 15px 0;padding-top:0;line-height:140%;color:#333;}

span.print {text-decoration:underline;} /* TOOL TIP */

#copyright {font-size:12px;}
#copyright {background:none;}

/******** BLUFF CHART CSS ***********/

div.bluff-box {margin:10px 15%;}
canvas {border:1px solid #76B900;}

.bluff-tooltip {
  background: #b4d981;
  border: 1px solid #001e67;
  padding: 8px 8px 6px; 
  }
  
.bluff-tooltip .color {
    display: block;
    float:left;
    height: 15px;
    width: 15px;
    margin: 0 5px 4px 0;
    overflow: hidden; border:1px solid #001e67;
    }

.bluff-tooltip .data {
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    }

p.caption {margin:8px auto;text-align:center;} /* for graph caption */

p.today {position:absolute;top:79px;right:15px;} /* todays date */

.space {margin-bottom:10px;}         /* adds space between session panels when "All" tab is clicked. */

.page_break {page-break-after:always;}

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

.page-break { 
    margin-bottom: 96px;
}
.page-break1 { 
    border-top: 1px dashed lightgrey;
	width: 100%;
    margin: 96px auto;
}
    
/********* clueTip jquery TOOL TIPS ********* */

#cross_ref_html, #calculator_html {border:2px solid #76B900;padding:5px;}
#cross_ref_html p, #calculator_html p {margin:0;padding:5px;text-align:center;line-height:140%;}


span.about_data_tip {margin-left:320px;} /* tooltip about data table */

span.about_data_tip, 
span.savings_tip, 
span.graph_tip, 
span.days_tip, 
span.vacant_on_tip {text-decoration:underline;cursor:help;}

#about_data_tip, #savings_tip, #vacant_on_tip, #days_tip, #graph_tip {border:2px solid #76B900;padding:5px 9px; }


/******  REPORTS **********/

#reportTitle {font: 28px Arial, Helvetica, sans-serif; color:#001e67; padding-bottom:.5em;}
#reportProjectDetails{font-size:16px; line-height: 25px; font:Arial, Helvetica, sans-serif; color:#000; padding-bottom:.5em;}

/******CROSS REFERENCE TABLE **********/

#crossRefDiv {padding-top:10px;margin:10px 0 0 0;border-top: 0 dotted #001e67;position:relative;}
#crossRefTable {width:700px;color:#333; border-collapse:collapse;table-layout:fixed;margin-bottom:10px;}
#crossRefTable img {border:none;}
#crossRefTable td {
    color:#333; 
    background-color:#fff;
    text-align:center;
    padding:.3em .8em;
    border:1px solid #76B900;
     }

#crossRefTable th {
     padding:8px 10px 8px 0;
    text-align:right;
    color:#001e67;
    font-weight:normal;
    border:1px solid #76B900;border-left:0;
    background:#76B900; /* url('../images/cross_ref_table_bg_th.gif') top left repeat-x; */

       }
    
#crossRefTable th.top {
    font: 14px/16px Arial, Helvetica, sans-serif; 
     text-align:center; 
    vertical-align:middle;
    padding-bottom:5px;
    color:#001e67;
    background:#76B900; /* url('../images/cross_ref_table_bg_thtop.gif') top left repeat-x; */
    border:0;
     }
    
#crossRefTable  td#pic {
    width:189px !important;
      padding:15px 15px 0 15px;
     background-color:#fff;
    vertical-align:top;
    text-align:center;
    border:1px solid #76B900;  
     }

#crossRefTable td#pic ul {padding-left:30px;margin-left:20px;list-style-type:none;}

#crossRefTable th.right {background:#76B900;} /* url('../images/cross_ref_table_bg_corner.gif') top right no-repeat;} */
 
#crossRefTable th.w_first {width:100px;background:#76B900;} /* url('../images/cross_ref_table_bg_corner.gif') top left no-repeat;} */

#crossRefTable th.w_middle {width:175px;}

#crossRefTable td#pic ul {text-align:left;margin-top:15px;}
td#pic ul li {margin:10px 0;}

#crossRefDiv textarea {width:470px;padding:5px;font:12px Arial, Helvetica, sans-serif;overflow:auto;border:1px solid #76B900;}

/*********  ADMINISTRATION SECTION STYLES  *****/

.login_error {background-color:#FFFFCC;text-align:center;border:1px solid #CC0000;padding:10px 0;}

#admin_section{ }
#admin_section div#resultHTML {padding-top:15px;border-top:1px dotted #333;}
#admin_section ul.top {padding:0 0 15px 15px;}

#sensorForm {border-collapse:collapse;}
#sensorForm td, #sensorForm textarea {padding:.4em;font-family:Arial, Helvetica, sans-serif;}
#sensorForm textarea, #sensorForm input[type=text]  {width:250px;}

#sensorFiles {background-color:#76B900;margin-top:10px;}
#sensorFiles td {background-color:#fff;border:0 solid #ccc;text-align:center;vertical-align:middle;}
#sensorFiles thead.top th {text-align:center;width:120px;height:25px;background-color:#76B900;padding:.5em .8em;}
#sensorFiles thead.left th {text-align:center;width:120px;height:25px;background-color:#fff;padding:.7em .8em;}

ul.admin_left {padding:0;list-style-type:none;}
ul.admin_left li {margin:13px 0;}
ul.top li {margin:5px 0;}

p.blank {display:none;}
p.active {font:bold 14px Arial, Helvetica, sans-serif;color:#993300;margin-top:10px;border:1px dotted #930;padding:1em;background-color:#FFFFCC;}
input.active {border:1px solid #f30;}


/****** AUTO COMPLETE FORM FIELD - IN ADMIN AREA **********

These style rules are largely "as-is" from the plugin stylesheet */

.ac_results {
    padding: 0;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style: none outside none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white; /* url('indicator.gif') right center no-repeat; */
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}


/***** END AUTO COMPLETE ********/

/***** END ADMIN STYLES *********/

.clearfix:after {  /* for clearing floats */
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}