* {
   margin: 0;
   padding: 0;
}
body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #646351;
   background: transparent url('../../images/web_background.gif');
   text-align: left;
}
h2 {
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 1px;
}
h3 {
   font-weight: bold;
   font-size: 13px;
   letter-spacing: 1px;
}
strong {
   font-weight: bold;
   letter-spacing: 1px;
}
A:link {
   text-decoration: underline;
}
A:active {
   text-decoration: underline;
}
A:visited {
   text-decoration: underline;
}
A:hover {
   color: #decf8d;
   text-decoration: none;
}
form {
   padding: 0;
   margin: 0;
}
img {
   border: 0;
   margin: 0;
   padding: 0;
}
a img {
   border: none;
}

input[type=checkbox], input[type=radio] {
   vertical-align: middle;
   position: relative;
   margin: 3px 4px;
}

.ie7 input[type=checkbox], ie7 input[type=radio] {
   margin: 0;
}

/*
.siteCheckBox input {
	vertical-align:middle;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:4px;
	margin-right:4px;
}
.siteCheckBox label {
	vertical-align:middle;
	margin-top:3px;
	margin-bottom:3px;
}
.ie7 .siteCheckBox input {
	vertical-align:middle; margin:0px; line-height:normal;
}
.ie7 .siteCheckBox label {
	vertical-align:middle;
}
*/
.noWrap {
   white-space: nowrap;
}
.alignRight {
   text-align: right;
   padding: 0 2px 0 0;
}

.fieldHelp {
}

/*********************************************/
/* The following three styles are turned back on in JavaScript */
/*********************************************/
#container_wrapper {
   visibility: hidden;
}
/*********************************************/

/******************/
/* Buttons */
/*****************/
.invizoButton {
   display: block;
   width: 1px;
   height: 1px;
   background-color: Transparent;
   -moz-opacity: .0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
   opacity: .0;
   border: none;
   cursor: default;
}
/*
.pageStatus {}
*/
/*------------------- Page elements -----------------*/
#pageHeader, .pageHeader {
   margin: 20px 10px 12px 10px;
   font-size: 15px;
   height: 20px;
   padding-left: 24px;
   background: #ffffff url('../images/GreenCircleArrowRight.png') no-repeat top left;
   text-align: left;
}
#pageHeader2, .pageHeader2 {
   margin: 20px 10px 12px 10px;
   font-size: 15px;
   height: 20px;
   padding-left: 24px;
   text-align: right;
}


#pageHelp {
   float: right;
   padding-right: 24px;
}

/*----------------------Layout Styles-----------------------------*/

#container_wrapper {
   background-color: #ffffff;
   text-align: left;
   margin: 0px auto auto auto;
   z-index: 1;
   width: 1000px; /* this is here to turn off striching */
}

#header_wrapper {
   background: #ffffff url(../../images/top_bg_fad.jpg) center top no-repeat;
   height: 90px;
   border-bottom: 3px solid #777465;
}
#top_right {
   background-color: #dddbcf;
   text-align: right;
   height: 35px;
}

#logo {
   float: left;
   background-color: White;
   width: 252px;
}

#customerContent {
   text-align: center;
   width: 250px;
   height: 76px;
   overflow: hidden;
}
#customerContent img {
   margin: auto 0;
}
.updateProgress {
   margin: 20px 0 0 30px;
   white-space: nowrap;
   padding: 0 30px 2px 0;
   font-size: 11px;
   color: #427d63;
}
.updateProgress img {
   vertical-align: middle;
}
/*---------------------
   login
----------------------*/
#mastHeadBOP {
   float: left;
   padding: 10px 0 0 12px;
}
#headerLoginContent {
   vertical-align: top;
   border-top: solid 5px #3f7d61;
   padding: 1px 16px 0px 26px;
   color: #646351;
   float: right;
}

.loginLink {
   font-size: 12px;
   text-decoration: none;
   padding: 0 3px 0 3px;
   color: #646351;
}
a.loginLink:link {
   text-decoration: none;
}

a.loginLink:visited {
   text-decoration: none;
}

a.loginLink:active {
   text-decoration: none;
   color: #000000;
}

a.loginLink:hover {
   text-decoration: none;
   color: Green;
}

/*------------------*/
.clear_both {
   clear: both;
}

.clear_left {
   clear: left;
}

.clear_right {
   clear: right;
}

.seperator {
   background: url(../../images/seperator_bg.jpg) #16ac7f repeat-x top center;
   height: 10px;
}

/*--------------------------
   Seperator location
---------------------------*/
.seperator_dark {
   height: 2px;
   background-color: #2a886d;
   width: auto;
}
#location {
   height: auto;
   padding: 0px 0;
   font-family: Arial;
}

#location div {
   width: 200px;
   margin: 0 0;
   text-align: center;
   color: #ffffff;
   font-size: 10px;
}

#location div p {
   padding: 4px 0;
   padding-left: 0px;
}

#location div p a {
   color: #ffffff;
}

#location div a:hover {
   text-decoration: underline;
}
/*-------------------------------
   start Select Selector message
---------------------------------*/
.selectSelectorMsg, .selectSelectorMsgBuilding, .selectSelectorMsgNoInvoices, .selectSelectorMsgTenantUser {
   font-size: 15px;
   margin-top: 6px;
   padding-top: 6px;
   height: 36px;
   padding-left: 10px;
}
.selectSelectorMsg {
   background-image: url('../images/Selector/SelectArrow.png');
   background-repeat: no-repeat;
   background-position: 280px 0;
   margin-left: 335px;
}
.selectSelectorMsgBuilding {
   background: #ffffff url('../images/Selector/SelectArrow.png') no-repeat 290px 0;
   clear: both;
}
.selectSelectorMsgTenantUser {
   float: right;
   padding-right: 50px;
   background: #ffffff url('../images/Selector/SelectArrow.png') no-repeat top right;
   margin-right: 180px;
}
/*-------------------------
   end Select Selector
--------------------------*/
/*--------------------------
   start Empty data message
----------------------------*/
.emptyDataMessage {
   border-width: 0px;
   border-style: none;
   border-color: White;
   font-size: 15px;
   margin-left: 40px;
}
.emptyDataMessage td {
   border-width: 0px;
   border-style: none;
   border-color: White;
}
.emptyDataMessage div {
}

/*----------------------------*/
#buildingContent {
   clear: both;
   float: left;
   text-align: left;
}

#middle_wrapper {
   background-color: White;
   text-align: left;
   background: white url('../../images/backgroundBottomLeftNav.jpg') repeat-y left 50%;
}
#mainContent {
   padding: 0px 6px 10px 6px;
   width: auto;
}

/*-------------------
   right info
--------------------*/
#right_info {
   background-color: White;
   float: left;
   width: 800px /* this is temperary to turn off strich */;
}
/*
#right_info h3, #right_info p {
   margin-left: 10px;
   margin-right: 10px;
}
*/

/*-------------------
   left info
--------------------*/
#left_info {
   float: left;
   width: 200px;
   border-top: solid 2px white;
   background-color: White;
   height: auto;
}

#leftNav_wrapper {
   clear: both;
   margin: 0px 0 0 0;
   float: left;
   text-align: left;
   min-height: 416px;
   background: url('../../images/backgroundLeftNav.jpg');
   width: 200px;
}
.leftBuildling {
   width: 200px;
   height: 54px;
}
#leftNav_wrapper img {
   margin: 0;
   padding: 0;
}
#leftRole {
   height: 50px;
   padding: 4px 0 0 5px;
   background-color: #8aa4a5;
   border-top: solid 3px #7f7f7f;
   border-bottom: solid 2px white;
   color: White;
   font-size: 11px;
   line-height: 15px;
}
/*
#leftRole span {
   margin-top: 2px;
   display: block;
}
*/
#leftRole span p {
   margin: 2px 0 0 0;
}

.ie8CompatMode #leftRole {
   margin: -2px 0 0 0;
}

#leftRole p.lastVisit {
}

/*-------------------
   Right side stuff
-----------------------*/
#geneaLogo {
   float: right;
   padding: 9px 6px 0px 0px;
}
#alarmAlert {
   padding: 10px 0 10px 20px;
   color: White;
   border-bottom: solid 2px white;
   background: #c80000 url('../images/iconBell.png') no-repeat 4px 8px;
}
#alertMsg {
   margin-left: 5px;
}
#alarmAlert img {
   vertical-align: middle;
   margin: 3px 0 8px 0;
}
#alarmAlert A:link, #alarmAlert A:active, #alarmAlert A:visited {
   color: White;
   text-decoration: none;
}
#alarmAlert A:hover {
   text-decoration: none;
}

#alarmAlert a {
   text-decoration: none;
}

#maintenanceAlert {
   text-align: center;
   padding: 6px 0 6px 0px;
   color: black;
   border-bottom: solid 2px white;
   background-color: #f0e68c;
}
#maintenanceMsg {
}
#maintenanceAlert A:link, #alarmAlert A:active, #alarmAlert A:visited {
   color: White;
   text-decoration: none;
}
#maintenanceAlert A:hover {
   text-decoration: none;
}

#maintenanceAlert a {
   text-decoration: none;
}


#middlePageContent {
}
#contentMain {
   clear: both;
   padding: 0 10px 0 20px;
}
/*---------------- Footer. Content ------------------*/
#footerContent {
   clear: both;
   padding: 3px 0 6px 0;
   text-align: center;
   height: 80px;
   width: 100%;
   white-space: nowrap;
}

#footerCenter {
   color: #808080;
   white-space: nowrap;
}

#footerCenter a:link, #footerCenter a:active, #footerCenter a:visited {
   text-decoration: none;
   color: #808080;
}
#footerCenter a:hover {
   color: #ff0000;
   text-decoration: none;
}

#footerCenter a a:link {
   text-decoration: none;
}
#bottomNavigation {
   font-size: 12px;
   padding-top: 6px;
}
#footer_wrapper {
   width: auto;
   background-color: White;
   padding: 12px 20px 10px 10px;
   min-height: 25px;
}

#buildingOptimizationWrapper {
   float: left;
   font-size: 11px;
}
buildingOptimizationWrapper p {
}
#copyright {
   float: right;
}
#copyright p {
   font-size: 11px;
}
#copyright a {
   color: #646351;
   text-decoration: none;
}
#copyright a:hover {
   color: Green;
   text-decoration: none;
}

#copyright {
   font-size: 11px;
   color: #646351;
}

#footerLogo {
   float: left;
}

/*-------- Admin messages ------------------*/
#contactAdmin {
   margin: 30px 0 0 50px;
   color: Red;
}
#contactAdmin a {
   color: red;
}
#contactAdmin a:hover {
   color: green;
}
#pageSubHead {
   margin-left: 35px;
   padding: 0 0 18px 0;
   font-size: 13px;
}

#pageSubHead .pageSubHeadLabel {
   font-weight: 600;
}

/*--------Error Handling---------------------*/
#pageError, .pageError {
   color: Red;
   margin: 10px 0;
   padding: 6px 24px;
   border-top: solid 1px red;
   border-bottom: solid 1px red;
   width: 600px;
}

#AlertDiv {
   left: 40%;
   top: 40%;
   position: absolute;
   width: 200px;
   padding: 12px;
   border: #000000 1px solid;
   background-color: white;
   text-align: left;
   visibility: hidden;
   z-index: 99;
}

#AlertButtons {
   position: absolute;
   right: 5%;
   bottom: 5%;
}
/*-------------------------------
   start Customize Customer
--------------------------------*/
#customizePreview {
   position: inherit;
   margin: 12px 14px 20px 14px;
   border: solid 1px black;
   height: 76px;
   padding: 8px;
   width: 380px;
}

#customizePreview #imageInfo {
   float: left;
   font-size: 10px;
   margin-left: 16px;
   padding-top: 10px;
   font-weight: normal;
}

#customizePreview #imageInfo p {
   margin: 4px 0;
}

#customizePreview #imageInfo span {
   font-weight: 600;
   display: block;
}
#customizeUpload {
   margin-bottom: 70px;
   margin-left: 14px;
   padding: 16px 0 0px 0;
}
#customizeUpload p {
   font-weight: 600;
   margin: 0;
}
#customizeUpload .button {
}
#imageAlign {
   margin: 2px 0 0 22px;
}
/*--------------------------
   End Custimize customer
---------------------------*/
/*-------------------------------
   start customer assistance
   & phone request info
--------------------------------*/
.phoneRequestInfo {
   /*border: solid 1px black; */
   margin: 0px 4px;
   text-align: center;
}
.phoneRequestInfo h1 {
   font-size: 13px;
   color: #26503c;
}
.phoneRequestInfo p {
   margin: 8px 0 0px 0;
   font-size: 11px;
}
.phoneRequestInfo p span {
   color: Black;
}
.phoneRequestInfo .phoneRequestButton {
   width: 176px;
   font-size: 12px;
}
.customerAssistance {
   font-size: 13px;
   font-weight: 600;
   padding: 0px 4px 0 4px;
   text-align: center;
   color: #26503c;
}
.customerAssistance span {
   color: black;
   font-weight: 400;
   font-size: 11px;
   margin: 5px 0;
   display: block;
}

.customerAssistance2 {
   font-size: 13px;
   font-weight: 600;
   padding: 0px 4px 0 4px;
   text-align: center;
   color: #26503c;
}
.customerAssistance2 span {
   color: black;
   font-weight: 400;
   font-size: 11px;
   margin: 5px 0;
   display: block;
}
/*-------------------------------
   End customer assistance
   & phone request info
--------------------------------*/
.Validator {
   border: solid 1px red;
   background-color: Yellow;
   color: Red;
}


/* Help classes - SUJEETH - STARTS Here*/
#BOP_tooltip {
   background-color: #EEE;
   border: 1px solid #000;
   position: absolute;
   display: none;
   z-index: 20000;
   padding: 2px;
   font-size: 1.0em;
   -moz-border-radius: 6px; /* Rounded edges in Firefox */
   font-family: "Trebuchet MS" , "Lucida Sans Unicode" , Arial, sans-serif;
}

#BOP_tooltipShadow {
   position: absolute;
   background-color: #555;
   display: none;
   z-index: 10000;
   opacity: 0.7;
   filter: alpha(opacity=70);
   -khtml-opacity: 0.7;
   -moz-opacity: 0.7;
   -moz-border-radius: 6px; /* Rounded edges in Firefox */
}
/* Help classes - SUJEETH - ENDS Here*/
.divHidden {
   display: none;
   position: absolute;
   z-index: 1200; /* 	width: 250px; 	left: 300px; 	top: 250px; 	*/
   background-color: White;
}
.divVisible {
   display: block;
   position: absolute; /* 	left: 400px; 	top: 250px; 	width: 250px; 	*/
   background-color: White;
}

/*---------------------*/
/* Landing page stuff */
/*---------------------*/
/*-------- Home Pages ------------------*/
.taskHead {
   font-size: 14px;
   margin: 22px 0 6px 6px;
   color: Black;
}
.taskWrapper {
   margin: 6px 42px 6px 6px;
   background-color: #d2dbd7;
   width: 94%;
}
.taskWrapper table {
   margin: 10px;
   width: 92%;
}
.taskWrapper table th {
   text-align: center;
}
.taskWrapper table td {
   padding: 0px 3px;
   line-height: 12px;
   height: 12px;
}
.taskWrapper table td input.fixbutton {
   font-size: 10px;
   height: 18px;
}
.taskWrapper table tr.alarm {
   color: Red; /*background-color: #ff8c80; */
}
.pHeader {
   width: 92%;
   padding: 10px 0px 4px 6px;
   font-size: 11px;
   font-weight: 600;
}
.homeSubHead {
   vertical-align: bottom;
   font-size: 13px;
   font-weight: 600;
   padding: 20px 0 3px 7px;
}
.firstP {
   width: 92%;
   padding: 8px 0px 0px 6px;
   font-size: 14px;
   font-family: Verdana,sans-serif;
}
.homeBodyContent {
   margin-top: 10px;
   padding: 0px 0px 0px 6px;
   font-size: 11px;
   width: 98%;
}
.homeLeaf, .homeLeafText {
   margin-top: 30px;
   margin-bottom: 8px;
}
.homeLeaf {
   float: left;
   margin-left: 22px;
}
.homeLeafText {
   padding: 3px 0 0 6px;
   font-size: 14px;
   color: Black;
   float: left;
}

.tableCell {
   padding: 0px 0px 0px 6px;
   font-size: 9.0pt;
   font-family: Verdana,sans-serif;
}
/*.fixbutton
{
	height:16px;
	font-size:9px;
	cursor:hand;
} */
#landingHeadContent {
   margin-left: 0px;
   width: 100%;
   height: 55px;
   background-color: #8AA4A5;
}

#landingHeadContent #landingHead {
   background-color: #8AA4A5;
   color: #958B56;
   padding: 16px 0 0 10px;
   font-size: 15px;
   float: left;
}
#landingHeadContent #landingHead div {
}
#landingHeadContent #landingHead .pageText {
   border-top: solid 1px black;
   border-bottom: solid 1px black;
   font-weight: 600;
}

#landingHeadContent #landingImageContent {
   float: right;
   overflow: hidden;
}
#landingHeadContent #landingImageContent img {
   margin-left: 6px;
}
/*#landingHeadContent #landingImageContent #landingImageCaption {
   font-size: 19px;
   padding-top: 1px;
   padding-left: 0px;
}*/

#landingImageContent .homePageHelp {
   margin: 2px 0 0 16px;
}


/*--- End of home page section ---*/
/*---------------------*/
/* Accordion section
/*---------------------*/
.AccordionSection {
}
.AccordionSection .AccordionHead {
   font-size: 11px;
   font-weight: 600;
   padding: 1px 0 3px 6px;
   background-color: #8ab19e;
   margin-top: 6px;
   width: 99%;
}
.AccordionSection .AccordionHead a.toggler {
   text-decoration: none;
   color: White;
}
.AccordionSection .AccordionHead a.toggler img {
   margin: 0px 6px 0px 4px;
   vertical-align: middle;
}
.AccordionSection .panel {
   margin: 0px 6px;
   font-size: 12px;
   width: 92%;
}
.AccordionSection .panel p {
   margin-top: 6px;
}
/*---------------------*/
/* End of Accordion section
/*---------------------*/
/* user area section */
.tblTenantAreaDescription tr td {
   margin: 0;
   padding: 0;
}
.tblTenantAreaDescription tr td input {
   margin: 0.15em 0 0.15em 0;
}
.ie8 .tblTenantAreaDescription tr td input {
   margin: 0.03em 0 0px 0;
}
.ie7 .tblTenantAreaDescription tr td input {
   margin: 0.03em 0 0px 0;
}