/* VSS */

/* dark*/

html { height: 100%; margin: 0px; padding: 0px; }
body { height: 99%; padding: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; background-color: #F8F8F8; }
.body { min-width: 980px; }
#Master { position: relative; min-height: 100%; }
#ClientMaster { height: calc(100vh - 20px); }
* html #nonFooter { height: 100%; }
#Content { padding-bottom: 2em; }
form { height: 99%; margin: 0px; padding: 0px; }
#Footer { text-align: center; position: relative; margin-top: -2em; clear:both;}
#ClientFooter { text-align: center; position: relative; clear:both;}
.genericAlertText {
    font-weight: bold !important
}
/*#SmallHeader { background-position: 0px center; background-image: url(../../Common/Images/UK_header_small.png); background-repeat: no-repeat; height: 50px; color: #fff; background-color: #CDDDED; }
#BigHeader { background-position: 0px center; background-image: url(../../Common/Images/UK_header.png); background-repeat: no-repeat; height: 81px; color: #fff; background-color: #CDDDED; }*/
.ui-widget-content-show{-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

#BigHeader {
    width:100%;
    text-align:center;
}
#Banner {min-width:1000px;background-color: #0A1F62;background-repeat:repeat-x; height:80px;}
#leftHeader{background-image:url(../../Common/Images/Header/UK_header.png);background-repeat:no-repeat;height: 80px;float:left; width:474px; }
#rightHeader{background-color: #0A1F62;height: 80px;  float:right; width:432px;}

#smallBanner {min-width:1000px;background-color: #0A1F62;background-repeat:repeat-x; height:50px; margin-top:0px; }
#smallLeftHeader{background-image:url(../../Common/Images/Header/UK_header_small.png);background-repeat:no-repeat;height: 49.5px;float:left; width:360px; }
#smallRightHeader{background-color: #0A1F62;height: 49px;  float:right; width:459px;}

.loginstatus {color:white;}
.loginstatusHyperlink { color:white; }
.loginstatusHyperlink:hover { color: #CC3300; }


#Title { border: 1px solid #486B9B; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #7591C8; height: 24px; font-size: 12px; font-weight: bold; text-indent: 5px; line-height: 24px; color: #FFFFFF; }
#left { float: left; width: 20%;  }
#left30 { float: left; width: 30%;  }
#main { float: right; width: 80%;}
#main70 { float: right; width: 70%;}
#slidingColumn { width: 52px; left: 5px; }
img { border:0 }
.CustomLogoHeading { background-image: url(../../Common/Images/Camtes.png); background-repeat: no-repeat; width:350px; height:70px }
.CustomLogo { background-image: url(../../Common/Images/Navy6th.gif); background-repeat: no-repeat; width:210px; height:210px }

.WizToolbar { border: 1px solid #A0A0A0; background-position: left; height: 20px; font-size: 12px; font-weight: bold; text-indent: 5px; line-height: 20px; color: #FFFFFF; background-color: #DBE7F2; padding-top: 4px; padding-right: 2px;margin-top:4px; }
.TopToolbar { border: 1px solid #A0A0A0; background-position: left; height: 24px; font-size: 12px; font-weight: bold; text-indent: 5px; line-height: 24px; color: #FFFFFF; background-color: #DBE7F2; border-radius:3px; box-shadow:inset -2px -2px 5px rgba(0,0,0,.075) }

.ExportToolbar { border: 1px solid #A0A0A0; background-position: left; background-color: #f2f6f9; border-radius:3px; width: 30px; padding: 2px 0px 5px 2px; box-shadow:inset -2px -2px 5px rgba(0,0,0,.075); cursor: pointer; padding-right:3px; }
.ExportToolbar:hover { border: 1px solid #A0A0A0; background-position: left; background-color: #DBE7F2; border-radius:3px; width: 30px; padding: 2px 0px 5px 2px; box-shadow:inset -2px -2px 5px rgba(0,0,0,.075); cursor: pointer; padding-right:3px; }
.ExportToolbar.Active { border: 1px solid #A0A0A0; background-position: left; background-color: #DBE7F2; border-radius:3px; width: 30px; padding: 2px 0px 5px 2px; box-shadow:inset -2px -2px 5px rgba(0,0,0,.075); cursor: pointer; padding-right:3px; }
.ExportToolbarIcon { display: inline; vertical-align: middle; cursor: pointer; width: 16px; height: 16px; }
.ExportToolbarArrow { width:12px; height:7px; cursor: pointer; }
.ExportList { border: 1px solid transparent; background-position: left; border-radius:3px; border: 1px solid rgb(170, 170, 170);z-index: 0; position: absolute; background-color: white; list-style-type: none; box-shadow: inset -2px -2px 5px rgba(0,0,0,.075); cursor: pointer; }
.ExportList:hover { border: 1px solid #A0A0A0; background-position: left; border-radius:3px; border: 1px solid rgb(170, 170, 170);z-index: 0; position: absolute; background-color: white; list-style-type: none; box-shadow:inset -2px -2px 5px rgba(0,0,0,.075); cursor: pointer; }
.ExportList li { margin: 5px 0px 5px 0px; padding: 4px; border: solid 1px #efeef1; cursor: pointer; text-align:left; }

.Title { border: 1px solid #486B9B; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #7591C8; height: 24px; font-size: 12px; font-weight: bold; text-indent: 5px; line-height: 24px; color: #FFFFFF; }

p { padding-bottom: 5px; }
a:link.light {color:White;}
a:link
table.genericTable { border-width: 1px; padding: 4px; color: black; }
table.genericTable td { border-width: 1px; padding: 2px; vertical-align: top; }
table.genericTable2 { padding: 10px; color: black; }
table.genericTable2 td { padding: 5px; vertical-align: middle; }
table.genericTable3 { padding: 0px 5px 5px 5px; color: black; }
table.genericTable3 td { padding: 5px; vertical-align: top; }
table.genericTableTabs { padding: 1px 3px 3px 3px; }
table.genericTableTabs td { vertical-align: top; }
table.genericRisk { border: 1px solid #C0C0C0; padding: 0px; background-color: #FAF9FE; }
table.genericRisk td { vertical-align: top; }
table.genericRiskDetails { border: 1px solid Transparent; padding: 1px; }
table.genericRiskDetails td { vertical-align: top; border-bottom-style: none; border-right-style: none; }
.clearTable { margin: 0px; padding: 0px 0px 0px 0px; border: 0px; border-style: none; }
.clearTable td { margin: 0px; padding: 0px 0px 0px 0px; border: 0px; border-style: none; }

table.genericTree { border-width: 1px; padding: 4px; color: black; }
table.genericTree td { border-width: 1px; padding: 0px; vertical-align: middle; }
table.genericWFTree { border-width: 1px; padding: 4px; color: black; }
table.genericWFTree td { border-width: 1px; padding: 0px 4px 0px 0px; vertical-align: top; }

.orderLoginBtn-2 {position: absolute;left: 50%; margin-top: -8px;}
.orderLoginBtn-1 {position: absolute;left: 34%; margin-top: -8px;}
.LoginBtnRight {margin-right: 10px;}
div.centered { text-align: center; }
div.centered table { margin: 0 auto; text-align: left; }
input::-moz-focus-inner { border: 0; }

pre { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
.genericButton { color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 20px; line-height:8px; padding-top: 0px; padding-bottom: 1px; }
.genericButtonRight { float:right;margin-right:5px;margin-top:2px; } 
.genericFileUpload { color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; padding-top: 0px; padding-bottom: 0px; }
.genericFileUploadCh { color: #333333; font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif; padding-top: 0px; padding-bottom: 0px; }

.genericButton[disabled]{ color: #A5A2A5;}
.genericCheckbox input, label { padding: 3px; vertical-align: middle; }
.genericCheckboxExtraStyle {position: relative;left: -4px;top: 5px;}
.genericCheckboxWrapper { position: relative; }
.genericCheckboxOverlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(Common/Images/transparent.gif) repeat; }
.genericCheckboxList { vertical-align: top; border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent;}
.genericCheckboxList td { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent; }
.genericCheckboxList td span { vertical-align: top; }
.genericCheckboxList td label { padding: 3px; vertical-align: 30%; }
.verticalCheckboxList { vertical-align: top; border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent;}
.verticalCheckboxList td { border-style: solid; border-width: 0px; border-color: transparent transparent transparent transparent; }
.verticalCheckboxList td span { vertical-align: top; }
.verticalCheckboxList td label { padding: 3px; vertical-align: 30%; }
.genericHyperlink { color:#2E7CDD !important; }
.genericHyperlink:hover { color: #CC3300 !important; }
.genericDisabledItem { color: #A0A0A0; }
.genericImportant { color: #CC3300; }
.bg { filter: alpha(opacity=5); -moz-opacity: 0.05; opacity: 0.05; }
.validationSummary { color:red; }
.min_width_250 {min-width:250px;}

.vmCheckboxList { vertical-align: top; border-style: solid; border-width: 0px; border-color: transparent transparent transparent transparent;}
.vmCheckboxList td { border-style: solid; border-width: 0px; border-color: transparent transparent transparent transparent; }
.vmCheckboxList td span { vertical-align: top; }
.vmCheckboxList td label { padding: 1px; vertical-align: 20%; }

.vdManageImages {font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;font-size: 11px;width: fit-content;margin-top: 6px;margin-left: -4px;}
.vdManageImagesCmd {font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;font-size: 11px;width: fit-content;margin-top: 103px;margin-left: 5.2%;}
.vdTotalImageslb {color: #000000;vertical-align: text-bottom !important;}
.lnkImageManagerCl {color: #2E7CDD;}

.genericCombobox .ajax__combobox_inputcontainer { }
.genericCombobox .ajax__combobox_textboxcontainer { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent; }
.genericCombobox .ajax__combobox_textboxcontainer input { width:100%; color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 15px; }
.genericCombobox .ajax__combobox_buttoncontainer { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent;}
.genericCombobox .ajax__combobox_buttoncontainer button {  }
.genericCombobox .ajax__combobox_itemlist { width:50px; }

.genericRadioList { vertical-align: top; border-collapse: collapse; line-height:8px; }
.genericRadioList td span { vertical-align: top; }
.genericRadioList td label { padding: 2px; vertical-align: 25%; }

/*For IE*/
.genericRadioList1 { vertical-align: top; border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent;}
.genericRadioList1 td { border-style: solid; border-color: transparent transparent transparent transparent; border-width:2px }
.genericRadioList1 td input[type=radio] { /*height: 14px; */}
.genericRadioList1 td span { vertical-align: top; }
.genericRadioList1 td label { padding: 3px; vertical-align: 30%; }

/*For Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .genericRadioList1 td { border-width: 3px !important; }
    .genericRadioList1 td input[type=radio] { height: 14px !important; }
}
/*For FF*/
@-moz-document url-prefix() 
{
    .genericRadioList1 td input[type=radio] { height: 16px !important; }
}

 .genericRadioButton { vertical-align: top; border-collapse: collapse; }
.genericRadioButton span { vertical-align: top; }
.genericRadioButton input { padding: 1px; vertical-align: 25%; }
.genericRadioButton label { padding: 3px; vertical-align: 45%; }
.genericRadioButtonAccLabel label { padding: 3px; vertical-align: 15%; }

.lbl { text-align: right; font-weight: bold; color: #333333; }
.lbl:hover { background-color: #E6E6E6; cursor:default; }
.lblleft { text-align: left; font-weight: bold; color: #333333; }
.lblleft:hover { background-color: #E6E6E6; cursor:default; }
.lblleftPopup { text-align: right; font-weight: bold; color: #333333; padding: 2px 15px 3px 0; }
.lblleftPopup:hover { background-color: #E6E6E6; cursor:default; }
.data { text-align: left; }
.data:hover { background-color: #E6E6E6; cursor: default; }
.dataRow { background-color: #FFFFFF; }
.dataRow:hover { background-color: #F3F3F3; cursor: default; }
.dataAltRow { background-color: #F7F7F7; }
.dataAltRow:hover { background-color: #F3F3F3; cursor:default; }
.dataHeaderRow { background-color: #E6E6E6; }

.lbl2Start { text-align: right; font-weight: bold; color: #333333;}
.lbl2Start:hover {background-color: #E6E6E6; cursor: default;}
.lbl2StartRow2 { text-align: right; font-weight: bold; color: #333333; background-color: #FFFFFF;}
.lbl2StartRow2:hover { background-color: #E6E6E6; cursor: default;    }
.lbl2Middle { text-align: right; font-weight: bold; color: #333333;}
.lbl2Middle:hover {background-color: #E6E6E6;cursor: default;}
.lbl2MiddleRow2 {text-align: right; font-weight: bold; color: #333333; background-color: #FFFFFF;}
.lbl2MiddleRow2:hover { background-color: #E6E6E6; cursor: default;}
.data2 { text-align: left;}
.data2:hover {background-color: #E6E6E6;cursor: default;}
.data2Row2 {text-align: left;background-color: #FFFFFF;}
.data2Row2:hover {background-color: #E6E6E6;cursor: default;}
.data2End { text-align: left;}
.data2End:hover {background-color: #E6E6E6;cursor: default;}
.data2EndRow2 { text-align: left;background-color: #FFFFFF;}
.data2EndRow2:hover { background-color: #E6E6E6;cursor: default;}
.dataRow2 { background-color: #F7F7F7;}
.dataAltRow2 { background-color: #F7F7F7; }
.data2EmptyCell { background-color: #F8F8F8; }
.tableDataGroup { border-collapse: collapse; }
.genericTextBoxNotSelected{background: #cccccc !important;}
.genericPanel { border: 1px solid #D5DFE5; }
.genericPanel2 { border-style: solid none solid none; border-color: #D5DFE5; border-top-width: 1px; border-bottom-width: 1px; }
.genericSpan td span { color: Yellow; vertical-align: top; }
.genericTextBox { color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 15px; }
input[type="text"][readonly="readonly"] { background-color: #F5F5F5; color: #4F4F4F; border-left: 1px solid #DBDFE6; border-top: 1px solid #ABADB3; border-right: 1px solid #DBDFE6; border-bottom: 1px solid #DBDFE6; height: 17px; }
textarea { overflow: auto; }
textarea[readonly="readonly"] { background-color: #F5F5F5; color: #4F4F4F; border-left: 1px solid #DBDFE6; border-top:1px solid #ABADB3; border-right: 1px solid #DBDFE6; border-bottom: 1px solid #DBDFE6;  }
.genericDropDown { padding-bottom:1px; border-style: solid; border-width: 1px; border-color: #ABADB3 #E3E9EF #E3E9EF #E3E9EF; color: #333333; background-color: white; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 19px;max-width:300px; }
.genericDropDownLong { min-width: 181px; padding-bottom:1px; border-style: solid; border-width: 1px; border-color: #ABADB3 #E3E9EF #E3E9EF #E3E9EF; color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 19px;max-width:300px; }
.genericTitle { color: #333333; font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight: bold; }
.genericTreeView{min-width:160px;}
.genericTreeView table td { border-width: 1px; padding: 0px; vertical-align: top;  }
.genericTreeViewNode { color: #297ED3; word-break: break-all;white-space: pre-wrap;}
.genericTreeViewNodeSelected { color: #A21818; }
.genericCenter { text-align: center; }
.genericUpload { color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 20px;}
.genericBold { font-weight: bold; color: #333333; }
.genericListBox { color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; }
.genericListBoxTable, .genericListBoxTable tr, .genericListBoxTable td { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent;}
.invisibleScrollBar { overflow-y: scroll; scrollbar-base-color: #F8F8F8; scrollbar-arrow-color: #F8F8F8; scrollbar-darkshadow-color: #F8F8F8; scrollbar-highlight-color: #F8F8F8; scrollbar-shadow-color: #F8F8F8; }
.fixedHeaderPanel { zoom: 1; overflow: auto; border-style: solid none solid none; border-color: #D5DFE5; border-top-width: 1px; border-bottom-width: 1px; top:10px; left:10px; bottom: 10px; }
.scrollHeader { width:10px; }
.scrollHeader table { min-width:10px; width:10px; max-width:10px; }
.scrollHeader table td { border-style: solid; border-width: 1px; border-color: transparent transparent transparent transparent; }

.UserAgreementLabelCss { width: 471px; display: inline-block;text-align: left; white-space: pre-wrap; font-size: 12px;}
.fixedWizardPanel { min-width: 300px; overflow: auto; border-style: solid none solid none; border-color: #D5DFE5; border-top-width: 1px; border-bottom-width: 1px; top:10px; left:10px; bottom: 10px; }
.floatleft {float: left !important;height: 75vh!important;}
.handle { width: 15px; height: 16px; background-color: red; overflow: hidden; cursor: se-resize; }
.resizing { padding: 0px; border-style: solid; border-width: 1px; border-color: #7391BA; }

fieldset.error legend {  padding: 3px; font-weight: bold; color: Red; }
fieldset.error { border: 1px solid #FF0202; padding: 3px; color: #333333; -moz-border-radius: 5px; -moz-border-top-colors: #FF0202; -moz-border-bottom-colors: #FF0202; -moz-border-left-colors: #FF0202; -moz-border-right-colors: #FF0202; -moz-border-start-width: 1px; -moz-border-end-width: 1px; -moz-bg-outset: 1px solid #FF0202; border-radius: 5px; -webkit-border-radius: 5px; }
fieldset.generic { border: 1px solid #D5DFE5; padding: 3px; color: #333333; -moz-border-radius: 5px; -moz-border-top-colors: #D5DFE5; -moz-border-bottom-colors: #D5DFE5; -moz-border-left-colors: #D5DFE5; -moz-border-right-colors: #D5DFE5; -moz-border-start-width: 1px; -moz-border-end-width: 1px; -moz-bg-outset: 1px solid #D5DFE5; border-radius: 5px; -webkit-border-radius: 5px; }
fieldset.generic legend {  padding: 3px; font-weight: bold; color: Black; }
fieldset.genericAlt { padding: 3px; color: #333333; background-color: #E3E9EF; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
fieldset.genericAlt legend {  padding: 3px; font-weight: bold; color: Black; }

th.sortAsc a { display:inline; padding-right: 20px; background:url('../../Common/Images/Icons/16/up.png'); background-repeat: no-repeat; background-position: 99% 50%; }
th.sortDesc a { display:inline; padding-right: 20px; background:url('../../Common/Images/Icons/16/down.png'); background-repeat: no-repeat; background-position: 99% 50%; }

.genericGrid { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; border:1px solid #c2c2c2 !important; }
.genericGrid TH { padding: 2px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; /*white-space:nowrap;*/ word-wrap:break-word;  height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; padding-left: 3px; border-style: solid; border-width: 1px; border-color: #486B9B;}
.imageGrid TH, .imageGrid TD{word-break: break-all;}
.genericGrid TH a { color: White; }
.genericGrid TH:hover { padding: 2px; background-image: url('../../Common/Images/Dark/headerStripeLight.png');  background-color: #E9E9EB; color: #FFFFD7; }
/*.genericGrid TR:hover { background-color: #85A5DC; color: white; background-repeat: no-repeat; }
genericGrid TR:hover a { color: White; }*/
.genericGrid TD { border-bottom: 1px solid #C0C0C0; height: 17px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; word-wrap:break-word; word-break:break-all;}
.DataGridFooter TD { border-bottom: none; border-style: none }
.genericGridAlternate { background-color: #DBE7F2; }
.genericGridSelected { background-color: #91B1D2; font-weight: bold; }
.genericGridNew { background-color: #C3E6FF; }
.genericGridHeaderLabel td { border-style: solid; border-width: 1px; border-color: transparent transparent transparent transparent; }
.genericGridPager td { border-style: solid; border-width: 1px; border-color: transparent transparent transparent transparent; }
.genericGridTHLeftBlank { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; white-space: nowrap; height: 24px; font-weight: bold; border-right: color: #FFFFFF; text-indent: 3px; border-style: solid none solid solid; border-width: 1px; border-color: #486B9B; }
.genericGridTHCenterBlank { padding: 0px; background-position: left; background-repeat: repeat; background-color: #0969A3; white-space: nowrap; height: 24px; font-weight: bold; border-right: color: #FFFFFF; text-indent: 3px; border-style: solid none solid none; border-width: 1px; border-color: #486B9B; }
.genericGridTHRightBlank { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; white-space: nowrap; height: 24px; font-weight: bold; border-right: color: #FFFFFF; text-indent: 3px; border-style: solid solid solid none; border-width: 1px; border-color: #486B9B; }
.genericLeftAlign { text-align:left;}

.genericRiskGrid { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 1px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; }
.genericRiskGrid TH { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; white-space: nowrap; height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border-style: solid; border-width: 1px; border-color: #486B9B; }
.genericRiskGridHeaderCenter { text-align:center; }
.genericRiskGridHeaderRight { text-align:right; }
.genericRiskGrid TH:hover { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeLight.png'); background-position: left; background-repeat: repeat; background-color: #E9E9EB; white-space: nowrap; height: 24px; color: #FFFFD7; text-indent: 3px; }
.genericRiskGrid TR:hover { background-color: #B6CEE4; background-repeat: no-repeat; }
.genericRiskGrid TR:active { /* background-color: blue; */ }
.genericRiskGrid TD { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; }
.genericRiskGridAlternate { background-color: #DBE7F2; }
.genericRiskGridSelected { background-color: #E6E6E6; }
.genericRiskGridNew { background-color: #C3E6FF; }

.genericConstraintGrid { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; }
.genericConstraintGrid TH { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; white-space: nowrap; height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border-style: solid; border-width: 1px; border-color: #486B9B; }
.genericConstraintGrid TH a { color: White; }
.genericConstraintGrid TH:hover { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeLight.png'); background-position: left; background-repeat: repeat; background-color: #E9E9EB; white-space: nowrap; height: 24px; color: #FFFFD7; text-indent: 3px; }
/*.genericConstraintGrid TR:hover { background-color: #85A5DC; color: white; background-repeat: no-repeat; }*/
.genericConstraintGrid TR:hover a { color: White; }
.genericConstraintGrid TD { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
.genericConstraintInnerTable {border: none; height:12px;}
.genericConstraintInnerTable td {border: none; height:12px;}

.notesGrid { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; }
.notesGrid TH { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; white-space: nowrap; height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border: 1px solid #486B9B; }
.notesGrid TH:hover { border: 1px solid #486B9B; padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeLight.png'); background-position: left; background-repeat: repeat; background-color: #E9E9EB; white-space: nowrap; height: 24px; text-indent: 3px; }
.notesGrid TR:hover { background-color: #D8E2F3; background-repeat: no-repeat; }
.notesGrid TD { border: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; }
.notesGridAlternate { background-color: #DBE7F2; }
.notesGridSelected { background-color: #91B1D2; font-weight: bold; }

.genericDetails { border-bottom: 2px solid #DDDDDD; background-color: #F8F8F8; cursor: pointer; width: 100%; border: 1px solid #DDDDDD; }
.genericDetails TR { height: 27px; }
.genericDetails TD { border: 1px solid #DDDDDD; }

.genericDetails3 { border-bottom: 2px solid #DDDDDD; background-color: #F8F8F8; width: 100%; border: 1px solid #DDDDDD; }
.genericDetails3 TR { height: 27px; }
.genericDetails3 TD { border: 1px solid #DDDDDD; }

.thresholds { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent; }
.thresholds td { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent; }
.straightTable { border: 1px solid #81A1D9; }
.openTable { width: 100%; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #81A1D9; }
.openTable2 { width: 100%; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #81A1D9; margin: 0 12px 0 -12px;  }

.genericDetails2 { background-color: #F8F8F8; cursor: default; width: 100%; border-style: none; }
.genericDetails2 TR:hover { background-color: #E6E6E6; }
.genericDetailsRow { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-indent: 3px; height:22px; }
.genericDetailsAltRow { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-indent: 3px; background-color: #EEEEEE; height:22px; }
.genericDetailsHeader { border: 1px solid #DDDDDD; background-image: url('../../Common/Images/Gray/headerStripeLight.png'); background-position: left; background-repeat: repeat; background-color: #E9E9EB; white-space: nowrap; font-weight: bold; }
.genericDetailsHeader TD:hover { background-image: url('../../Common/Images/Gray/headerStripeLight_Hover.png'); background-position: left; background-repeat: repeat; background-color: #E9E9EB; white-space: nowrap; font-weight: bold; }
.genericDetailsView { border-style: none; }
.genericDetailsView td { border-style: none; }
.genericDetailsViewHeader { white-space: nowrap; text-align: left; vertical-align: bottom; }
.min_width_250 {min-width:250px;}

.genericGridTable { border-bottom: 2px solid #57566F; background-color: #F8F8F8; border-style: solid; border-width: 0px; border-color: #F8F8F8; cursor: pointer; width: 100%; border-collapse: collapse; }
.genericGridTable TD { border-bottom: 1px solid transparent; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: transparent; }

.modalBackground { background-color: #E8E8E8; filter: alpha(opacity=30); opacity: 0.3; }
.modalContent { position: relative; bottom: 3px; right: 3px; border: 1px solid #808080; background-color: #EFEFEF; width: 500px; cursor: default; color: #333333; }
.modalTitle { border: 1px solid #486B9B; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); height: 24px; color: #FFFFFF; font-size: 11px; font-weight: bold; text-indent: 5px; line-height: 24px; min-width: 496px; margin-top: -12px; margin-left: -12px; margin-right: -12px;}
.modalTitle2 { border: 1px solid #486B9B; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); height: 24px; color: #FFFFFF; font-size: 11px; font-weight: bold; text-indent: 5px; line-height: 24px; min-width: 515px; margin-top: -12px; }
.modalTitle3  { border: 1px solid #486B9B; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); height: 22px; color: #FFFFFF; font-size: 11px; font-weight: bold; text-indent: 5px; line-height: 24px; min-width: 100px; margin-top: -12px; margin-left: -12px; margin-right: -12px; width: 397px;}
.modalTable { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent; cursor:default;}
.modalTable tr:hover { background-color: transparent; }
.modalTable td { border-style: solid; border-width: 2px; border-color: transparent transparent transparent transparent; color:#333333; }

.hiddenBound { display: none; }
.visibleBound { }

.img-loader { position: absolute; top: 50%; right: 50%; width: 40px;}
.loader { position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000; opacity: 0.2;}
.show-loader { display: block;}
.hide-loader { display: none;}

.callout div, .callout td, .callout td:hover { height: 12px; border: 1px solid #C0C0C0; background-color: #FFF8CA; color: #333333; }
.callout .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0px; }
.callout .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0px; }
.callout .ajax__validatorcallout_popup_table_row:hover { vertical-align: top; height: 100%; background-color: transparent; padding: 0px; color: #333333; }
.callout .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0px; }
.callout .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0px; }
.callout .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0px; }
.callout .ajax__validatorcallout_callout_arrow_cell { padding: 0px 0px 0px 0px; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.callout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0px; }
.callout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0px; margin-left: auto; }
.callout .ajax__validatorcallout_callout_arrow_cell_bottomleftpos,.ajax__validatorcallout_callout_arrow_cell_topleftpos {padding:0px 0px 0px 8px;margin:0px;text-align:left;vertical-align:top;font-size:1px;border:none !important;background-color:transparent !important;}
.callout .ajax__validatorcallout_callout_arrow_cell_bottomrightpos, .ajax__validatorcallout_callout_arrow_cell_toprightpos { padding: 0px 8px 0px 0px; margin: 0px; text-align: right; vertical-align: top; font-size: 1px; border: none !important; background-color: transparent !important; }
.callout .ajax__validatorcallout_error_message_cell { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; padding: 5px; border-right: none; border-left: none; width: 100%; }
.callout .ajax__validatorcallout_icon_cell { width: 20px; padding: 5px; border-right: none; }
.callout .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0px; text-align: right; border-left: none; }
.callout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 10px; padding: 2px; cursor: pointer; }
.calloutHighlight { background-color: #FFF8CA; border-style: solid; border-width: 1px; border-color: #ABADB3 #E3E9EF #E3E9EF #E3E9EF; }

.popuphelp { border: 1px solid #C0C0C0; background-color: #FFF8CA; visibility: hidden; color: #333333; font-weight: normal; }
.popupHover { background-color: #F5F7F8; }

.ajaxMenu { border: 1px solid #D5DFE5;}
.ajaxMenuItem { padding: 5px; text-align: left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; height:22px; background-color: #F8F8F8; }
.ajaxMenuItem:hover { padding: 5px; text-align: left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; height:22px; background-color: #EFF7FC;}
.ajaxSubMenu { border: 1px solid #D5DFE5; }

.tabs .ajax__tab_header {background:url(../../Common/Images/Tabs/Ajax/tab-line.gif) repeat-x bottom;}
.tabs .ajax__tab_outer {padding-right:4px;background:url(../../Common/Images/Tabs/Ajax/tab-right.gif) no-repeat right;height:21px;}
.tabs .ajax__tab_inner {padding-left:3px;background:url(../../Common/Images/Tabs/Ajax/tab-left.gif) no-repeat;}
.tabs .ajax__tab_tab {height:13px;padding:4px;margin:0px;background:url(../../Common/Images/Tabs/Ajax/tab.gif) repeat-x;}
.tabs .ajax__tab_hover .ajax__tab_outer {cursor:default;background:url(../../Common/Images/Tabs/Ajax/tab-hover-right.gif) no-repeat right;}
.tabs .ajax__tab_hover .ajax__tab_inner {cursor:pointer;background:url(../../Common/Images/Tabs/Ajax/tab-hover-left.gif) no-repeat;}
.tabs .ajax__tab_hover .ajax__tab_tab {cursor:pointer;background:url(../../Common/Images/Tabs/Ajax/tab-hover.gif) repeat-x;}
.tabs .ajax__tab_active .ajax__tab_outer {background:url(../../Common/Images/Tabs/Ajax/tab-active-right.gif) no-repeat right;}
.tabs .ajax__tab_active .ajax__tab_inner {background:url(../../Common/Images/Tabs/Ajax/tab-active-left.gif) no-repeat;}
.tabs .ajax__tab_active .ajax__tab_tab { background: url(../../Common/Images/Tabs/Ajax/tab-active.gif) repeat-x; font-weight: bold; outline: 0;}
.tabs .ajax__tab_disabled { color: #A0A0A0;}
.tabs .ajax__tab_body {border:1px solid #AEAEAE;border-top:0;padding:8px;background-color:#F8F8F8;}
.tabs.adminSettingTabCls .ajax__tab_body {border:1px solid #D5DFE5;border-radius: 0px 0px 5px 5px;}
.tabs.adminSettingTabCls{padding:8px;}

.tabs2 .ajax__tab_header {background:url(../../Common/Images/Tabs/Ajax/tab-line.gif) repeat-x bottom;}
.tabs2 .ajax__tab_outer {padding-right:4px;background:url(../../Common/Images/Tabs/Ajax/tab-right.gif) no-repeat right;height:21px;}
.tabs2 .ajax__tab_inner {padding-left:3px;background:url(../../Common/Images/Tabs/Ajax/tab-left.gif) no-repeat;}
.tabs2 .ajax__tab_tab {height:13px;padding:4px;margin:0px;background:url(../../Common/Images/Tabs/Ajax/tab.gif) repeat-x;}
.tabs2 .ajax__tab_hover .ajax__tab_outer {cursor:pointer;background:url(../../Common/Images/Tabs/Ajax/tab-hover-right.gif) no-repeat right;}
.tabs2 .ajax__tab_hover .ajax__tab_inner {cursor:pointer;background:url(../../Common/Images/Tabs/Ajax/tab-hover-left.gif) no-repeat;}
.tabs2 .ajax__tab_hover .ajax__tab_tab {cursor:pointer;background:url(../../Common/Images/Tabs/Ajax/tab-hover.gif) repeat-x;}
.tabs2 .ajax__tab_active .ajax__tab_outer {background:url(../../Common/Images/Tabs/Ajax/tab-active-right.gif) no-repeat right;}
.tabs2 .ajax__tab_active .ajax__tab_inner {background:url(../../Common/Images/Tabs/Ajax/tab-active-left.gif) no-repeat;}
.tabs2 .ajax__tab_active .ajax__tab_tab { background: url(../../Common/Images/Tabs/Ajax/tab-active.gif) repeat-x; font-weight: bold; }
.tabs2 .ajax__tab_disabled { color: #A0A0A0;}
.tabs2 .ajax__tab_body { border-top: 0; padding: 0px; background-color: Transparent; border-style: none; border-width: 0px; border-color: inherit; }

.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

.cal .ajax__calendar_container { background-color: #EEEEEE; border: 1px solid #ABADB3; }
.cal .ajax__calendar_header { background-color: #EEEEEE; margin-bottom: 4px; }
.cal .ajax__calendar_title, .cal .ajax__calendar_next, .cal .ajax__calendar_prev { color: #004080; padding-top: 3px; }
.cal .ajax__calendar_body { background-color: #F8F8F8; border: 1px solid #ABADB3; }
.cal .ajax__calendar_dayname { text-align: center; font-weight: bold; margin-bottom: 4px; margin-top: 2px; } 
.cal .ajax__calendar_day { text-align: center; }
.cal .ajax__calendar_hover .ajax__calendar_day, .cal .ajax__calendar_hover .ajax__calendar_month, .cal .ajax__calendar_hover .ajax__calendar_year, .cal .ajax__calendar_active { color: #004080; font-weight: bold; background-color: #EEEEEE; }
.cal .ajax__calendar_today { font-weight: bold; }
.cal .ajax__calendar_other  { color: #EEEEEE; }
.cal .ajax__calendar_days td { padding: 0px; }

.calthresholds tr { height: 0; }
.calthresholds td { border: 0;  }

.redAlert { background-color: #F78181; }
.greenAlert { background-color: #A9F5D0; }

/*Place holder*/
::-webkit-input-placeholder {
      font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
    font-style:italic;
}
::-moz-placeholder {  /* Firefox 19+ */
    font-style:italic;
}
:-ms-input-placeholder {  
    font-style:italic;
}
/*Place holder*/

/* Rules */
.RedText {
    color: red;
}

.YellowText {
    color: #caba00;
}
.Red { background-color: Red; cursor: default; }
.Green { background-color: Green; cursor: default; }
.Yellow { background-color:Yellow; cursor: default; }
.RiskColor { background-color: InactiveCaption; color: #000; font-size: 9px; border: solid 1px #ABADB3; margin: 1px; }
.RiskColorRed { background-color: #FD9292; color: #000; font-size: 9px; border: solid 1px #ABADB3; margin: 1px; }
.RiskColorYellow { background-color: #FDF792; color: #000; font-size: 9px; border: solid 1px #ABADB3; margin: 1px; }
.RiskColorGreen { background-color: #B4FCB4; color: #000; font-size: 9px; border: solid 1px #ABADB3; margin: 1px; }

.text-below-Table { font-weight: bold; font-size: xx-small; width: fit-content; margin-top: 5px;}

.popupMenu { position: absolute; visibility: hidden; background-color: #F5F7F8; opacity: .9; filter: alpha(opacity=90); }
.panelFrame { border-bottom: 1px solid #57566F; background-color: #F8F8F8; border-color: #C0C0C0; border-style: solid; border-width: 1px 0px 1px 0px; }
    
.history { height: 100%; width: 95%; }
.header { padding-left: 4px; padding-top: 2px; padding-bottom: 2px; border-bottom: solid 1px black; font-weight: bold; background-color: silver; }
.viewer_content { padding-left: 4px; padding-right: 4px; margin-top: 1em; }
.hiddencol { display: none; }

.collapsePanelHeader { height: 20px; color: #333333; font-weight: bold; overflow: hidden; }
.menuColumn { background-color: #F7F7F7; }

.loginStatus { color: white; text-align: right; }
.loginDropDown { border-style: solid; border-width: 1px; border-color: #ABADB3 #E3E9EF #E3E9EF #E3E9EF; color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 18px; background-color: #E1EBF4; max-width:150px; }
.legalWarning { font-size: .8em; text-align: justify; margin-top: 10px; padding: 10px; color: #666666; }
.noteshr { width: 100%; color: #81A1D9; background-color: #81A1D9; height: 1px; border: 0px; }
.notesOwner { color: #5470AD; font-weight: bold; }
.notesBody { color: #666666; }
.image_back { border: 1px solid #ccc; background: #333; padding: 5px; color: #fff; }

#loginbox, #license { position: relative; }
#loginboxround, #licenseround { z-index: -1; position: absolute; left: 0px; }

#loginboxround { top: 0px; width: 340px; height: 180px; }
#licenseround { top: 210px; width: 340px; height: 100px; }

#loginbox { width: 340px; margin: 0 auto; text-align: left; }
#license { width: 325px; margin: 0 auto; text-align: left; z-index: -1; position: relative; left: 0px;  height: 100px; }

v\:roundrect { border-radius:20px;  -moz-border-radius: 20px; -webkit-border-radius: 20px; /* IE-specific */ behavior: url(#default#VML);
    background-color: transparent\9;
    background-color: #E3E9EF;
}

#image_screenshot { position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; }
#image_preview { position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; }
#link_tooltip { position: absolute; border: 1px solid #333; background: #f7f5d1; padding: 2px 5px; color: #333; display: none; }

.infiniteCarousel { width: 100%;  position: relative; } /* total width infiniteCarousel.width = 440px, wrapper.width = 360px, image.width = 100px */
.infiniteCarousel .wrapper { width: 90%; overflow: auto; min-height: 10em; margin: 0 5%; position: absolute; top: 0;}
.infiniteCarousel ul a img { border: 2px solid #666666; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.infiniteCarousel .wrapper ul { width: 9999px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; }
.infiniteCarousel ul li { display: block; float: left; padding: 10px 3px; height: 100px; width: 100px; }
.infiniteCarousel ul li a img {width: 100%; height: 90px; object-fit: contain; display: block; }

/* Arrow Styles */
.infiniteCarousel .arrow { display: block; height: 36px; width: 37px; background: url(../../common/images/icons/BlueArrows.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 37px; cursor: pointer; }
.infiniteCarousel .forward { background-position: 0 0; right: 0; }
.infiniteCarousel .back { background-position: 0 -72px; left: 0; }
.infiniteCarousel .forward:hover { background-position: 0 -36px; }
.infiniteCarousel .back:hover { background-position: 0 -108px; }

.Toolbar { margin: 2px; }
.ToolbarButton { background-image: url('../../Common/Images/Gray/headerStripeLight.png'); background-repeat: repeat; border: 1px solid #707070; cursor: hand; }
.ToolbarButton:hover { background-image: url('../../Common/Images/Dark/headerStripeLight_BtnHover.png'); background-repeat: repeat; border: 1px solid #3C7FB1; cursor: hand; }
.buttonLink:link { color: #333333; text-decoration: none; padding-bottom: 2px; }
.buttonLink:hover { color: #333333; text-decoration: none; }
.buttonLink:visited { color: #333333; text-decoration: none; padding-bottom: 2px; }
.buttonLink:active { text-decoration: none; text-indent: 2px; padding-bottom: 0px; padding-top: 2px; }

.popupCheckbox { border: 1px solid #DBDBDB; background-color: #F8F8F8; color: #333333; }
.popupCheckbox:hover { border: 1px solid #DBDBDB; background-color: #F8F8F8; color: #333333; }
.popupCheckbox table { border: none;}
.popupCheckbox td { border: none; height: 10px;}
.transparentTable table { border: none;}
.transparentTable td { border: none; height: 10px;}


/*** SUPERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 9999; }
.sf-menu { line-height: 0.75; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 26px; /* match top ul list item height */ z-index: 9999; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** SKIN ***/
#menubar { border-width: 1px; border-color: #FFFFFF; background-color: #EBEBEB; width: 100%; height: 26px; border-top-style: solid; }
.sf-menu { float: left; margin-bottom: -1.25em; width:auto;}
.sf-menu a { padding: .75em .75em .75em .75em; text-decoration: none;}
.sf-menu ul a {padding: .50em .50em .50em .50em; text-decoration: none; }
.sf-menu a, .sf-menu a:visited { color: #333333; }
.sf-menu li { background: #EBEBEB;  border-left-style: solid; border-left-width: 1px; border-left-color: #EBEBEB; border-right-color: #EBEBEB; border-right-width: 1px; border-right-style: solid; }
.sf-menu li img { vertical-align: middle; }
.sf-menu li:hover, .sf-menu li.sfHover { border-left-style: solid; border-left-width: 1px; border-left-color: #AACCF6; border-right-color: #AACCF6; border-right-width: 1px; border-right-style: solid; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-image: url('../../Common/Images/Dark/menuHover.png'); outline: 0;  }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2em; min-width: 1px; padding-top: 8px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; 

background: url('../../Common/Images/Icons/arrows-gray.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { 

background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, 

.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url('../../Common/Images/Icons/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
.importantMessage { font-weight: bold; color: #CC3300 ; }
.DisabledLabels { color: #A5A2A5 !important;pointer-events:none; }
.DisabledLabels:hover { color: #A5A2A5 !important; }

.ListSearchExtenderPrompt { height: 20px; font-style: italic; color: #2E9FE1; }

.modifiedTable { border-collapse: collapse; }
.modifiedTable td { padding: 0px; }

.colorTable {}
.colorTable table { border-collapse: collapse;}
.colorTable table td { border: 1px solid #FFFFFF; cursor: crosshair; padding: 0px; }

/**
 * Layer switcher
 */
.olControlLayerSwitcher { position: absolute; top: 69px; right: 0; font-family: sans-serif; font-weight: bold; margin-top: 3px; margin-left: 3px; margin-bottom: 3px; font-size: smaller; color: white; background-color: transparent; width: 215px; height: 150px; }
.olControlLayerSwitcher .layersDiv { padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 75px; background-color: darkblue; height: 100%; overflow-y: auto; }
.olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl { margin-top: 3px; margin-left: 3px; margin-bottom: 3px; }
.olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv { padding-left: 10px; }
.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv { top: -19px; right: 0; cursor: pointer; }
.olControlWrenchItemActive {background-image: url('../../Common/Images/Icons/Wrench.png'); top: 30px; right: 0px; width: 18px; height: 18px; cursor: pointer; }
.olControlWrench { background-image: url('../../Common/Images/Icons/Wrench.png'); top: 30px; right: 0px; width: 18px; height: 18px; cursor: pointer; } 
.olControlPanel { width: 18px; height: 18px; cursor: pointer; right: 0px; top: 30px; border: 0px solid black; }
.layersDiv { white-space: nowrap; overflow-x: hidden !important;overflow-y: scroll !important;scrollbar-face-color: darkblue;scrollbar-shadow-color: white;scrollbar-highlight-color:white;scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white;scrollbar-track-color: darkblue; scrollbar-arrow-color: white;}

.recoverCredentialParentClass{vertical-align:top;}
.recoverCredentialClass{padding-top:12px;}
.inboxNewMessageClass{margin: 2px 2px 2px 0px;}
.overviewRefreshDelayClass{margin:2px 5px 5px 5px; text-align:center;}
.moreDetailsVesselPopup{margin:5px; font-size:11px;}
tr.genericGridPager td{vertical-align:middle;}
.olMap{border: 1px solid #c2c2c2;}
.x-color-palette{margin: 5px;}
.viewGridClass .x-toolbar div.xtb-text{margin-right: 10px;}

/*-------------------------------------
           Drop Shadow
--------------------------------------*/

/*.drop-shadow { position: relative; float: left; padding: 1em;  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
               -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }*/

.drop-shadow {

     float: left;  
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
               -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
               box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
    margin-left: 4px;
    margin-right: 4px;
    padding: 11px;
    top: -5px;
    /*width: 95%;*/
}


.drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; }

/* Lifted corners */
.lifted { -moz-border-radius: 4px; border-radius: 4px; }
.lifted:before, .lifted:after { bottom: 15px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
.lifted:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }

/* Curled corners */
.curled { border: 1px solid #efefef; -moz-border-radius: 0 0 120px 120px / 0 0 6px 6px; border-radius: 0 0 120px 120px / 0 0 6px 6px; }
.curled:before, .curled:after { bottom: 12px; left: 10px; width: 50%; height: 55%; max-width: 200px; max-height: 100px; -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5); -webkit-transform: skew(-8deg) rotate(-3deg); -moz-transform: skew(-8deg) rotate(-3deg); -ms-transform: skew(-8deg) rotate(-3deg); -o-transform: skew(-8deg) rotate(-3deg); transform: skew(-8deg) rotate(-3deg); }
.curled:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); }

/* Perspective */
.perspective:before { left: 80px; bottom: 5px; width: 50%; height: 35%; max-width: 200px; max-height: 50px; -webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform: skew(50deg); -moz-transform: skew(50deg); -ms-transform: skew(50deg); -o-transform: skew(50deg); transform: skew(50deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }
.perspective:after { display: none; }

/* Raised shadow - no pseudo-elements needed */
.raised { -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

/* Curved shadows */
.curved:before { top: 10px; bottom: 10px; left: 0; right: 50%; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6); box-shadow: 0 0 15px rgba(0,0,0,0.6); -moz-border-radius: 10px / 100px; border-radius: 10px / 100px; }
.curved-vt-2:before { right: 0; }

.curved-hz-1:before { top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }
.curved-hz-2:before { top: 0; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; }

/* Rotated box */
.rotated { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
.rotated > :first-child:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

/*-------------------------------------
          END Drop Shadow
--------------------------------------*/
/*.workflowInterfaceTreeViewCls table{max-width:250px; white-space:pre-wrap; word-break:break-all; }
.workflowInterfaceTreeViewCls td{vertical-align:middle }
.workflowInterfaceTreeViewCls table span{white-space:pre-wrap; word-break:break-all;}*/

.WordWrapTable{table-layout:fixed; }
.WordWrapCell{max-width:670px; word-wrap:break-word; word-break:break-all; }
.BoundFieldWordWrap{ word-wrap:break-word; word-break:break-all; }
.BoundFieldWordWrap input { color: #333333; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; height: 15px; }

/* login status */
.loginStatus{margin-top:2px; margin-right:-7px;}
.passwordExpire {
    overflow: hidden;
    float: right;
    margin-top: -15px;
    padding-right: 3px;
    color: red;
    font-size: 10px;
}

/* grid empty cls */
.gridEmptyCls .x-grid-view{margin-left:40%; padding-top:20px;}

/*.workflowTreeView .genericTreeViewNode a{line-height:2em;}*/

/* Workflow  */

.workflowTreeCls .x-tree-lines .x-tree-elbow,.workflowTreeCls .x-tree-lines .x-tree-elbow-line, .workflowTreeCls .x-tree-lines .x-tree-elbow-end{background-image:none;}
.workflowTreeCls .x-tree-elbow,.workflowTreeCls .x-tree-elbow-end,.workflowTreeCls .x-tree-elbow-line{background-image:none;}
.workflowTreeView .genericTreeViewNode {padding-top:5px; padding-left:2px;}
.workflow4TreeCls.x-tree-panel .x-grid-row .x-grid-cell-inner{height:auto;}
.workflow4TreeCls.x-tree-panel .x-grid-row .x-grid-cell-inner .treeText{word-wrap: break-word;word-break: break-all;white-space: pre-wrap; width:auto;}


/* sidebarInbox4PanelCls */
.sidebarInbox4PanelCls .x-panel-body{overflow-x:hidden !important;}
.viewGrid.genericGrid td{border:none;}
/* overviewTreePanelCls*/
.overviewTreePanelCls .x-grid-view{width:100% !important;}


/*-------------------------------------
          Start RAM TreeView
--------------------------------------*/

.ImgNodeExpand { cursor: pointer;}
.SelectedTreeNode { background-color: #91B1D2; font-weight: bold; }

/*Rule Header and Nodes*/

table.ruleHeader { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; border: 1px solid #c2c2c2 !important; }
table.ruleHeader th { vertical-align:middle; text-align:left; padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; /*white-space:nowrap;*/ word-wrap:break-word;  height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border-style: solid; border-width: 1px; border-color: #486B9B; }
table.ruleHeader th:hover { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeLight.png');  background-color: #E9E9EB; color: #FFFFD7; }
table.ruleHeader th.ruleHeaderTextData { min-width:354px; max-width:354px; }
/*table.ruleHeader th.ruleHeaderWidth26 { min-width:26px; max-width:26px; }
table.ruleHeader th.ruleHeaderWidth48 { min-width:48px; max-width:48px; }*/
table.ruleHeader th.ruleHeaderWidth50 { min-width:50px; max-width:50px; }
/*table.ruleHeader th.ruleHeaderWidth60 { min-width:60px; max-width:60px; }*/
table.ruleHeader th.ruleHeaderWidth70 { min-width:70px; max-width:70px; }
table.ruleHeader th.ruleHeaderWidth86 { min-width:86px; max-width:86px; }

table.ruleHeader td { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
table.ruleHeader td.ruleNodeTextData { min-width:354px; max-width:354px; word-wrap: break-word; word-break: break-all; }
/*table.ruleHeader td.ruleNodeWidth20 { min-width:20px; max-width:20px; }*/
table.ruleHeader td.ruleNodeWidth50 { min-width:50px; max-width:50px; }
/*table.ruleHeader td.ruleNodeWidth60 { min-width:60px; max-width:60px; }*/
table.ruleHeader th.ruleNodeWidth70 { min-width:70px; max-width:70px; }
table.ruleHeader td.ruleNodeWidth86 { min-width:86px; max-width:86px; }

/*
table.ruleNode { padding: 0px; min-width:674px; max-width:674px; color:#000000; }
table.ruleNode tr.ruleNodeAlternate { background-color: #DBE7F2; }
table.ruleNode td { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
table.ruleNode td.ruleNodeTextData { min-width:354px; max-width:354px; word-wrap: break-word; word-break: break-all; }
table.ruleNode td.ruleNodeWidth20 { min-width:20px; max-width:20px; }
table.ruleNode td.ruleNodeWidth50 { min-width:50px; max-width:50px; }
table.ruleNode td.ruleNodeWidth60 { min-width:60px; max-width:60px; }
table.ruleNode td.ruleNodeWidth80 { min-width:80px; max-width:80px; }
*/

/*Interest Factor and Nodes*/

table.IFHeader { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; border: 1px solid #c2c2c2 !important; }
table.IFHeader th { vertical-align:middle; text-align:left; padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; /*white-space:nowrap;*/ word-wrap:break-word;  height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border-style: solid; border-width: 1px; border-color: #486B9B; }
table.IFHeader th:hover { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeLight.png');  background-color: #E9E9EB; color: #FFFFD7; }
table.IFHeader th.IFHeaderTextData { min-width:600px; max-width:600px; }
/*table.IFHeader th.IFHeaderWidth26 { min-width:26px; max-width:26px; }
table.IFHeader th.IFHeaderWidth48 { min-width:48px; max-width:48px; }*/
table.IFHeader th.IFHeaderWidth50 { min-width:50px; max-width:50px; }
/*table.IFHeader th.IFHeaderWidth86 { min-width:86px; max-width:86px; }*/

table.IFHeader td { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
table.IFHeader td.IFNodeTextData { min-width:600px; max-width:600px; word-wrap: break-word; word-break: break-all; }
/*table.IFHeader td.IFNodeWidth20 { min-width:20px; max-width:20px; }*/
table.IFHeader td.IFNodeWidth50 { min-width:50px; max-width:50px; }
/*table.IFHeader td.IFNodeWidth86 { min-width:86px; max-width:86px; }*/

/*
table.IFNode { padding: 0px; min-width:750px; max-width:750px; color:#000000; }
table.IFNode tr.IFNodeAlternate { background-color: #DBE7F2; }
table.IFNode td { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
table.IFNode td.IFNodeTextData { min-width:650px; max-width:650px; word-wrap: break-word; word-break: break-all; }
table.IFNode td.IFNodeWidth20 { min-width:20px; max-width:20px; }
table.IFNode td.IFNodeWidth80 { min-width:80px; max-width:80px; }
*/

/*Risk Category and Nodes*/

table.RCHeader { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; border: 1px solid #c2c2c2 !important; }
table.RCHeader th { vertical-align:middle; text-align:left; padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; /*white-space:nowrap;*/ word-wrap:break-word;  height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border-style: solid; border-width: 1px; border-color: #486B9B; }
table.RCHeader th:hover { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeLight.png');  background-color: #E9E9EB; color: #FFFFD7; }
table.RCHeader th.RCHeaderTextData { min-width:697px; max-width:697px; }
/*table.RCHeader th.RCHeaderWidth26 { min-width:26px; max-width:26px; }
table.RCHeader th.RCHeaderWidth48 { min-width:48px; max-width:48px; }*/
table.RCHeader th.RCHeaderWidth50 { min-width:50px; max-width:50px; }
/*table.RCHeader th.RCHeaderWidth86 { min-width:86px; max-width:86px; }*/
table.RCHeader th.RCHeaderWidth100 { min-width:100px; max-width:100px; }

table.RCHeader td { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
table.RCHeader td.RCNodeTextData { min-width:600px; max-width:600px; word-wrap: break-word; word-break: break-all; }
/*table.RCHeader td.RCNodeWidth20 { min-width:20px; max-width:20px; }*/
table.RCHeader td.RCNodeWidth50 { min-width:50px; max-width:50px; }
/*table.RCHeader td.RCNodeWidth80 { min-width:80px; max-width:80px; }*/

/*
table.RCNode { padding: 0px; min-width:797px; max-width:797px; color:#000000; }
table.RCNode tr.RCNodeAlternate { background-color: #DBE7F2; }
table.RCNode td { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
table.RCNode td.RCNodeTextData { min-width:697px; max-width:697px; word-wrap: break-word; word-break: break-all; }
table.RCNode td.RCNodeWidth20 { min-width:20px; max-width:20px; }
table.RCNode td.RCNodeWidth80 { min-width:80px; max-width:80px; }
*/

/*RAM and Nodes*/

table.RAMHeader { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; min-width:902px; max-width:902px; border-collapse: collapse; border: 1px solid #c2c2c2 !important; }
table.RAMHeader td { vertical-align:middle; text-align:left; padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; /*white-space:nowrap;*/ word-wrap:break-word;  height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border-style: solid; border-width: 1px; border-color: #486B9B; }
table.RAMHeader td:hover { padding: 0px; background-image: url('../../Common/Images/Dark/headerStripeLight.png');  background-color: #E9E9EB; color: #FFFFD7; }
table.RAMHeader td.RAMHeaderTextData { min-width:454px; max-width:454px; }
table.RAMHeader td.RAMHeaderWidth26 { min-width:26px; max-width:26px; }
table.RAMHeader td.RAMHeaderWidth48 { min-width:48px; max-width:48px; }
table.RAMHeader td.RAMHeaderWidth86 { min-width:86px; max-width:86px; }
table.RAMHeader td.RAMHeaderWidth106 { min-width:106px; max-width:106px; }
table.RAMHeader td.RAMHeaderWidth156 { min-width:156px; max-width:156px; }

table.RAMNode { padding: 0px; min-width:824px; max-width:824px; color:#000000; }
table.RAMNode tr.RAMNodeAlternate { background-color: #DBE7F2; }
table.RAMNode td { border-bottom: 1px solid #C0C0C0; height: 17px; text-indent: 3px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0; }
table.RAMNode td.RAMNodeTextData { min-width:454px; max-width:454px; word-wrap: break-word; word-break: break-all; }
table.RAMNode td.RAMNodeWidth20 { min-width:20px; max-width:20px; }
table.RAMNode td.RAMNodeWidth80 { min-width:80px; max-width:80px; }
table.RAMNode td.RAMNodeWidth100 { min-width:100px; max-width:100px; }
table.RAMNode td.RAMNodeWidth150 { min-width:150px; max-width:150px; }

/*-------------------------------------
          END RAM TreeView
--------------------------------------*/

/* sidebarPanelContainerCls */
.sidebarPanelContainerCls, .sidebarPanelContainerCls .x-panel-header { z-index: 9990 !important;}
.sidebarPanelContainerCls .x-panel-header{ min-height:16px !important;}
.sidebarPanel4ContainerCls, .sidebarPanelContainerCls .x-panel-header { z-index: 9990 !important;}

/* vesselMenuPanelCls */
.x-nbr .vesselMenuPanelCls.x-panel-default-framed { background-color: #dfe9f6; border-width:1px !important;}

/* LatLongFormatPanelCls */
.LatLongFormatPanelCls{margin-top:3px;}
.positionDataWindowCls .x-panel-mc{font: normal 12px tahoma, arial, helvetica, sans-serif;}
.latlongLeftCtrlCls{margin-left:5px;}
.positionDataWindowCls .x-form-invalid-icon{display:none !important;}
.positionDataWindowCls .x-panel-body{background:transparent;}

/* .ajax__slider_h_rail */
.layerOpacityCtrlClass .ajax__slider_h_rail{float:left; margin-left:5px; width:40px;}
.layerRefreshCtrlClass .ajax__slider_h_rail{float:left; margin-left:5px; width:40px;}
/* genericView4Grid */
.genericView4Grid { border-bottom: 2px solid #57566F; background-color: #F5F5F5; border-style: solid; border-width: 0px; border-color: #C0C0C0; cursor: default; width: 100%; border-collapse: collapse; border:1px solid #c2c2c2 !important; }
.genericView4Grid TH { padding: 2px; background-image: url('../../Common/Images/Dark/headerStripeDark.png'); background-position: left; background-repeat: repeat; background-color: #0969A3; /*white-space:nowrap;*/ word-wrap:break-word;  height: 24px; font-weight: bold; border-right: 1px solid #C0C0C0; color: #FFFFFF; text-indent: 3px; border-style: solid; border-width: 1px; border-color: #486B9B;}
.genericView4Grid TH a { color: White; }
.genericView4Grid TH:hover { padding: 2px; background-image: url('../../Common/Images/Dark/headerStripeLight.png');  background-color: #E9E9EB; color: #FFFFD7; }
.genericView4Grid TR:hover a { color: White; }
.genericView4Grid td { border-bottom: 1px solid #C0C0C0; height: 17px; vertical-align: top; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #C0C0C0;}
/* measureBtnCls*/
.measureBtnCls{background:transparent; border:none;}
/* vesselTileCls */
.vesselTileCls{height: 50% !important;}

/* notificationWinCls */
.notificationWinCls .x-panel, .notificationWinCls .x-panel .x-panel-header, .notificationWinCls .x-panel .x-panel-body{background: transparent;border: none;box-shadow: none;}
.notificationWinCls { background: #dfe8f6; max-height:460px; overflow-y:scroll; width:400px !important; }
.notificationWinCls .x-panel{margin-top:-10px;  border-top: 1px solid #4A7EBB;width :368px;}
.notificationWinCls .x-panel:first-child{margin-top:0px; border-top:none;}
.notificationWinCls, .notificationWinCls * {z-index:999 !important;}
.x-window .x-tool, .x-tip .x-tool{left:auto !important; right:2px !important;}
.notificationWinCls.x-window .x-tool{left:344px !important;}

/* scoringChangeWinCls */
.scoringChangeWinCls .x-panel, .notificationWinCls .x-panel .x-panel-header, .scoringChangeWinCls .x-panel .x-panel-body{background: transparent;border: none;box-shadow: none;}
.scoringChangeWinCls { background: #dfe8f6; max-height:245px; width:250px !important; }
.scoringChangeWinCls .x-panel{margin-top:10px;  border-top: 1px solid #4A7EBB;}
.scoringChangeWinCls .x-panel:first-child{margin-top:0px; border-top:none;}
.scoringChangeWinCls, .scoringChangeWinCls * {z-index:999 !important;}
.x-window .x-tool, .x-tip .x-tool{left:auto !important; right:2px !important;}
.scoringChangeWinCls.x-window .x-tool{left:205px !important;}

.layerSwitcherIconCls{ cursor:pointer; top:142px; position:absolute; width:18px; height:18px;}
.layerSwitcherIconMaxCls{background-image: url('../../Common/Javascript/ol/OpenLayers-3.7.0/img/layer-switcher-maximize.png'); opacity:.5; }
.layerSwitcherIconMinCls{background-image: url('../../Common/Javascript/ol/OpenLayers-3.7.0/img/layer-switcher-minimize.png'); opacity:.5; }

.confirmOverlayDialogCls.ui-dialog.ui-widget{z-index: 9999999 !important;}
.confirmOverlayDialogClstimeoutMsg.ui-dialog.ui-widget{z-index: 99999999 !important;}

.lSwitcherPanelCls{position:absolute; top:160px; background-color: rgba(0, 60, 136,.4); width: 252px; color: white; padding:2px; height:180px; overflow-y:scroll; overflow-x:hidden; border-radius: 4px; z-index:99;}
.lSwitcherPanelShowCls{display:block;}
.lSwitcherPanelHideCls{display:none;}
.UMSIconCls {cursor:pointer; top:122px; position:absolute; width:18px; height:18px;background-image: url('../../Common/Images/Icons/Wrench.png'); opacity:.5;}
.mapCaptureIconCls {
    cursor: pointer;
    top: 102px;
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('../../Common/Images/Icons/Capture.png');
    opacity: .5;
}

/* Zoom slider */
#map-canvas .ol-zoom{
    margin-top: 4px;
}
#map-canvas .ol-zoom .ol-zoom-out {
	margin-top: 100px;
}
#map-canvas .ol-zoomslider {
  background-color: transparent;
  top: 30px;
  height: 100px;
}

#map-canvas .ol-zoomslider .ol-zoomslider-thumb{
    margin: 1px;
}

#map-canvas .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
#map-canvas .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] 

#map-canvas .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
#map-canvas .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] 

.olControlAttribution{z-index: 990 !important;}
#map-canvas .ol-mouse-position{background:white; font-size: smaller;}
#map-canvas .ol-attribution li:first-child{display:none;}
#map-canvas .ol-attribution ul{width: 90%;}
#map-canvas .ol-attribution{background:transparent;}
#map-canvas .ol-attribution button{vertical-align:bottom;}
#map-canvas .ol-attribution img{max-width:65px; max-height: 36px;}

.ScoringSubmitMsgCls .x-window-body{text-align:center;}
.trackVesselSecondMenuCls, .trackVesselSecondMenuCls .x-menu-body, .trackVesselSecondMenuCls .x-vertical-box-overflow-body {min-height: 200px;min-width: 300px !important;}
.trackVesselSecondMenuCls .trackVesselMenuCls{width: 300px !important;}
.ui-dialog .ui-icon-closethick{display:none !important;}
.x-region-collapsed-placeholder.x-region-collapsed-placeholder-min{min-width:30px !important; margin-left:-30px !important;}
.x-region-collapsed-placeholder .x-panel-header-body{min-width:30px;}
.filterGridCls .x-scroller, .iBenchGridCls .x-scroller{display:none;}
.btnVIDPublishAddIconCls {
    background-image: url('../../Common/Images/Icons/16/add_normal.png');
}
.btnVIDPublishAddCls {
    background-image: none;
    background-color: transparent;
    border: none;
}
.x-vidpublish-grid-edit-iconCls{
    background-image: url('../../Common/Images/Icons/16/edit3.png'); width: 16px; height: 16px;
}
.x-vidpublish-grid-update-iconCls{
    background-image: url('../../Common/Images/Icons/16/update.png'); width: 16px; height: 16px;
}
.x-vidpublish-grid-remove-iconCls{
    background-image: url('../../Common/Images/Icons/16/delete_normal.png'); width: 16px; height: 16px; margin-left: 4px;
}
.x-vidpublish-grid-cancel-iconCls{
    background-image: url('../../Common/Images/Icons/16/undo.png'); width: 16px; height: 16px; margin-left: 4px;
}
.vidPublishFormCls .genericCheckbox input, .vidPublishFormCls label { vertical-align: top; }
.vidPublishPrivateLabelCls{color: red;}
.vidPublishLabelHeaderCls { background-color: #CED9E7; color: #3F72A7; }
.ui-aboutus-dialog{ z-index: 100003 !important; }
.ui-aboutus-widget-overlay{ z-index: 100002 !important; }
.ui-widget-overlay { z-index: 100001 !important; }
.vidPublishFormCls .x-item-disabled{opacity: 1;}

/*hide the angular validator on page load*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.pl-3px {padding-left: 3px;}

.EmptyData td { padding: 0px !important; }
.DashboardPopup td {padding:2px;}
.DashboardPopup ul {columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-type:none; margin: 0; padding: 0;}
.DashboardPopup ul li {padding: 0; margin: 0;}
.DashboardPopup a {color: #2e7cdd;}

.aorIconCls { background-image: url('../../Common/Images/Icons/16/world.png'); margin-top: 2px; background-repeat:no-repeat; background-size: 85%;  }
.portIconCls { background-image: url('../../Common/Images/VesselTypeIcons/Reticle_Port.ashx?size=small'); margin-top: 1px; width: 18px; margin-left: -2px; }
.anchorageIconCls { background-image: url('../../Common/Images/VesselTypeIcons/Reticle_Anchorage.ashx?size=small'); background-repeat:no-repeat; margin-top: 2px; }

.Workflow_Gray_Open { background-image: url('../../Common/Images/Icons/Workflow/Gray_Open.png'); background-repeat:no-repeat; background-size:contain; }
.Workflow_folder_open { background-image: url('../../Common/Images/Icons/Workflow/folder_open.png'); background-repeat:no-repeat; background-size:contain; }
.Workflow_Summary_Open { background-image: url('../../Common/Images/Icons/Workflow/Summary_Open.png'); background-repeat:no-repeat; background-size:contain; }
.Workflow_Lock_Open { background-image: url('../../Common/Images/Icons/Workflow/Lock_Open.png'); background-repeat:no-repeat; background-size:contain; }
.Workflow_Flagged_Open { background-image: url('../../Common/Images/Icons/Workflow/Flagged_Open.png'); background-repeat:no-repeat; background-size:contain; }
.Workflow_Tasked_Open { background-image: url('../../Common/Images/Icons/Workflow/Tasked_Open.png'); background-repeat:no-repeat; background-size:contain; }
.Workflow_Assigned_Open { background-image: url('../../Common/Images/Icons/Workflow/Assigned_Open.png'); background-repeat:no-repeat; background-size:contain; }
.Action_Note { background-image: url('../../Common/Images/Icons/WFGrid/HasNote_Y.gif'); background-repeat:no-repeat; background-size:contain; }
.Action_Referral { background-image: url('../../Common/Images/Icons/WFGrid/InOtherFolder_Y.gif'); background-repeat:no-repeat; background-size:contain; }
.Action_MultiTrack { background-image: url('../../Common/Images/VesselTypeIcons/TrackIcon.ashx?Heading=45&color=red&points=.95|-.35|.70|0.50|.45|-.35'); background-repeat:no-repeat; background-size:contain; }
.Display_Vessel_Names {
    background-image: url('../../Common/Images/Icons/WFGrid/vessel.gif');
    background-repeat: no-repeat;
    background-size: contain;
}
.Map_Draw_Rect {
    background-image: url('../../Common/Images/Icons/16/map-draw-rect.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.Map_Draw_Shape {
    background-image: url('../../Common/Images/Icons/16/map-draw-shape.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.Map_Draw_Radius {
    background-image: url('../../Common/Images/Icons/16/map-draw-radius.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.Map_Draw_Manual {
    background-image: url('../../Common/Images/Icons/16/map-draw-manual.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.Map_Draw_Cancel {
    background-image: url('../../Common/Images/Icons/16/map-draw-cancel.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.helpButton { height: 20px; width: 20px; background-color: transparent; border: none;}
.helpButton img { margin-left: -10px;}

.xdsoft_datetimepicker .xdsoft_label { color: #333333; background-color: #EEEEEE; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px !important; }
.xdsoft_calendar th { color: #333333 !important; font-size: 11px !important; background-color: #BFBFBF !important; }
.xdsoft_calendar td { font-size: 11px !important; }
.xdsoft_timepicker .xdsoft_time_box > div > div { font-size: 11px !important; width: 60px !important; }
.xdsoft_time { margin-left: -4px !important; }

input[type="submit"]:focus, input[type="button"]:focus { outline: 1px dotted #9cb0e3 !important; }
.breakline { border-bottom:1px solid #bfbfbf; }

.trackMenuItem {width:125px; float:left; margin-left:31px;}

.wordBreak { word-wrap: break-word; word-break: break-word; max-width: 420px; }

.vssTreeView {
    color: #333333 !important;
}

/* DateRangeSelector.ascx control BEGIN */
/* align the RadioButtonList buttons with their corresponding text label */
.drsRadioButtonList input[type="radio"] {
    vertical-align: bottom;
}

/* align the colon at the end of the date range labels */
span[id*=drsSpan] > label > span {
    display: inline-block;
    min-width: 81px;
}

/* align the Last label of relative date selection with the time period left-most radio button */
span[id*=_drsLastLabel] {
    margin-left: 6px;
}

.drsOptionalLabelPanel {
    float: left;
    position: relative;
    top: 6px;
}

.drsRadioButtonPanel {
    float: left;
}

.drsPnlDateRelative {
    clear: both;
    padding-top: 10px;
}

.drsPnlDateRange {
    clear: both;
    padding-top: 10px;
}

.drsDateLabel label span {
    padding-top: 3px;
    text-align: right;
}
/* DateRangeSelector.ascx control END */

/* AlertHistoryDetail page BEGIN */
.alertHistoryDetailContent {
    margin-left: 3%;
    margin-right: 3%;
}

.monitoredAORDetailContent {
    margin-left: 3%;
    margin-right: 3%;
}

.alertHistoryLabel {
    font-weight: bold;
}

.alertHistoryLabelCell {
    width: 15%;
    text-align:right;
    padding-right: 10px;
}
.alertHistoryTextCell {
    width: 70%;
}

.monitoredAorTextCell {
    margin-bottom: 8px;
    display: inline-block;
}

.fs-AOR {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    width: 100px;
}

.dateRangeSelectorDiv > div > div.drsRadioButtonPanel {
    margin-left: 4px;
}

.dateRangeSelectorDiv > div > div.drsOptionalLabelPanel {
    margin-left: 25px;
}

.horizontalRadioListItems input[type="checkbox"],input[type="radio"] {
    vertical-align: bottom;
}

.horizontalRadioListItems label {
    margin-right: 8px;
}

.horizontalRadioListItemsSmallerFont label {
    font-size: 9px;
}

.alertDetailDisclaimer {
    margin-top: 5px;
    margin-bottom: 30px;
}

.monitoredAorDetailDisclaimer {
    margin-top: 5px;
    margin-bottom: 30px;
}
/* AlertHistoryDetail page END */

/* export button drop downs START */
.dropDownButtonList {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.dropDownButtonListChildren {
    float: right;
}

.floatingContainer {
    position: relative;
}

.floatingDiv {
    display: none;
    float: left;
    position: absolute;
    left: -64px;
    top: 25px;
}

.floatingDiv ul {
    list-style: none;
    padding: 5px;
    border: 1px solid grey;
    margin: 0px;
    background: white;
}

.floatingDiv ul li:not(:last-child) {
    margin-bottom: 5px;
}
/* export button drop downs END */

.aspButtonAsHyperlink {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    text-align: left;
    color: blue;
    display: inline-block;
    overflow:hidden;
    text-overflow: ellipsis;
    max-width:300px;
    margin-bottom: 3px;
}

/* multi-select dropdown list START */

.SmallLabelWithEllipses {
    font-size: 8.0px;
    overflow: hidden;
    white-space: break-spaces;
    max-width: 180px;
    margin-top: 2px;
    display: inline-block;
}

.multiDropDownBasePanel {
    position: relative;
}

.multiDropDownListHeader {
    text-overflow: ellipsis;
    cursor:default;
}

.multiDropDownListPanel {
    position: absolute;
    z-index: 126;
    display: none;
}

.multiSelectArrowPlaceholder {
}

.multiSelectArrowPlaceholder::before {
    position: absolute;
    content: url(../../Common/Images/Icons/DownChevron.png);
    top: 4px;
    right: 4px;
    pointer-events: none;
}

.CheckBoxWithHiddenText {
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}

.CheckBoxDescriptionLabel {
    display: table;
    margin-bottom: 5px;
}

.CheckBoxWithHiddenText Label {
    display: none;
}

/* multi-select dropdown list END */

.recentSearchGrid {
    table-layout: fixed;
    border: none;
}

.recentSearchGrid TR {
    border: transparent 1px solid;
}

.recentSearchGrid TR:nth-child(even) {
    background-color: white;
}

.recentSearchGrid TH {
    display:none;
}

.recentSearchGrid TD {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
}

/* Banner Search START */
.bannerSearch {
    padding-top: 3px;
    overflow:hidden;
}
    .bannerSearch .BannerSearchTextBox {
        height: 18px;
        width: 275px;
        border-color: rgb(118,118,118);
        border: 1px inset;

        border-left: none;
        vertical-align: middle;
        font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif !important;
        font-size: 11px !important;
        padding: 1px 2px 1px 2px;
        margin-left: -4px;
        outline: none;
        box-sizing: border-box;
    }

    .bannerSearch .BannerSearchButton {
        height: 18px;
        width: 18px;
        vertical-align: middle;
        background: url('../../Common/Images/Icons/Search.png') no-repeat;
        background-color: white;
        cursor: pointer;
        border-color: rgb(118,118,118);
        border: 1px inset;
        border-right: none;
        background-size: 12px 12px;
        background-position: 3px;
    }

.bannerSearchOptionsButtonList {
    display: inline-block;
    font-size: 9px;
}

    .bannerSearchOptionsButtonList input[type=radio] {
        vertical-align: middle;
    }
    .bannerSearchOptionsButtonList label {
        margin-right: 3px;
        vertical-align: middle;
    }

    /* Banner Search END */

/* styles for the add and remove buttons in constraint group BEGIN */
.addRemoveConstraintButtonsParent {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

.addRemoveConstraintButtons {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    margin-bottom: 7px;
}

/* styles for the add and remove buttons in constraint group BEGIN */

.constraintSpacer {
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
}

.div-hidden {
    display: none;
}

.dimcontrols {
    opacity: 0.5;
}

.htmlColorPicker {
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 2px 2px 1px 2px;
}

.drawAorPanel .x-panel-body {
    background: #dfe9f6;
    font-size: 11px !important;
}

.drawAorMandatoryFieldHighlight::before {
    content: "*";
    color: red;
}

.drawAorPanel .x-form-item-label {
    font-size: 11px;
}

.drawAorPanel .x-form-item {
    font-size: 11px;
}

.drawAorDateTypeContainer {
    margin-bottom: -7px;
}

.geozoneVersionMismatchMessage {
    color: red;
    font-size: 10px;
    font-style: italic;
    margin-bottom: 10px;
}

.drawAorDefaultTitle input {
    font-style: italic;
    color: gray;
}

.departureTabVoyageDepartedFromCountryName,
.departureTabVoyageDepartedFromPort,
.departureTabPortName,
.departureTabPortName,
.departureTabCountryName {
    text-align: left;
    word-break: break-word !important;
}

.custom-menu-item-pressed {
    background-color: #d3d3d3;
    border-style: inset;
    border-width: 1px;
    border-radius: 5px;
}

.control-failed-validation {
    border: 2px solid red;
    border-radius: 5px;
    background-color: rgba(255, 0, 0, 0.2);
    padding: 3px;
}

/* styling for the AisDataFiltersControl - BEGIN */

.ais-filter-dynamic-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: 20px;
    margin-block: 5px;
}

    .ais-filter-dynamic-controls > span {
        font-size: 1.2em;
    }

.ais-filter-operator-controls {
    display: grid;
    grid-template-columns: 60px max-content max-content max-content max-content;
    gap: 0.5rem;
    align-items: center;
}

.ais-filter-group {
    display: flex;
}

.ais-filter-group-0 {
    display: flex;
    background-color: #D8CCE3;
}

.ais-filter-group-1 {
    display: flex;
    background-color: #A6B9CD;
}

.ais-filter-group-2 {
    display: flex;
    background-color: #FFFFCC;
}

.ais-filter-group-3 {
    display: flex;
    background-color: #FFCCFF;
}

.ais-filter-group-4 {
    display: flex;
    background-color: #CCFFCC;
}

.ais-filter-filter-controlandbuttons {
    display: flex;
    gap: 0.5rem;
    flex: 0.95;
    align-items: end;
}

.group-rows-button {
    height: 16px;
    width: 16px;
    margin-left: 90px;
}

.ais-filter-picker-panel {
    height: 290px;
}

.ais-filter-between-controls {
    display: flex;
    gap: 0.3rem;
    align-items: center;
}

    .ais-filter-between-controls > span {
        margin-right: 4px;
    }

.flex-display-half-gap {
    display: flex;
    gap: 0.5rem;
}

.flex-display-half-gap-fill {
    display: flex;
    gap: 0.5rem;
    flex: 1;
}

.multi-value-text-box {
    width: 90%;
    vertical-align: middle;
}

/* styling for the AisDataFiltersControl - END */

.track-settings-container {
    display: flex;
    margin-top: 3px;
    margin-bottom: 5px;
}

    .track-settings-container span {
        display: inline-flex;
        align-items: center;
    }

        .track-settings-container span input[type="radio"] {
            margin-top: 1px;
        }

.display-positions-label {
    margin-left: 110px;
}

.revert-placeholder-styling::placeholder {
    color: black;
    opacity: 1;
    font-style: normal;
}