body {
    background: #ededfa;
    padding: 0px;
    margin: 0px;
    /*font-family: arial, helvetica, sans-serif;
    font-size: smaller;*/
    font: 12px/1.5 Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    color: #003399;
}

/*** Basic layout ***/

body.PageDefaultBody {
    height: 100%;
}

td.TopPanelContent {
    background-color: #dcecf4;
}

.PortalLogoContainer {
    width: 200px;
    height: 40px;
    max-width: 200px;
    max-height: 40px;
    /*border: 1px solid black;*/
    text-align: left;
    vertical-align: middle;
}

.PortalLogoContainerImg {
    max-width: 200px;
    max-height: 40px;
    vertical-align: middle;
}

td.UserLoggedInLabel {
    color: #5070c6;
    text-align: right;
    padding-right: 2px;
    white-space: nowrap;
}

span.UserLoggedIn {
    color: #5070c6;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap;
}

.Logout {
    color: #5070c6;
    text-align: center;
    padding-right: 2px;
}

td.ContentTitle {
    height: 23px;
    padding: 0px;
    padding-left: 6px;
    border-top: 1px solid #F3F7FB;
    border-bottom: 1px solid #99BBE8;
    background: #D9E7F8 url('../images/content/title.png') repeat-x;
    text-align: left;
    color: #15428B;
}

td.ContentTitleIcon {
    padding-left: 0px;
    padding-right: 4px;
}

td.ContentTitleText {
    color: #444444;
    font: bold 8pt Tahoma;
    padding: 4px;
    padding-left: 1px
}

.IconHomePage {
    background-image: url('../images/icons/homePage.png') !important;
}

.IconMenu {
    background-image: url('../images/icons/menu.png') !important;
}

.IconFMApplication {
    background-image: url('../images/icons/FmApplicationLogo.png') !important;
    background-position: left;
}

.IconArrowBack {
    background-image: url('../images/icons/arrowBack.png') !important;
}

.IconTriangle {
    background-image: url('../images/icons/rightTriangle.png') !important;
}

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

.NavigationPath:hover {
    font-weight: bold;
}

.HeaderLabel {
    font-size: 11pt;
    padding-bottom: 10px;
    width: 100%;
    padding: 5px 10px 5px 10px;
    border-bottom: solid 3px #dcecf4;
}

/*** Login Page ***/

body.login {
    background: white;
}

#LoginContainer {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    width: 100%;
}

table.LoginDialog {
    border: 1px solid dimgray; 
}

td.LoginDialogInner {
    background: #eaeafa;
    padding: 30px;
    padding-bottom: 20px;
    padding-left: 56px
}

span.LoginResultSubject {
    padding-top: 5px;
    text-align: center;
    color: red;
}

span.LoginResult {
    font-size: smaller;
    color: red;
}


/*** Error Page ***/

body.ErrorPage {
    background: white;
    padding: 0px;
    margin: 0px;
}

#ErrorPageContainer {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    width: 100%;
}


/*** Property Info ***/

.PropertyInfoBoxTable {
    width: 100%;
}

.PropertyInfoBoxNW {
    font-size: 0;
    width: 10px;
    height: 10px;
    background: url('../images/borders/nw.gif') no-repeat top left;
}

.PropertyInfoBoxN {
    font-size: 0;
    height: 10px;
    background: url('../images/borders/n.gif') repeat-x top left;
}

.PropertyInfoBoxNE {
    font-size: 0;
    width: 10px;
    height: 10px;
    background: url('../images/borders/ne.gif') no-repeat top right;
}

.PropertyInfoBoxW {
    font-size: 0;
    background: url('../images/borders/w.gif') repeat-y top left;
}

.PropertyInfoBoxE {
    font-size: 0;
    background: url('../images/borders/e.gif') repeat-y top right;
}

.PropertyInfoBoxSW {
    font-size: 0;
    width: 10px;
    height: 10px;
    background: url('../images/borders/sw.gif') no-repeat bottom left;
}

.PropertyInfoBoxS {
    font-size: 0;
    height: 10px;
    background: url('../images/borders/s.gif') repeat-x bottom left;
}

.PropertyInfoBoxSE {
    font-size: 0;
    width: 10px;
    height: 10px;
    background: url('../images/borders/se.gif') no-repeat bottom right;
}

.PropertyInfoPropertyName {
    font-size: large;
    font-weight: bold;
    padding-bottom: 10px;
    vertical-align: top;
}

.PropertyInfoSectionLabel {
    font-size: medium;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.PropertyInfoFieldLabel {
    padding-right: 10px;
    vertical-align: top;
}

.PropertyInfoFieldValue {
    padding-left: 5px;
    vertical-align: top;
}

.PropertyInfoContactPersonName {
    padding-right: 10px;
    vertical-align: top;
    text-decoration: underline;
    cursor: pointer;
}

.PropertyInfoContactPersonRole {
    padding-left: 10px;
    vertical-align: top;
}

.PropertyInfoPhoto {
    padding-top: 10px;
}

.PropertyInfoPhotoContainer {
    width: 300px;
    height: 200px;
    max-width: 300px;
    max-height: 200px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
}

.PropertyInfoPhotoContainerImg {
    max-width: 300px;
    max-height: 200px;
    vertical-align: middle;
}

/*** Modal Dialog layer ***/

div#ModalLayerMask {
    position: absolute;
    left: 0;
    top: 20;
    z-index: 9000;
    background-color: #000;
    display: none;
}

div#ModalLayer {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999;
    background-color: white;
    display: none;
    overflow: hidden;
    border: solid 2px #9b9b9b;
}

div#ModalLayer_HEADER {
    width: 100%;
    text-align: right;
    vertical-align: top;
    overflow: hidden;
}

div#ModalLayerTitle {
}

div#ModalLayerClose {
    width: 7px;
    height: 7px;
    background: url('../images/content/close.gif') no-repeat top right;
}

div#ModalLayer_CONTAINER {
    padding: 5px 5px 5px 5px;
    overflow: auto;
}


/*** Home Page ***/

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.PropertyName {
    font-size: large;
    padding-bottom: 10px;
}

.PortalWelcomeMessage {
    padding-bottom: 10px;
}

.PortalClientWelcomeMessage {
}

.PortalClientWelcomeMessage strong {
	font-weight: bold;
}

.PortalClientWelcomeMessage em {
	font-style: italic;
}

.ModuleButtonCaption {
    padding: 40px 5px 0px 5px;
    font-size: 8.5pt;
    cursor: pointer;
    width: 100px;
}

.ModuleButtonCaption:hover {
    color: #cccc66;
}

td.ModuleDescription {
    padding: 15px 0px 5px 10px;
    font-size: 9pt;
    color: #808080;
}

.MessagesModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/messagesModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.MessagesModuleButton:hover {
    background-image: url('../images/modules/messagesModuleButtonHover.png');
}

.TasksModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/tasksModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.TasksModuleButton:hover {
    background-image: url('../images/modules/tasksModuleButtonHover.png');
}

.RequestsModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/requestsModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.RequestsModuleButton:hover {
    background-image: url('../images/modules/requestsModuleButtonHover.png');
}

.ContactPersonsModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/contactPersonsModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.ContactPersonsModuleButton:hover {
    background-image: url('../images/modules/contactPersonsModuleButtonHover.png');
}

.SuppliersModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/suppliersModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.SuppliersModuleButton:hover {
    background-image: url('../images/modules/suppliersModuleButtonHover.png');
}

.DocumentsModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/documentsModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.DocumentsModuleButton:hover {
    background-image: url('../images/modules/documentsModuleButtonHover.png');
}

.DrawingsModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/drawingsModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.DrawingsModuleButton:hover {
    background-image: url('../images/modules/drawingsModuleButtonHover.png');
}

.FireSafetyModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/fireSafetyModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.FireSafetyModuleButton:hover {
    background-image: url('../images/modules/fireSafetyModuleButtonHover.png');
}

.EnergyModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/energyModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.EnergyModuleButton:hover {
    background-image: url('../images/modules/energyModuleButtonHover.png');
}

.PortalConfigurationModuleButton {
    width: 108px;
    height: 64px;
    text-align: center;
    background-image: url('../images/modules/portalConfigurationModuleButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.PortalConfigurationModuleButton:hover {
    background-image: url('../images/modules/portalConfigurationModuleButtonHover.png');
}

/*** Module functionalities ***/

.ModuleFunctions {
    padding-top: 20px;
}

.ModuleFunctions table tr td {
    padding-right: 20px;
}

.ModuleMenuItem {
    cursor: pointer;
    list-style: disc inside;
    white-space: nowrap;
}

.ModuleMenuItem:hover {
    color: #000000;
    text-decoration: underline;
    background-color: #bfdcf3;
}

/*** List View Control ***/

.ListViewContainer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ListViewLabel {
    font-size: 11pt;
}

.ListViewTable {
    color: #333333;
}

.ListViewSearch {
    font-size: smaller;
    text-decoration: underline;
}

.ListViewSearchPanel {
    display: none;
}

.ListViewFirstSearchField {
    width: 2px;
    border-top: solid 1px #bebebe;
    border-right: solid 1px #bebebe;
    border-left: solid 1px #bebebe;
    padding-left: 2px;
}

.ListViewSearchField {
    padding: 2px 2px 2px 2px;
    text-align: center;
    border-top: solid 1px #bebebe;
    border-right: solid 1px #bebebe;
}

.ListViewLastSearchField {
    border-top: solid 1px #bebebe;
    border-right: solid 1px #bebebe;
}

.ListViewColumns {
    background-color: #dcecf4;
    background-image: url('../images/content/bkg_header.png');
    background-repeat: repeat-x;
    background-position: top left;
    font-weight: bold;
}

.ListViewColumns td {
    padding: 3px 10px 3px 10px;
    border-top: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
    border-right: solid 1px #bebebe;
}

.ListViewFirstColumn {
    width: 2px;
    border-top: solid 1px #bebebe;
    border-right: solid 1px white;
    border-bottom: solid 1px #bebebe;
    border-left: solid 1px #bebebe;
}

.ListViewContentEven {
    font-size: 9pt;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-color: white;
}

.ListViewContentEven td {
    padding: 2px;
    border-right: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
    vertical-align: middle;
}

.ListViewContentEven:hover {
    background-color: #bfdcf3; 
    cursor: pointer;
}

.ListViewContentEvenSelected {
    font-size: 9pt;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    background-color: #bfdcf3;
}

.ListViewContentEvenSelected td {
    padding: 5px 5px 5px 5px;
    border-right: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
    vertical-align: top;
}

.ListViewContentEvenSelected:hover {
    background-color: #bfdcf3;
    cursor: pointer;
}

.ListViewContentOdd {
    font-size: 9pt;
    background-color: #eef5fb;
}

.ListViewContentOdd td {
    padding: 2px;
    border-right: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
    vertical-align: middle;
}

.ListViewContentOdd:hover {
    background-color: #bfdcf3;
    cursor: pointer;
}

.ListViewContentOddSelected {
    font-size: 9pt;
    background-color: #ffcc99;
}

.ListViewContentOddSelected td {
    padding: 5px 5px 5px 5px;
    border-right: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
    vertical-align: top;
}

.ListViewContentOddSelected:hover {
    background-color: #bfdcf3;
    cursor: pointer;
}

.ListViewContentFirstColumn {
    border-left: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
}

.ListViewFooter {
    font-size: smaller;
    text-decoration: underline;
}

.ListViewContextMenu {
    padding: 2px 2px 2px 5px;
    border: 1px solid black;
    background: #ededfa;
    position: absolute;
    display: none;
}

.ListViewContextMenuItem {
    cursor: pointer;
}

.ListViewPagingRow {
    background-color: #dcecf4;
    background-image: url('../images/content/bkg_header.png');
    background-repeat: repeat-x;
    background-position: top left;
    font-weight: bold;
}

.ListViewPagingRowInnerCell {
	border-left: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-bottom: solid 1px #bebebe;
	padding-top: 4px;
}

.ListViewPagingAction {
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: underline;
	white-space: nowrap;
}

.ListViewPagingInfo {
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.ListViewPagingDisabled {
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
	color: gray;
}

/*** Details Controls ***/

.DetailsLabel {
    font-size: 11pt;
    padding-bottom: 10px;
    width: 100%;
    padding: 5px 10px 5px 10px;
    border-bottom: solid 3px #dcecf4;
}

.DetailsFieldLabel {
    color: Gray;
    vertical-align: top;
    white-space: nowrap;
}

td.DetailsFieldValue {
    vertical-align: top;
    white-space: nowrap;
    font-size: 11pt;
    padding-left: 40px;
}

/*** Data Forms ***/

input.DetailsFieldValue {
    
}

textarea.DetailsFieldValue {
    font: 12px/1.5 Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
}

input[readonly] {
    background-color: #e6ebe8;
}

textarea[readonly] {
    background-color: #e6ebe8;
}

input.FormInputField {
    height: 14px;
    font: 8pt Tahoma;
    border: 0px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 3px;
    padding-left: 4px;
    padding-bottom: 2px;
    background: #f8f8f8;
}
/*** hangdt_5/16/2017 ***/ 

/*** PortalFolderListView ***/


.FolderListViewContentEven {
    font-size: 9pt;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    background-color: white;
}

.FolderListViewContentEven td {
    padding: 5px 5px 5px 5px;
    /*border-right: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;*/
    border-right:none;
    border-bottom:none;
    border-left:none;
    vertical-align: top;
}

.FolderListViewContentEven:hover {
    
    cursor: pointer;
}

.FolderListViewContentEvenSelected {
    font-size: 9pt;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    background-color: #ffcc99;;
}

.FolderListViewContentEvenSelected td {
    padding: 5px 5px 5px 5px;
    /*border-right: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;*/
    border-right:none;
    border-bottom:none;
    border-left:none;
    vertical-align: top;
}

.FolderListViewContentEvenSelected:hover {
    background-color: #bfdcf3;
    cursor: pointer;
}

/*** PortalFolderTreeView ***/


.FolderTreeViewContentEven {
    font-size: 9pt;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    background-color: white;
}

    .FolderTreeViewContentEven td {
        padding: 2px 2px 2px 2px; 
        border-right: none;
        border-bottom: none;
        border-left: none;
        vertical-align: top;
    }

    .FolderTreeViewContentEven:hover {
        cursor: pointer;
    }

.FolderTreeViewContentEvenSelected {
    font-size: 9pt;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
    background-color: #ffcc99; 
}

    .FolderTreeViewContentEvenSelected td {
        padding: 2px 2px 2px 2px; 
        border-right: none;
        border-bottom: none;
        border-left: none;
        vertical-align: top;
    }

    .FolderTreeViewContentEvenSelected:hover {
        background-color: #bfdcf3;
        cursor: pointer;
    }