html { height: 100%; }

body { margin: 0; width: 100%; height: 100%; font-family:'Open Sans','Myriad Pro','Segoe UI',Segoe,'Trebuchet MS',Arial,sans-serif; font-size: 16px; line-height: 1.2em; color: #333; background-color: #ffffff; }

header { position: fixed; width: 100%; z-index: 1000; }

section { position: absolute; top: 0; width: 100%; height: 95%; overflow: auto; }

section nav { position: fixed; height: 100%; }

footer nav { position: fixed; bottom: 0; height: 5%; z-index: 100; background: #4d4d4d; }

h1 { font-size: 24pt; color: #808080; font-weight: normal; }

h2 { font-size: 20pt; color: #006699; font-weight: normal; }

h3 { font-size: 16pt; color: #006699; font-weight: normal; }

h4 { font-size: 14pt; color: #808080; font-weight: normal; }

.h1 { font-size: 24pt; color: #808080; font-weight: normal; }

.h2 { font-size: 20pt; color: #006699; font-weight: normal; }

.h3 { font-size: 16pt; color: #006699; font-weight: normal; }

.h4 { font-size: 14pt; color: #808080; font-weight: normal; }

.clear { clear: both; }

.clear5 { clear: both; padding: 5px; }

.bold { font-weight: bold; }

.noSpace { margin: 0; padding: 0; }

.noDisplay { display: none; }

.noBackground { background-image: none; background: none; }

.anchor { padding-top: 72px; margin-top: -72px; width: 1px; display: inline-block; }

.whiteSlash { letter-spacing: -1pt; }

.lightText { color: #c0c0c0; }

.strikethrough { text-decoration: line-through; }

.subpage:before { content: url('images/b_iBm_pageSub.png'); }

.lockicon { background: url('images/b_iBm_pageStatusLock.png') no-repeat; background-position: right center; }

.passwordicon { background: url('images/b_iBm_pageStatusPassword.png') no-repeat; background-position: right center; }

.lockpasswordicon { background: url('images/b_iBm_pageStatusLockPassword.png') no-repeat; background-position: right center; }

.spanLeft { width: 100px; font-size: 14px; color: #333; display: inline-block; vertical-align: top; text-align: right; }

.spanRight { font-size: 13px; color: #4d4d4d; display: inline-block; vertical-align: top; text-align: left; }

.spanFull { font-size: 14px; color: #4d4d4d; display: inline-block; vertical-align: top; text-align: left; }

.spanLeftNarrow { width: 50px; font-size: 14px; color: #333; display: inline-block; vertical-align: top; text-align: right; }

.spanRightNarrow { font-size: 13px; color: #4d4d4d; display: inline-block; vertical-align: top; text-align: left; }

.spanLeftMedium { width: 150px; font-size: 14px; color: #333; display: inline-block; vertical-align: top; text-align: right; }

.spanRightMedium { font-size: 13px; color: #4d4d4d; display: inline-block; vertical-align: top; text-align: left; }

.spanLeftWide { width: 200px; font-size: 14px; color: #333; display: inline-block; vertical-align: top; text-align: right; }

.spanRightWide { font-size: 13px; color: #4d4d4d; display: inline-block; vertical-align: top; text-align: left; }

.borderSolid { border: 10px solid #000000; }

.pageInstructions { position: fixed; top: 70px; right: 0; height: calc(100% - 82px); width: 250px; font-size: 13px; color: #333; text-align: left; border: 1px solid #0f5686; background-color: #f8f8f8; margin: 0 auto; margin-bottom: 80px; padding: 5px; text-overflow: ellipsis; overflow: hidden; overflow-y: auto; z-index: 10; }
.pageInstructionsFailure { color: #800000; text-align: left; border: 1px solid #800000; background-color: #ffe8e8; margin: 2.5%; margin-top: 5px; margin-bottom: 25px; padding: 10px; z-index: 10; }

.windowInstructions { position: fixed; top: 70px; left: 0px; min-height: 40px; max-height: calc(100% - 70px); width: calc(100% - 12px); font-size: 11pt; color: #0f5686; text-align: left; border: 1px solid #0f5686; background-color: #f8f8f8; margin: 0 auto; margin-bottom: 80px; padding: 5px; text-overflow: ellipsis; overflow: scroll; z-index: 10; }
.windowInstructionsFailure { color: #800000; text-align: left; border: 1px solid #800000; background-color: #ffe8e8; margin: 2.5%; margin-top: 5px; margin-bottom: 25px; padding: 10px; z-index: 10; }

#installForm { width: 600px; margin-left: auto; margin-right: auto; }

/*
#adminHeader { width: 100%; padding: 2px; background: #4d4d4d url('images/bgAdminHeader.png') repeat-x; color: #4d4d4d; border-bottom: 1px solid #d4d4d4; }

#adminLogin { width: 100%; padding: 2px; background: #4d4d4d url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; display: inline-block; }

#adminTopMenu { width: 100%; height: 32px; padding: 0; background: #4d4d4d url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; white-space: nowrap; display: inline-block; }
.adminTopMenu { width: 100%; padding: 0; background: #4d4d4d url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; white-space: nowrap; display: inline-block; }

#adminBottomMenu { position: relative; left: 225px; width: 800px; height: 100%; padding: 4px; background: #0a2d4f url('images/bgAdminBottomMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; display: inline-block; }
.adminBottomMenu { width: 100%; padding: 0; background: #4d4d4d url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; display: inline-block; }

#adminLeftMenu { width: 200px; height: calc(100% - 79px); position: absolute; left: 0; top: 64px; float: left; padding: 0; padding-top: 15px; overflow: auto; background: #4d4d4d url('images/bgAdminLeftMenu.png') repeat-y; color: #4d4d4d; }

#adminContent { position: relative; top: 80px; }
*/

#adminLogin { width: 100%; padding: 2px; height: 40px; background: #000; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; display: inline-block; }

#adminPageModal { border: none !important; }
#adminHeader { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; width: 99%; width: calc(100% - 4px); height: 32px; padding: 2px; background: #000; color: #fff; border-bottom: 1px solid #d4d4d4; font-size: 14px; }
#adminTopMenu { width: 100%; height: 32px; padding: 0; background: #4d4d4d; color: #fff; border-bottom: 1px solid #d4d4d4; overflow: hidden; white-space: nowrap; display: inline-block; }
#adminLeftMenu { width: 200px; height: calc(100% - 79px); position: absolute; left: 0; top: 64px; float: left; overflow-y: auto; padding: 0; padding-top: 15px; text-align: left; background: #4d4d4d; color: #4d4d4d; }
#adminContent { position: relative; top: 80px; }
#adminContentWindow { min-height: 100%; }
#adminPreview { position: fixed; top: 80px; left: 920px; margin-left: 10px; width: calc(100% - 960px); max-width: 820px; height: calc(100% - 130px); background: #ddd; border: 1px solid #4d4d4d; overflow: hidden; display: none; }
#adminBottomMenu { position: relative; left: 225px; width: 800px; height: 100%; padding: 4px; background: #4d4d4d; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; display: inline-block; }

#adminAside { position: fixed; left: 1220px; top: 80px; width: 260px; text-align: left; height: calc(100% - 80px); overflow: auto; background: #fff; z-index: 101; display: none; }

h1 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 24pt; letter-spacing: -1.5px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
h2 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 20pt; letter-spacing: -1.5px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
h3 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 16pt; letter-spacing: -1.0px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
h4 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 14pt; letter-spacing: -1.0px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
h5 { font-family: 'Open Sans','Myriad Pro','Segoe UI',Segoe,'Trebuchet MS',Arial,sans-serif; font-size: 15px; color: #222; font-weight: normal; }
h6 { font-family: 'Open Sans','Myriad Pro','Segoe UI',Segoe,'Trebuchet MS',Arial,sans-serif; font-size: 14px; color: #222; font-weight: normal; }
.h1 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 24pt; letter-spacing: -1.5px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
.h2 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 20pt; letter-spacing: -1.5px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
.h3 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 16pt; letter-spacing: -1.0px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
.h4 { font-family: 'Google Sans','Fira Sans',Arial,sans-serif; font-size: 14pt; letter-spacing: -1.0px; line-height: 1.5; margin: 10px 0; font-weight: normal; }
.h5 { font-family: 'Open Sans','Myriad Pro','Segoe UI',Segoe,'Trebuchet MS',Arial,sans-serif; font-size: 15px; line-height: 1.5; font-weight: normal; }
.h6 { font-family: 'Open Sans','Myriad Pro','Segoe UI',Segoe,'Trebuchet MS',Arial,sans-serif; font-size: 14px; line-height: 1.5; font-weight: normal; }

.fontSmaller { font-size: smaller; }
.fontLarger { font-size: larger; }
.fontXXSmall { font-size: xx-small; }
.fontXSMall { font-size: x-smal; }
.fontSmall { font-size: small; }
.fontMedium { font-size: medium; }
.fontLarge { font-size: smaller; }
.fontXLarge { font-size: x-large; }
.fontXXLarge { font-size: xx-large; }

.hankDialog { float: left; padding-right: 10px; margin-top: -10px; }



.adminPage { width: 800px; position: relative; left: 225px; text-align: center; float: left; }
.adminWindow { width: 800px; position: relative; left: 0px; text-align: center; float: left; }

.adminButton { height: 30px; padding: 2px; padding-right: 8px; background: #0a2d4f url('images/bgAdminButton.png') repeat-x; color: #ffffff; font-size: 9pt; text-align: left; border: 1px solid #d4d4d4; overflow: hidden; display: inline-block; cursor: pointer; }
.adminButtonImg { padding: 2px; padding-right: 5px; height: 24px; }
.adminThumbImg { padding: 2px; height: 32px; }

.adminMeter { width: 100%; margin: auto; padding: 2px; font-size: 9pt; } 

.emailTopMenu { width: 100%; height: 30px; padding: 2px; font-size: 9pt; background: #0a2d4f url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; }
.emailContent { width: 100%; font-size: 9pt; border-bottom: 1px solid #d4d4d4; overflow: hidden; }

.membersTopMenu { width: 100%; height: 30px; padding: 2px; font-size: 9pt; background: #0a2d4f url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; }
.membersContent { width: 100%; font-size: 9pt; border-bottom: 1px solid #d4d4d4; overflow: hidden; }

.affiliatesTopMenu { width: 100%; height: 30px; padding: 2px; font-size: 9pt; background: #0a2d4f url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; }
.affiliatesContent { width: 100%; font-size: 9pt; border-bottom: 1px solid #d4d4d4; overflow: hidden; }

.eventsTopMenu { width: 100%; height: 30px; padding: 2px; font-size: 9pt; background: #0a2d4f url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; }
.eventsContent { width: 100%; font-size: 9pt; border-bottom: 1px solid #d4d4d4; overflow: hidden; }

.loginTopMenu { width: 100%; height: 30px; padding: 2px; font-size: 9pt; background: #0a2d4f url('images/bgAdminMenu.png') repeat-x; color: #ffffff; border-bottom: 1px solid #d4d4d4; overflow: hidden; }
.loginContent { width: 100%; font-size: 9pt; border-bottom: 1px solid #d4d4d4; overflow: hidden; }

.topMenuButton { width: 90px; font-size: 9pt; float: left; padding-left: 5px; padding-right: 10px; background: url('images/bgAdminMenuDivider.png') no-repeat right; cursor: pointer; white-space: nowrap; overflow: hidden; }
.topMenuButton:hover { background: url('images/bgAdminMenuOver.png') repeat-x; }
.topMenuButtonActive { background: url('images/bgAdminMenuActive.png') repeat-x; }
.topWindowMenuButton { width: 120px; font-size: 9pt; float: left; padding-left: 5px; padding-right: 10px; background: url('images/bgAdminMenuDivider.png') no-repeat right; cursor: pointer; white-space: nowrap; overflow: hidden; }
.topWindowMenuButtonActive { background: url('images/bgAdminMenuActive.png') repeat-x; }
.topMenuButtonImg { padding: 3px; padding-right: 5px; padding-left: 0px; height: 24px; }

.leftMenuButton { font-size: 9pt; text-transform: capitalize; margin-left: 5px; padding-left: 5px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuButtonImg { padding: 3px; padding-right: 5px; height: 24px; }
.leftMenuSiteName { height: 32px; color: #ffffff; font-size: 9pt; text-transform: capitalize; padding: 2px; margin-left: 5px; padding-left: 5px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuSiteName:hover { background: url('images/bgAdminLeftMenuButton185.png') no-repeat; }
.leftMenuSiteImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuPageList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuPageName { height: 30px; color: #ffffff; font-size: 9pt; text-transform: capitalize; margin-left: 15px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuPageName:hover { background: url('images/bgAdminLeftMenuButton175.png') no-repeat; }
.leftMenuPageNameActive { background: url('images/bgAdminLeftMenuButtonActive175.png') no-repeat; }
.leftMenuPageImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuSystemPageName { height: 30px; color: #ffffff; font-size: 9pt; text-transform: capitalize; margin-left: 15px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuSystemPageName:hover { background: url('images/bgAdminLeftMenuButton165.png') no-repeat; }
.leftMenuFieldName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 25px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuFieldName:hover { background: url('images/bgAdminLeftMenuButton165.png') no-repeat; }
.leftMenuFieldNameActive { background: url('images/bgAdminLeftMenuButtonActive165.png') no-repeat; }
.leftMenuAdvancedFieldName { font-size: 9pt; text-transform: capitalize; margin-left: 25px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuAdvancedFieldName:hover { background: url('images/bgAdminLeftMenuButton155.png') no-repeat; }
.leftMenuAdvancedFieldNameActive { background: url('images/bgAdminLeftMenuButtonActive155.png') no-repeat; }
.leftMenuFieldImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuImageList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuImageName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 15px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuImageName:hover { background: url('images/bgAdminLeftMenuButton175.png') no-repeat; }
.leftMenuImageNameActive { background: url('images/bgAdminLeftMenuButtonActive175.png') no-repeat; }
.leftMenuImageImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuFileList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuFileName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 15px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuFileName:hover { background: url('images/bgAdminLeftMenuButton175.png') no-repeat; }
.leftMenuFileNameActive { background: url('images/bgAdminLeftMenuButtonActive175.png') no-repeat; }
.leftMenuFileImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuVideoList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuVideoName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 15px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuVideoName:hover { background: url('images/bgAdminLeftMenuButton175.png') no-repeat; }
.leftMenuVideoNameActive { background: url('images/bgAdminLeftMenuButtonActive175.png') no-repeat; }
.leftMenuVideoImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuOther { color: #ffffff; text-transform: capitalize; font-size: 9pt; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuOtherList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuOtherName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuOtherName:hover { background: url('images/bgAdminLeftMenuButton185.png') no-repeat; }
.leftMenuOtherNameActive { background: url('images/bgAdminLeftMenuButtonActive185.png') no-repeat; }
.leftMenuOtherImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuSEO { color: #ffffff; text-transform: capitalize; font-size: 9pt; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuSEOList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuSEOName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuSEOName:hover { background: url('images/bgAdminLeftMenuButton185.png') no-repeat; }
.leftMenuSEONameActive { background: url('images/bgAdminLeftMenuButtonActive185.png') no-repeat; }
.leftMenuSEOImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuTool { color: #ffffff; text-transform: capitalize; font-size: 9pt; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuToolList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuToolName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuToolName:hover { background: url('images/bgAdminLeftMenuButton185.png') no-repeat; }
.leftMenuToolNameActive { background: url('images/bgAdminLeftMenuButtonActive185.png') no-repeat; }
.leftMenuToolImg { padding: 3px; padding-right: 5px; height: 20px; }
.leftMenuEmail { color: #ffffff; text-transform: capitalize; font-size: 9pt; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuEmailList { color: #ffffff; text-transform: capitalize; font-size: 9pt; padding-left: 5px; padding: 2px; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuEmailName { height: 30px; font-size: 9pt; text-transform: capitalize; margin-left: 5px; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.leftMenuEmailName:hover { background: url('images/bgAdminLeftMenuButton185.png') no-repeat; }
.leftMenuEmailNameActive { background: url('images/bgAdminLeftMenuButtonActive185.png') no-repeat; }
.leftMenuEmailImg { padding: 3px; padding-right: 5px; height: 20px; }

.bottomMenuFieldName { float: left; height: 30px; font-size: 9pt; text-transform: capitalize; padding-left: 5px; padding: 2px; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bottomMenuFieldImgOff { padding: 3px 10px; padding-right: 5px; height: 20px; opacity: 0.5; }
.bottomMenuFieldImgOn { padding: 3px 10px; padding-right: 5px; height: 20px; opacity: 1.0; }

.pageEditMenu { width: 100%; border: 1px solid #4d4d4d; padding: 3px; background: url('images/bgAdminPageMenu.png') repeat; }
.pageEditMenuButtons { font-size: 9pt; text-align: left; border: 1px solid #555; margin: 3px; background: #d4d4d4; }
.pageMenuButtonImg { padding: 2px; padding-right: 5px; height: 20px; cursor: pointer; }
.spanImg { height: 16px; cursor: pointer; }

.menuEdit { text-align: left; }
.menuGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menuSubGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; color: #f8f8f8; background: #4d4d4d; border: 1px solid #f8f8f8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cssEdit { width: 100%; clear: both; overflow: hidden; white-space: nowrap; }

.siteGroupPages { }
.siteGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.siteGroupMainThumb { width: 320px; float: left; text-align: left; }
.siteGroupMainSettings { width: 100px; float: left; text-align: left; }
.siteGroupMainConfig { width: 320px; float: left; text-align: left; display: inline-block; }

.siteGroupImages { }

.formGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.faqGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.blogGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.linkGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.gridGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.sliderGroupLegend { width: 200px; text-align: left; font-size: 9pt; text-transform: capitalize; padding: 3px; background: #f8f8f8; border: 1px solid #4d4d4d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.thumbnailsBox {
 -webkit-transition: -webkit-transform .15s linear;
 box-shadow: 0 3px 6px rgba(0,0,0,.25);
 -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
 -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
 border: 5px solid #ffffff;
 cursor: pointer;
}

.helpButton { width: 16px; height: 16px; opacity: 0.5; }
.helpButton:hover { opacity: 1.0; }

.standardFieldContainer span.helpTip:hover {
    cursor: help;
    position: relative;
}
.standardFieldContainer span.helpTip {
    display: none;
}
.standardFieldContainer:hover span.helpTip {
    border: #4d4d4d 1px solid;
    box-shadow: 5px 5px 2px -3px rgba(0,0,0,.40);
    background-color: #f8f8f8;
    color: #4d4d4d;
    padding: 3px 20px 3px 3px;
    font-size: 9pt;
    font-family: segoe ui, san-serif;
    line-height: 125%;
    display: block;
    z-index: 100;
    position: absolute;
    left: 250px;
    margin: 4px;
    width: 300px;
    top: 32px;
    text-decoration: none;
    text-transform: none;
}

.standardFormContainer { text-align: left; margin 0; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
.standardFieldContainer { text-align: left; text-transform: capitalize; position: relative; margin-bottom: 5px; }
.standardFieldLabel { width: 200px; font-size: 14px; display: inline-block; text-align: right; text-transform: capitalize; }

.messageSuccess { position: fixed; width: 100%; top: 8px; margin: 0; margin-left: auto; margin-right: auto; text-align: center; color: #0a2d4f; z-index: 2000; }
.messageFailure { position: fixed; width: 100%; top: 8px; margin: 0; margin-left: auto; margin-right: auto; text-align: center; color: #800000; z-index: 2000; }

/*
input[type=text], input[type=number], input[type=date], input[type=datetime-local], input[type=tel], input[type=url], input[type=email], input[type=password], input[type=submit], input[type=button], textarea, select {
 border: 1px solid #555;
 padding: 0.5em;
 font-size: 14px;
 line-height: 1.2em;
 background: #fff;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
 -webkit-appearance: none;
 -webkit-box-shadow: 1px 1px 1px #fff;
 -webkit-border-radius: 0.5em;
}
*/

input[type=text], input[type=search], input[type=tel], input[type=number], input[type=date], input[type=time], input[type=datetime], input[type=datetime-local], input[type=url], input[type=email], input[type=password], input[type=submit], input[type=button], textarea, select {
 font-family: 'Open Sans','Myriad Pro','Segoe UI',Segoe,'Trebuchet MS',Arial,sans-serif !important;
 font-size: 16px;
 border: 1px solid #a0a0a0;
 padding: 0.5em;
 font-size: 14px;
 line-height: 1.2em;
 background: #fff;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
 -webkit-appearance: none;
 -webkit-box-shadow: none;
 -webkit-border-radius: 0;
}

input[type=button]:disabled, button:disabled { opacity: 0.5; }

input[type=range] {
  height: 28px;
  -webkit-appearance: none;
  background-color: transparent;
  marginXXX: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 1px #000000;
  background: #D8D8D8;
  border-radius: 1px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #222222;
  border: 1px solid #222222;
  height: 20px;
  width: 20px;
  transform: rotate(45deg);
  border-radius: 3px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #D8D8D8;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 1px #000000;
  background: #D8D8D8;
  border-radius: 1px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #222222;
  border: 1px solid #222222;
  height: 20px;
  width: 20px;
  transform: rotate(45deg);
  border-radius: 3px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #D8D8D8;
  border: 0px solid #010101;
  border-radius: 2px;
  box-shadow: 0px 0px 1px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #D8D8D8;
  border: 0px solid #010101;
  border-radius: 2px;
  box-shadow: 0px 0px 1px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  border: 1px solid #222222;
  height: 20px;
  width: 20px;
  transform: rotate(45deg);
  border-radius: 3px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #D8D8D8;
}
input[type=range]:focus::-ms-fill-upper {
  background: #D8D8D8;
}

.inputFieldDollar { background-image: url(/lib.images/b_iBm_inputDollar.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background-repeat: no-repeat; background-position: left top; padding-left: 20px; }
.inputFieldPercent { background-image: url(/lib.images/b_iBm_inputPercent.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background-repeat: no-repeat; background-position: right top; padding-right: 20px; }

.inputField { display: block; }
.inputFieldStandard { width: 600px; }
.inputFieldReadonly { border: none !important; background: none !important; }
.inputFieldAlwaysReadonly { border: none !important; background: none !important; }
.inputLabel { position: absolute; top: 0; left: 6px; font-size: 9px; text-transform: uppercase; color: #555; }

.displayField { display: block; }
.displayFieldStandard { width: 600px; }
.displayFieldReadonly { border: none !important; background: none !important; }
.displayFieldAlwaysReadonly { border: none !important; background: none !important; }

.fieldLocked { color: #fff !important; background: #888 !important; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#ccc)) !important; }

.checkbox18 { height: 18px; width: 18px; vertical-align: middle; }