@import url('/Template/Style/menu.css');

body 
{
	background: #fff;
	margin: 0px;
	padding: 0px;	
	font-family: Tahoma,Geneva,sans-serif;
}

dt
{
    font-weight: bold;
}
dd
{
    margin-bottom: 0.5em;
}

#doc
{
	background: #fff url(resImages/backermid.gif) top left repeat-y;
	width: 930px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;	
}

#errorpage #doc
{
	background: #fff
}

#doc-inner
{
	margin: 0 20px;	
}

#main
{
	margin: 15px 0 15px 0;	
}

#header
{
}

#footer
{
	font-size: 77%;
	text-align: center;
	background: #fff;
}

.subtle-link 
{
   text-decoration: none;  
   color: black;
}

a
{
	color: #49A900;
}


.midpane 
{
    margin: 0 33px;
}


.info-head
{
	font:bold 93% Tahoma, Arial, Sans-serif;
	vertical-align:top;
	text-align:right;
	padding-right: .3em;
}

table.info td 
{
	line-height: 146.5%;
}

.list-head
{
	font:bold 93%/146.5% Tahoma, Arial, Sans-serif;
}

.boxBottom
{
	line-height:0;
}

/* Default element styles  *********************************************/

h2, h3
{
	margin: .5em 0;
	color: #49A900;
	font-size: 145%;
	font-weight:normal;
}


/* Menu Stylings *********************************************/

#menunav
{
/*	width: 890px; */
    /* background image is set in Template/Style/menu.css */
	white-space: nowrap;
    /* height should be controlled by Template/Style/menu.css */
	margin: 10px 0px 0 0;
	width:100%;
}

#menunav>div
{
	width:100%;
}

#menunav a, #menunav img
{
	float: left;
	display: block;
	height: 45px;
	background-color: Transparent;
   /* margin-top should be controlled by Template/Style/menu.css */
}

#buildinglist {	background: url(resImages/buildinglist_off.gif) no-repeat; width: 122px; }
#buildinglist:hover { background: url(resImages/buildinglist_over.gif) no-repeat; }

#help {	background: url(resImages/help_off.gif) no-repeat; width: 63px;}
#help:hover {	background: url(resImages/help_over.gif) no-repeat; }

#logout { background: url(resImages/logout_off.gif) no-repeat; width: 81px;}
#logout:hover { background: url(resImages/logout_over.gif) no-repeat; }

#userlist { background: url(resImages/admin_off.gif) no-repeat; width: 81px; }
#userlist:hover { background: url(resImages/admin_over.gif) no-repeat; }

#managerlist { background: url(resImages/admin_off.gif) no-repeat; width: 81px; }
#managerlist:hover { background: url(resImages/admin_over.gif) no-repeat; }

#currentbldg {	background: url(resImages/currentbldg_off.gif); width: 142px; }
#currentbldg:hover {	background: url(resImages/currentbldg_over.gif); }

#userinfo
{
	margin-left:30px;
	margin-top: -5px;
	float:left;
	font-size: 85%;
}
/* Curved panel Stylings *********************************************/


#content
{
	background: #fff url(resImages/panelfullmid.gif) top left repeat-y;
	margin: 15px 0px 0px 0px;
}

#content H1
{
	font-weight:normal;
	font-size: 167%;
	display:inline;
	position: relative;
	top: -31px;
	margin: 0px 0px 0px 27px;
	padding: 10px;
	background: #fff;
}

#panelcontent
{
	margin: 0 33px;
}

#panelinner	
{
/*	margin: 0px 0px 30px 50px;  */
	padding: 0 27px 10px 27px;
}

#content-block-edit
{
	
}


.infopane
{	
    width: 300px;        	
    margin: 5px 30px 0px 0px;
    float: right;
}

.infopane p
{
    
}

/* Logon styling ************************************************************/

.logininner
{
	width: 300px;
}

#loginContent #panelinner .sublinks a
{
    display: block;
    margin: 20px 0px 0px 83px;
}

.logininner fieldset label.inline
{
	display:inline;
	float:none;
}

.logininner #rememberMe
{
	margin-left:115px;
}

/* Help ************************************************************/

.help h2
{
	font-size:108%;
	margin:25px 0 5px;
}

/* Building View ************************************************************/

#building_view tr, td, th
{
	border:0px;
	padding:2px;
	
}

#building_view #buildingAddress
{
    width:235px;
}

#building_view .leftColumn
{
	float:left;
}

.leftColumn-Button
{
	margin: 0 0 1.8em 1.8em;
}

.leftColumn-Inner
{
	margin:0.5em 0 0.5em 0;
	width:330px;
}

#building_view .rightColumn
{
	float:right;
	width: 395px;
}

#building_view .rightColumn h2
{
	margin: 0 0 .5em;
}

#building_view .rightColumn #NoPeerData
{
	margin: .35em;
	padding-left: 7em;
}

#building_view .divider
{
	margin-right:0px;
}

#building_view .info-head
{
	width:120px;
}

#building_view .actionSection
{
	background: url(resImages/report_box.gif) no-repeat;
	height: 90px;
	width: 388px;
	margin: .5em 0 1.5em 0;
}

#building_view .actionSection table
{
	margin-left: .75em;
}


#building_view .actionSection td
{
	padding-top: 0.5em;
	font-weight:bold;
	font-size:90%;
	padding-left: 4px;
	padding-right: 6px;
	vertical-align: middle;
}

#building_view .actionSection td .minorText
{
    font-weight: normal;
}

#building_view .actionSection td .description
{
	width: 155px;
}

#building_view .actionSection a
{
/*	padding: 5px 0 0 10px; This was interfering with non-A images that should fill exact same space*/
}

#meter_prop tr, td, th
{
	border:0px;
/*	padding:2px; */
}

#meter_prop .info-head
{
	width:120px;
}

#score_launchpad .errorDisplayBox
{
/*	height:100px; */
	background: #fff url(resImages/panelflashmid.gif) top left repeat-y;
}

#errorDisplayInterior
{
	margin: 0 20px 0 20px;
}

#ramControl
{
	width:100%;
}

#scorecardButton
{
}

#inner-Edit-Top
{
	margin-bottom:20px;
}

#inner-Edit-Middle
{
	margin-bottom:20px;
}

#jobStatus 
{
	width:60px;
}

/* form styling *************************************************************/

.defaultform fieldset {
  margin-bottom: 10px;
}

.defaultform legend {
  padding: 0 2px;
  font-weight: bold;
}

.defaultform label 
{
  display: block;
  float: left;	
  vertical-align: top;
  text-align: right;
  padding-right: 5px;
  line-height: 1.4;
  width: 110px; /* Width of labels */
}

.defaultform fieldset ol {
  margin: 0;
  padding: 0;
}

.defaultform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

.defaultform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

.defaultform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

.defaultform fieldset fieldset label {
  display: block;
  width: auto;
  margin-left: 103px; /* Width plus 3 (html space) */
}

.defaultform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

.longTextForm label 
{
  display: block;
  float: left;	
  vertical-align: top;
  text-align: right;
  padding-right: 5px;
  line-height: 1.4;
  width: 160px; /* Width of labels */
}

.longTextForm fieldset ol {
  margin: 0;
  padding: 0;
}

.longTextForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

input[type="text"], input[type="password"]
{
	vertical-align: baseline;	
}

.buttonSection
{
	text-align: right;
}

.buttonSection #retrievePassword
{
	text-align: left;
}


.buttonSection a
{
	padding: 10px 30px 6px 0;
}

.cancelSection
{
	float:left;
	padding:30px 10px 6px 375px;
}

#JT_copy
{
	font-size: 85%;
}

label.error
{
    color: #FF7300;
	float:none;
	width:20em;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #FF7300;
}

.radioHeader
{
	padding-bottom: 10px;
}

.saveAddBttn
{
	background: #fff url(resImages/bttnsaveaddmeter.gif) top left repeat-y;
	border: 0px;
	width: 306px;
	height: 54px;
}

.saveContBttn
{
	background: #fff url(resImages/bttnsavecontinue.gif) top left repeat-y;
	border: 0px;
	width: 306px;
	height: 54px;
	
}

.FlashResponse
{
    color: #FF7300;
	float: none;	
	margin-left: 2em;
}

td.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}


/* Grid Styling ****************************************************************************/

.data-content-block
{
}

.data-table-inner
{
	border: 0px;
	border-bottom: 1px solid #C9E1A3;
	width: 100%;
}

.data-table-inner tr
{
	border-left: 1px solid #C9E1A3;
	border-right: 1px solid #C9E1A3;
}

.data-table-inner tr td
{
	border: 0px;
	padding:3px 0px 3px 10px;
}

.data-table-inner tr td a img
{
	vertical-align:text-bottom;
}

tr.data-column-head
{
	border: 0px;
	border-bottom: 1px solid #C9E1A3;
	color: #000;
	font-weight:bold;
	text-decoration: none; 
}

tr.data-column-head a
{
	color: #000;
	text-decoration:none;
/*	font-weight:bold;
	text-decoration: none; */
}

tr.data-column-head a:hover
{
	color: #49A900;
}

.data-table-inner .odd
{
	background-color: #F2FEE6;
}

.data-table-inner .even
{
	background-color: #ECFAD6;
}


#data-footer
{
	width: 100%;
	margin: auto;
	margin-top: 10px;
	border: 0px;
}

.paginator
{
	float: left;
}


.search
{
	float: right;
}




/**
* dynamic grid styling
**/

/*
#grid-panel table
{
	margin: 0px;
}
*/

.x-grid3-body table
{
	margin: 0px;
}

.x-grid3-cell-selected 
{
	background-color:#B4F582 !important;
	color:black;
}

.x-grid3-header
{
	padding: 0px;
}

.x-grid3-header-inner
{
	height: 23px;
}



.x-form-focus, textarea.x-form-focus
{
	border:1px solid #54A813;
}

.x-trigger-wrap-focus .x-form-trigger 
{
	border-color: #54A813;
}

.x-toolbar 
{
	height: 20px;
}

.x-panel 
{
	border: 1px solid #54A813;
}

.x-panel-tbar .x-toolbar
{
	border-width: 0px;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar
{
	border-top: 0px;
}

.x-btn
{
/*	border-right: 1px solid #B4F582;	*/
	margin: 0px 5px;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body
{
	border-width: 0px;	
}

.x-grid3-hd-row td 
{
	border-left:0px solid #B4F582;
	border-right:0px solid #D0D0D0;
	line-height:15px;
	vertical-align:middle;
}


.x-grid3-hd-inner
{
	border-left:1px solid #B4F582;
	border-right:1px solid #D0D0D0;
}


#grid-panel
{
	/*margin-left:2em;	 */
}

#grid-panel tr, td, th
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.x-date-menu ul
{
	margin: 0px;
}

/**
* Meter Page Styling
**/


/*
 * Ext JS Library 1.1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

#grid-example .x-grid-col-1 {
	text-align: right;
}
#grid-example .x-grid-col-2{
	text-align: right;
}
#grid-example .x-grid-col-3 {
	text-align: left;
}
#grid-example .x-grid-col-4 {
	text-align: left;
}
#grid-example.x-grid-mso{
	border: 1px solid #6593cf;
}
#grid-example.x-grid-vista{
	border: 1px solid #b3bcc0;
}
#xml-grid-example{
	border: 1px solid #cbc7b8;
	left: 0;
	position: relative;
	top: 0;
}
#xml-grid-example.x-grid-mso{
	border: 1px solid #6593cf;
}
#xml-grid-example.x-grid-vista{
	border: 1px solid #b3bcc0;
}
#editor-grid .x-grid-col-2{
    text-align:right;
}
.x-grid-col-topic b {
    font-family:tahoma, verdana;
    color:#333;
    display:block;
    padding-left:18px;
    line-height:18px;
    vertical-align:middle;
    background:transparent url(topic.gif) no-repeat left 1px;
}
.x-grid-col-topic b i {
    font-weight:normal;
    font-style: normal;
    color:#000;
}
.details .x-btn-text {
    background-image: url(details.gif);
}
.x-resizable-pinned .x-resizable-handle-south{
    background:url(Scripts/ext-2.2.1/resources/images/default/sizer/s-handle-dark.gif);
    background-position: top;
}















/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
 display:inline;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */



/* steps styling *****************************************************************/

#steps
{
	background: url(resImages/stepsback.gif) center no-repeat;
}

/* FAQ styleing *****************************************************************/

#faq h2
{
    margin: 1.5em 0 0.5em 0;
}

#faq p
{
    margin: 0 1em 1em 1em;
}

#faq dl
{
    margin: 0 1em 1em 1em;
}