body
{
	font-family: Tahoma,Geneva,sans-serif;
}

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

a
{
	color: #29A5D4;
}

strong
{
	margin-right:4px;
}

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

#footer
{
	font-size: 77%;
	text-align: center;
	/*margin-top: 5px; */
	background: #fff;
}

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

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

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

#noTabsSpacer
{
	height:30px;
}

#content
{  
	margin: 0 40px;
}

.boxBottom
{
	line-height:0;
}


.dividerBar
{
	background: #2BACDD;
	height: 3px;
	margin:0 0 2px 0;
	overflow:hidden;
}

#buttonbar
{
    margin: 0px 30px 15px 30px;
	position: relative;
	top: 18px;
}

#panel
{
	background:#FFFFFF url(Images/panelfullmid.gif) repeat-y scroll left top;
	margin:0;
}

#panelinner, .panelinner
{
	padding: 5px 28px;
}

/* Content Title Style **********************************************************/

#contenttitle h2, .contenttitle h2
{
	margin:0;
	font-size:167%;
	font-weight:normal;
	display:inline;
}


/* Tabs *************************************************************************/

#tabs
{
	font-size:137%;
	margin-left:70px;
	position:relative;
	top:22px;
}

#tabs ul {
	margin:0;
	padding:0;
	
	list-style:none;
}
#tabs li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

/* Nav Menu Stylings *********************************************/
#menunav
{
		
	white-space: nowrap;
	/*improvements*/
	height: 61px;
	background: transparent url(Images/header_blue_tagos.gif) no-repeat scroll 0 0;
	background-position: top right;
	/* delete when stable
	background: url(Images/header_blue.jpg);
    */
}

#menunav a
{
	float: left;
	display: block;
	height:26px;
	margin-top:19px;
	background-color: Transparent;
}

#menunav img
{
	float: left;
	display: block;
	height:52px;
	background-color: Transparent;
}

#myportfolio 	
{
    /*improvement*/
    background:transparent url(Images/topnav_my_portfolio.jpg) repeat scroll 0 0;
    width: 109px;
    /* delete when improvement stable 
    background: url(Images/topnav_my_portfolio.jpg); width: 109px; 
    */
}
#myportfolio:hover
{ 
    background:transparent url(Images/topnav_my_portfolio_over.jpg) repeat scroll 0 0;
    /*
    background: url(Images/topnav_my_portfolio_over.jpg); 
    */
}

#help 	
{
    background:transparent url(Images/topnav_help.jpg) repeat scroll 0 0;
    width:63px;
    /* background: url(Images/topnav_help.jpg); width: 63px; */
    }
#help:hover 
{	background:transparent url(Images/topnav_help_over.jpg) repeat scroll 0 0;
    /*background: url(Images/topnav_help_over.jpg); */
}

#btnReturn 	
{
    background:transparent url(Images/topnav_return.gif) repeat scroll 0 0;
    width:71px;
    /* background: url(Images/topnav_help.jpg); width: 63px; */
    }
#btnReturn:hover 
{	background:transparent url(Images/topnav_return_over.gif) repeat scroll 0 0;
 	width: 71px;
    /*background: url(Images/topnav_help_over.jpg); */
}

#btnPDF 	
{
    background:transparent url(Images/topnav_export.gif) repeat scroll 0 0;
    width:118px;
    /* background: url(Images/topnav_help.jpg); width: 63px; */
    }
#btnPDF:hover 
{	background:transparent url(Images/topnav_export_over.gif) repeat scroll 0 0;
 	width: 118px;
    /*background: url(Images/topnav_help_over.jpg); */
}

#btnWord 	
{
    background:transparent url(Images/topnav_export.gif) repeat scroll 0 0;
    width:118px;
    /* background: url(Images/topnav_help.jpg); width: 63px; */
}

#btnWord:hover 
{	background:transparent url(Images/topnav_export_over.gif) repeat scroll 0 0;
 	width: 118px;
    /*background: url(Images/topnav_help_over.jpg); */
}

#logout 
{ 
    background:transparent url(Images/topnav_logout.jpg) repeat scroll 0 0;
    width:81px;
    /*background: url(Images/topnav_logout.jpg); width: 81px; */
}
#logout:hover 
{   
    
    background: url(Images/topnav_logout_over.jpg); 
}
#userlist { background: url(Images/topnav_admin.jpg); width: 74px; }
#userlist:hover { background: url(Images/topnav_admin_over.jpg); }

#currentbuilding
{
	background: url(Images/topnav_currentbuilding.gif);
	width:144px;
}

#currentbuilding:hover
{
	background: url(Images/topnav_currentbuilding_over.gif);
}

/* User name and role *************************/
#userinfo
{
	font-size: 11px;
	margin-top: -5px; 	
}

#userinfo strong
{
	margin-left:10px;
}


/* Detail/Summary pages ************************************************************/

.summary h1
{
	margin:0;
	margin-right:10px;
	color:#2595BF;
	display:inline;
}

.summary h2
{
	margin:0;
	color:#2595BF;
	width:100%;
	font-size:100%;
}

.summary #address
{
	width:260px;
}

.summary .errorDisplayBox
{
	width:240px;
	margin-top:2em;
}

.summary .summary-block
{
	float:right;
	margin:15px 0px 30px 15px;
	width:220px;
}

.summary #list-address
{
/*	margin-left:24px; */
	width:180px;
}

.summary .list-summary-block
{
	float:right;
	margin: 1em 0 2.5em 0;
	width:550px;
}

.summary .column-left
{
	float:left;
	width:40%;
}


.summary .column-right
{
    float:right;
    width:60%;
}

.summary li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:5px;
}

.summary strong
{
	margin-right:2px;
	display:block;
	float:left;
}

.summary .dividerBar
{
	height:1px;
}

.summary #summaryLowerButtonsZone .dividerBar
{
    width: 455px;
}

.summary #lowerReportButtonsZone 
{
    position:relative;
    /*Removed to correct spacing while Export sextion is gone. 
    REPLACE when export untility data is functional*/
    /*top:19px;*/
}

#multiFamilySummary
{
	float: none;
	margin:15px 0 30px 0;
}

/*
.summary select
{
    margin-left:19px;
    position:relative;
    top:-14px;
    
}
*/

#selectexport select
{
	margin-left:19px;
	top: 0px;
}


#savebutton
{
	background:url(Images/bttn_save.gif);
	width:128px;
	height:26px;
	border:none;
}

#deletebutton
{
	background:url(Images/bttn_delete.gif);
	width:128px;
	height:26px;
	border:none;
}

/* Update score box ********************************/
.updateScoreBox
{
    background-color:#ecf5f8;
	border:#2bacdd solid 1px;
	padding:.5em;
	width: 240px;
	margin-top: 2em;
}

.updatingScoreBox
{
    background-color:#f2ffe7;
	border:#7ade2c solid 1px;
	padding:.5em;
	width: 240px;
	margin-top: 2em;
}
/* Error boxes *************************************/

.errorDisplayBox
{
	background-color:#FFF1C0;
	border:#FFC600 solid 1px;
	padding:.5em;
}

.errorDisplayBox li
{
	list-style:disc;
	list-style-position:outside;
	padding:2px;
}

.errorDisplayBox .Error
{
}

.errorDisplayBox .Alert
{
}

.errorDisplayBox .errorDetails
{
	display:none;
}

.errorDisplayBox .errorDetails p
{
	margin:0px 0px 0px 10px;
	font-style:italic;
}

.errorDisplayBox strong
{
	float:none;
}

.ShowErrorDetails
{
	cursor:pointer;
	text-decoration:underline;
}

.accountYellowWarning
{
	background-color:#FFFFAA;
	border:#FFC600 solid 1px;
	padding:.25em;
	float:right;
}

.accountRedWarning
{
	background-color:#FECFA1;
	border:#CD0A0A solid 1px;
	padding:.25em;
	float:right;
}

.accountGreenWarning
{
	padding:.25em;
	float:right;
}

#addBuildingLink
{

	color:Black;
}

#addBuildingLink:Hover
{
	color:#CD0A0A;
}




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

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

.infopane p
{
    margin-left: 2em;
}

.infopane h3
{
    color: #29a5d4;
}


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

.logininner input[type="text"], 
.logininner input[type="password"]
{
    width:15em;
}

.logininner input[type="image"]
{
    margin: 1em 0;
}

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

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


/* Button bar stuff ***************************************************/

.buttongroup
{
	background:url(Images/toolbar_background.gif) top repeat-x;	
	float:left;
	margin:0;
}

.buttongroup div,
.buttongroup img
{
	display:inline;
	float:left;
}

#selectbuildingcontainer
{
	margin-top:26px;
}

#selectexportcontainer
{
	margin-top:10px;
}

#selectregressiondates
{
	margin-top:2px;
	margin-right:10px;
}

#selectregressiondates p
{
	font-size:85%;
	margin:6px 0;
}

#selectregressiondates select
{
	width:9em;
}

#selectregressiondates span
{
	display:inline-block;
	width:5em;
	text-align:right;
}

#selectregressiondates p
{
	margin-bottom:-1px;
}

#comparebuildingspointer
{
	float:left;
	margin-left:-24px;
	position:relative;
	top:60px;
	left:24px;
}

/* Table/Listing 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 th
{
	border: 0px;
	padding:3px 0px 3px 10px;
	text-align:left;
	white-space:nowrap;
}

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

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

.data-table .score-false
{
	width:5em;
 }

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;
	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-table-inner .nobackground
{
	background-color:#FFF;
	border:none;
	border-right:solid 2px;
}

tr.data-table-totals
{
	border:1px solid white;
	border-top:1px solid #C9E1A3;
	font-weight:bold;
}

td.checkbox-column
{
	width:18px;
}

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

.paginator
{
	float: left;
}


.search
{
	float: right;
}


.bar-column
{
	padding:0 2px 1px;
	overflow:hidden;
}

.bar-column-outer
{
	display:inline;
	float:left;	
}

.bar-column span
{
	color:White;
	font-size:93%;
}


/* Edit/Create forms **************************************************************/

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

.defaultform legend 
{
	color:#2595BF;
	font-size: 116%;
}

.defaultform H5
{
	color:#2595BF;
	font-size: 116%;
}

.defaultform label
{
	line-height:1.4;
	padding-right:5px;
	text-align:right;
	width:12em;
	display:block;
	float:left;
	vertical-align:top;
}

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

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

.defaultform fieldset li 
{
  clear: both;
  list-style: none;
  padding: 5px 5px 5px 0;
  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;
}

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

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

.form-head h3
{
    color:#29a5d4;
    padding-left:2em;
}

.form-head p
{
    padding-left:3em;    
}

.form-head .dividerBar
{
    background-color:#8B8a8a;
    height:1px;
}

.small-tip-side
{
   font-size:smaller;
   font-weight:normal;
   float: right;
   width:295px;
   display:block; 
}

.small-tip
{
   font-size:smaller;
   font-weight:normal;
   margin:3px 0 0 40px;
   width:350px;
   display:block;
}

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

.list-head
{
	font-weight:bold;
}

.list-head p
{
	font-weight:normal;
}
.list-head span
{
	font-weight:normal;
	margin: 0;
}

.buttonSection
{
	text-align:right;
}

.cancelSection
{
	float:left;
	padding-left:540px;
	line-height:30px;
}

.cancelSection a 
{
    
	vertical-align:bottom;
}

.formsetgreen
{
	width: 450px;
	background: #ECFAD6;
	margin-bottom: 10px;
 }

.formsetgreen label
{
	width: 120px;
}

.formsetgreen ul
{
	margin: 0px;
}

.formsetgreen select
{
	width: 150px;
}



/* Help and Getting Started ***********************************************************/

#gettingstarted ol, #gettingstarted ul
{
	margin-top:3px;
}

#gettingstarted ol > li
{
	list-style-type:none;
}

#gettingstarted ul > li
{
	color:#888;
}

#gettingstarted li > ol > li
{
	list-style-type:decimal;
}

#gettingstarted span
{
	color:#000;
}

#gettingstarted h2
{
	color:#29a5d4;
	margin:0;
}

/* Meters Pages ***********************************************************/

#readings-scrollbox
{
	width:85%;
	height:24em;
	overflow-y:auto;
	overflow-x:visible;
}

#readings h1
{
	color:#82ED2F;
	font-weight:normal;
	margin-bottom:0.2em;
}

#meterdetail .column-left
{
	width:50%;
}

#meterdetail .dividerBar
{
	width:60%;
}

#meterdetail .buttonSection
{
	margin-top:3em;
}

#meterform.defaultform label
{
	width:14em;
}

#meterform.defaultform input[type="text"]
{
	width:20em;
}

#spacesservedbox select,
#spacesservedbox p
{
	width:200px;
	margin:0px;
}

#spacesservedbox select
{
	height:8em;
}

#spacesservedbox p
{
	font-weight:normal;
	font-size:smaller;
}

#spacesservedbox div
{
	margin:5px;
	text-align:center;
}

.meter-readings
{
	margin-bottom:3em;
}

#regressionErrors
{
	margin:20px auto;
	float:left;
}

#regressionErrors > div
{
	width:700px;
}

.FlashResponse
{
	margin:.5em 0 .5em;
}

.FlashResponse p
{
	margin: 0px;
	font-weight:bold;
}

.error p
{
	color:#FF7300;
	font-weight:bold;
}

.FlashResponse span
{
	color:#000000;
	margin:.5em .5em; 
	font-weight:normal;
}

#ImportUtilityReadings
{
	display:none;
}

/* Spaces Pages *******************************************************************************************/

#spacedetail #columnspacer
{
	width:20%;
	height:200px;
}

#spacedetail .dividerBar
{
	width:80%;
}

#spacedetail .buttonSection
{
	margin-top:3em;
}

#smallerList
{
	font-size:85%;
}

.labelIndented
{
	margin:15px 0 0 15px;
}

/* Buildings Pages ****************************************************************************************/

/* Users Pages ***********************************************************************/

#createuser.defaultform label
{
	width:10em;
}

#createuser.defaultform label.error
{
	width:23em;
}

/**
* dynamic grid styling
**/

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

.x-toolbar 
{
	height: 25px;
}

.grid-checkbox-editor .x-form-check-wrap 
{
    text-align: center;
}

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

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

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


#excel-panel
{
	width: 515px;
	height: 300px;
	border: 1px solid #99BBE8;
}

#excel-panel h3
{
	margin-left: 8px;
}

#excel-inner .separator
{
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #339900;
	margin:0px 0px 8px 0px;
	padding:0px;
	height:10px;
}

#excel-inner
{
	padding: 15px;
	padding-top: 5px;
}

#excel-inner input
{
	height: 24px;
}

#fileToUpload
{
	margin: 10px 0 0 0;
}

#downloadTemplate
{
	float: left;
	display: block;
	width: 160px;
	height: 26px;
	background: #fff url(Images/bttn_download_template.gif) top left repeat-y;
	margin: -4px 0px 0px -13px;
}

#buttonCancel
{
    margin-top: 13px;
	display: block;
	width: 45px;
	height: 24px;
	float: left;
}

#buttonOverwrite
{
    margin-top: 10px;
    margin-left: 8px;
	display: block;	
	width: 128px;
	height: 26px;
	background: #fff url(Images/bttn_overwrite.gif) top left repeat-y;	
	float: left;	
	display: none;
}

#buttonImport
{
    margin-top: 10px;
    margin-left: 8px;
	display: block;	
	width: 128px;
	height: 26px;
	background: #fff url(Images/bttn_import.gif) top left repeat-y;	
	float: left;		
	display: none;	
}

#buttonAppend
{
    margin-top: 10px;
    margin-left: 8px;
	display: block;	
	width: 128px;
	height: 26px;
	background: #fff url(Images/bttn_append.gif) top left repeat-y;	
	float: left;
	display: none;			
}


/*
** 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-block;
}

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


.logininner
{
    width: 300px;
    margin-top: 1.5em;
}

.logininner label
{
    width: 6em;
}

h2#loginheader
{
    margin-top: 3em;
}

#registerContent input[type="text"],
#registerContent input[type="password"],
#registerContent textarea
{
    width: 16.25em;
}

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

#TermsAndConditions ol li
{
    list-style-type:upper-roman;
}

#TermsAndConditions h1
{
	font-size: 167%;
	font-weight: normal;
	margin: 0;
}

#termsAndConditionsBox
{
    border: solid 1px black;
    overflow: auto;
    height: 10em;
}

#termsAndConditionsBox ol
{
    margin-left: 3em;
    font-weight:normal;
}

#privacy h1
{
	font-size: 167%;
	font-weight: normal;
	margin: 0;	
}

#privacy h2
{
	font-size: 116%;
}

#privacy p
{
	margin-left: 1em;
}

#avgPMScore 
{
    font-size: 86%;
    margin-top: 5px;
}

#avgPMScore span
{
    font-weight: bold;
    margin-right: 1em;
}