html { 
    font-size: 11px; 
    height: 100%; 
    overflow: auto;
}
body {
    font-size: 11px;
    color: #5B5B5B;
    /*color: #000066;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    height: 100%;
}
input {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif*/
}
plaintext {
    font-size: 11px
}
select {
    font-size: 11px;
    /*WIDTH: 190px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*border: 2px;*/
    /*text-indent:1px; */
    /*line-height:17px;
    -webkit-line-height:15px;*/
    /*padding-top: 1px;
    padding-bottom: 1px;*/
    margin-top: 0;
    margin-bottom: 0;
}
input, 
textarea {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
}
input:not([type]), 
input[type=text], 
input[type=password], 
textarea {
    padding: 1px;
    -moz-padding:1px;
    /* Remove Safari margins on inputs for condensed wizard editors */
    margin-top: 0;
    margin-bottom: 0;
}
.k-ff input:not([type]), 
.k-ff input[type=text], 
.k-ff input[type=password], 
.k-ff textarea {
    padding: 2px 3px;
}
.k-ff-9 input:not([type]), 
.k-ff-9 input[type=text], 
.k-ff-9 input[type=password], 
.k-ff-9 textarea {
    outline: none;
    appearance: none;
	border: 1px solid #aaa;
}
.k-ff-9 input:not([type]):focus, 
.k-ff-9 input[type=text]:focus, 
.k-ff-9 input[type=password]:focus, 
.k-ff-9 textarea:focus,
.k-ff-9 select:focus {
	border-color:#0080FF;
}
.k-ff select {
	padding-top: 2px;
	padding-bottom: 2px;
}
.k-ff-9 select {
	border-radius: 0;
	border: 1px solid #aaa;
}
.k-webkit input:not([type]), 
.k-webkit input[type=text], 
.k-webkit input[type=password], 
.k-webkit textarea {
    padding: 1px 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari & Chrome hack */
    input[type=button] {
        padding: 2px 8px 2px 8px;
    }
    select {
        /* CHROME */
        padding-top: 1px;
        padding-bottom: 1px;
        /* SAFARI */
        line-height:15px;
        
    }    
}
STRONG_OLD {
    font-weight: bold;
    font-size: 11px
}
div, td, th, p { 
    font-size: 11px 
}
a {
    /*color: #000066;*/
    color: #5B5B5B;
    text-decoration: underline;
}
a:hover {
    color: #FFFFFF;
    background-color: #aebdc9;
    text-decoration: none;
} 
img {
    border: 0;
}
.DataTableHeader, 
.DataTableHeader a, 
.DataTableHeader a:hover {
    color: #FFFFFF;
    background-color: #81aed8;
}
.DataTableHeader {
    vertical-align: bottom;
}
.FilterHeader { 
    vertical-align:middle !important; 
}
.DataTableLineSummary { 
    background-color: #ffcc99; 
}
.DataTableLineSeparator { 
    background-color: #FFE4B5; 
}
.DataTableLineOdd {
    /*vertical-align:top;*/
    color: #66736c;
    background-color: #EFEFEF;
}
tr.DataTableLineActive {
    vertical-align:top;
    background-color: #E7F8EE !important;
}
.DataTableCell {
    color: black;
    background-color: #FFFFFF
}
table.seqTable tr.DataTableLineActiveXX td {
    /*border-color: #006600;*/
    border-color: #45973C;
    border-style: solid;
    border-width: 1px 0;
}
table.seqTable tr.DataTableLineActive {
    /*border-right-color: #45973C;
    border-right-style: solid;
    border-right-width: 1px;*/
    border-color: #45973C;
    border-style: solid;
    border-width: 1px;
}
table.seqTable table tr.DataTableLineActive, 
table.DataTableLineActive tr td {
     border: 0 !important;
}
table.seqTable tr.DataTableLineActive td.first {
     border-width: 1px 0 1px 1px;
}
table.seqTable tr.DataTableLineActive td.last {
     border-width: 1px 1px 1px 0;
}
table.seqTable { 
    border-collapse: collapse; 
}
.IWItemsBody tr.DataTableLineActive td.last {
    height: 98px;
}
.IWSupplierBody tr.seqRow td.last {
    position: relative;
}
.ITNSearch table.DataForm, 
.ITNSearch table.DataForm td {
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #ffffff;
}
#NavBcastMsg {
    padding-top: 1px;
    width: 100%;
}
li.NavBcastMsg0 {
    color:white;
}
li.NavBcastMsg1 {
    color:lime;
}
li.NavBcastMsg2 {
    color: #3366FF;
    font-weight: bold;
}
.NavBcastMsg9 {
    color: #E80000;
    font-weight: bold;
}
ul.marquee {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    position: relative;
    overflow: hidden; /* optional styles for appearance */ /*width: 500px;*/
    height: 21px; /* height should be included to reserve visual space for the marquee */ /*background-color: #f2f2ff;*/
    border: 1px dotted #666666;
    /*background-color: #C0C0C0;*/
}
ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
	font-size: 14px;
	padding: 2px 5px;
}
table.DocForm td {
    /*padding: 3px 10px 5px 10px;*/
    padding: 2px 10px 3px 10px;
}
table.DocTable { 
    border-collapse: collapse; 
}
table.DocTable td {
    border: 1px solid #C0C0C0;
}
table.DataForm tr.DataTableLineActive a, 
table.DataForm tr.DataTableLineActive a:hover, 
table.DataForm tr.DataTableLineOdd a, 
table.DataForm tr.DataTableLineOdd a:hover, 
table.DataForm tr.DataTableLineEven a, 
table.DataForm tr.DataTableLineEven a:hover,
table.DataForm a.DataForm, 
table.DataForm a.DataForm:hover, 
table.DataTableLineOdd a, 
table.DataTableLineOdd a:hover, 
table.DataTableLineEven a, 
table.DataTableLineEven a:hover {
    color: #66736c;
}
table.DataFormColumn td {
    padding:3px 0 3px 0;
}
table.DataFormColumn tr:nth-child(1) td {
    padding:0 0 3px 0;
}
table.DataForm input.DataFormCheck {
    margin-top: 1px;
    margin-bottom: 3px;
}
table.DataForm label.DataFormCheck {
    vertical-align:top;
}
.DataTableLineEven {
    /*vertical-align: top;*/
    color: #66736c;
    background-color: #dfdfdf
}
.DialogBody .DataForm input, 
.DialogBody .DataForm select {
    z-index: unset; 
}
.DataForm input, 
.DataForm select {
    z-index: -1; 
}
table.DataForm tbody tr td select {
    z-index: -1; 
}
table.FilterForm, 
.DialogForm tbody, 
.DialogForm tr, 
.DialogForm td, 
.DialogForm input, 
.DialogForm select, 
.DialogForm textarea, 
.DialogForm div {
    z-index: 1210;
}
.FilterForm {
    /*border-collapse: separate;*/
    border-collapse: collapse;
}
.FilterForm .FilterFormLabel {
    text-align: right;
    width: 140px;
}
table.DialogDataForm {
    border: 1px solid #999999;
    border-collapse: collapse;
    color: #66736c;
    background-color: #efefef;
}
table.DialogDataForm td {
    padding: 2px 10px 2px 10px;
}
table.DialogDataForm tr.First td {
    padding-top: 8px !important;
}
table.DialogDataForm tr.Last td {
    padding-bottom: 12px !important;
}
div.NotesContainer {
    font-size: 11px !important;
    display: none;
}
div.NotesContainer ul {
    border-collapse: collapse;
}
div.NotesContainer .ui-helper-reset {
    line-height: 1em;
}
div.Notes {
    padding: 5px !important;
}
div.NotesContainer ul a, 
div.NotesContainer ul a:hover {
    font-weight: bold;
    color: #66736c !important;
}
#ItineraryNotesTabs div.Notes {
    padding: 5px;
}
#ItineraryNotesTabs ul { 
 border-collapse: collapse;
}
#ItineraryNotesTabs .ui-helper-reset {
    line-height: 1em;
}
#UserSignatureTabs div.Signature {
    padding: 5px;
}
#UserSignatureTabs ul { 
 /*border-bottom-width: 0px;*/
 /*background-image: none;*/
 border-collapse: collapse;
}
#UserSignature .ui-helper-reset {
    line-height: 1em;
}
.DataForm {
    color: #66736c;
    background-color: #efefef
}
.DataFormLookup {
    color: #8F9C95;
    /*background-color: #F9F9F9;*/
}
tr.DataFormLookup input, 
div.DataFormLookup select {
    color: #8F9C95;
    border-width: 1px; 
    /*border-collapse: separate;*/
    border-color: #C0C0C0;
    border-style: solid;
    background-color: #efefef;
}
td.DataFormLastModified {
    background-color: #E2EFE3;
}
.DataFormNotes {
    background-color: #dfdfdf;
}
td.DataFormNotes ul {
    margin: 0;
    padding-left: 15px;
}  
td.DataFormNotes li { 
    padding-top: 5px;
}
td.DataFormNotes h3 {
    margin: 0;
    font-size: 1em;
}
.DataFormCheckbox, 
a.DataFormCheckbox, 
a.DataFormCheckbox:hover {
    color: #66736c;
}
.DataFormLabel, 
a.DataFormLabel, 
a.DataFormLabel:hover {
    font-weight: bold;
    color: #66736c;
}
.DataFormLabelCompulsory, 
a.DataFormLabelCompulsory:hover {
    font-weight: bold;
    color: #FF0000
}
.DataFormLabelError, 
a.DataFormLabelError:hover {
    font-weight: bold;
    color: blue
}
.DataFormWarning {
    color: #FF0000
}
.DataFormLabelWarning, 
a.DataFormLabelWarning:hover {
    font-weight: bold;
    color: #FF0000
}
.DataFormDataWarning {
    color: #FF0000
}
.DataFormLabelHighlight {
    font-weight: bold;
    color: #81aed8
}
.DataFormNotesHeader {
    font-weight: bold;
    background-color: #dfdfdf;
}
.DataFormHeader {
	font-weight: bold;
	font-size: 12px;
	height: 20pt;
	background-color: #C0C0C0;
}
.DataFormHeader.Reduced {
    height: auto;
}
.DataFormHeader.Reduced td {
    padding: 2px 10px;
}
.DialogDataForm tr.Deeper td {
    height: 20pt;
    padding: 0px 10px;
}
.DataFormTrailer {
	font-weight: bold;
	font-size: 12px;
	background-color: #C0C0C0;
}
.DataFormTableHeader {
    color: #FFFFFF;
    background-color: #81aed8
}
table.DataFormTable {
    border-collapse: collapse;
    border-color: #ffffff;
    border-style: solid;
}
table.DataFormTable td {
     border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
}
.DataFormTableLine, 
td.DataFormTableLine a, 
td.DataFormTableLine a:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C0C0C0;
}
.DataNoDetail {
	font-weight: bold;
	background-color: #FFFFFF;
}
.DataValueInput {
    TEXT-ALIGN: right
}
.PageTitle, .PageTitleCurrent {
	font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #8DBC8F;
}
.PageTitle a {
	color: #FFFFFF;
	background-color:inherit;
}
.PageTitleHistorical {
	font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC6699;
}
div.PageScroller a:hover {
   text-decoration: none;
   background-color: transparent;
}
.PageScroller {
    font-size: 10px;
}
.PageScroller img {
    margin-top: 1px;
}
tr.PageHeaderBackGround td {
    padding: 5px;
}
tr.PageHeaderBackGround td td {
    padding: 0;
}
#TargetDetail td {
    padding-right: 3px;
    padding-bottom: 3px;
}
.ModuleNotAvailable {
    font-weight: bold;
    font-size: medium
}
h2.TextMessageWarning {
	font-weight: bolder;
	color: #FF0000;
}
td.SimpleButtonUp, 
td.SimpleButtonDown {
	border: 1px dotted #808080;
	padding: 1px 3px 1px 3px;
}
td.SimpleButtonUp, 
.SimpleButtonUp {
	/*font-weight: bold;*/
	/*background-color: #dfdfdf;*/
	background-color: #81aed8;
	color: White;
}
td.SimpleButtonDown, 
.SimpleButtonDown {
    /*font-weight: bold;*/
    background-color: #aebdc9;
}
.SimpleButtonUp a, 
.SimpleButtonDown a {
    TEXT-DECORATION: none;
	border: none;
	padding: 0;
}
.ActionButtonUp {
    font-weight: bold;
    background-color: #dfdfdf;
    TEXT-DECORATION: none;
    color: #000066;
}
.ActionButtonDown {
    font-weight: bold;
    background-color: #aebdc9;
    TEXT-DECORATION: none;
}
.ActionButtonPointerUp {
    background-color: #81aed8
}
.ActionButtonPointerDown {
	background-color: #000080;
}
td.ActionButtonPointerUp, 
td.ActionButtonPointerDown, 
td.ActionButtonUp, 
td.ActionButtonDown {
    height: 16px;
    margin: 0;
}
td.ActionButtonPointerUp, 
td.ActionButtonPointerDown {
    width: 12px;
}
.HiddenSubmit {
    border: none;
    width: 0;
    height: 0;
    line-height: 0;
    padding:0;
    margin: 0;
}
input.DropDownButton {
    background-image: url('/images/down-arrow-grey.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 10px;
}
.MenuButtonUp {
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #81aed8;
    TEXT-ALIGN: center
}
.MenuButtonDown {
    font-weight: bolder;
    color: #4169E1;
    background-color: #96a39d;
    TEXT-ALIGN: center
}
.MenuButtonText {
    font-weight: bold;
    font-size: 12px;
    TEXT-TRANSFORM: uppercase;
    color: #81aed8;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    padding: 2px;
}
.MenuButtonText:hover {
    font-weight: bold;
    font-size: 12px;
    TEXT-TRANSFORM: uppercase;
    color: #FFFFFF;
    background-color: #aebdc9;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.MenuButtonCaption {
    font-weight: bold;
    color: #111863
}
.MenuButtonCaption:hover {
    font-weight: bold;
    color: #DAA520;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.MenuUser {
    font-size: 9px;
    color: #000080;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
table.MenuBackGround {
    vertical-align:top;
    width: 120px;
    height: auto;
    visibility: hidden;
    /*height: 100%; */
 }
div.MenuBackGroundOld {
    padding-top: 10px;
    padding-bottom: 10px; 
    float: left;
    width: 120px;
    height: 90%;
    text-align: center;
    position: relative;
}
div.MenuBackGround {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 100%;
    z-index: -1;
}
td.MenuBackGround {
    width: 120px;
    /*height: auto;
    min-height: 100%;*/
    height: 100%;
    text-align: center;
    vertical-align: top;
}
.MenuBackGround {
    /*color: #000080;
    background-color: #eaeef1;*/
    background-color: #999999;
    color: White;
}
.Nomad .MenuBackGround {
    /*background-color: #9f935f;*/
    background-color: #b8ae89;
}
div.MenuBrowser {
    position: absolute;
    bottom: 10;
    
}
td.MenuBottom {
    height: 100%;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #797979;
    border-right: 1px solid #797979;
}
td.SystemNavigation {
    font-weight: bold;
    padding: 5px 0 0px 5px;
}
div.NavigationBrowser, 
div.NavigationDebug, 
div.NavigationUser {
    float: right;
    clear: none;
} 
table.NavBar {
    background-color: #999999;
    color: White;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #797979;
    height: 40px;
}
.Nomad table.NavBar {
    background: #b8ae89;
    border-top: 1px solid #d8d2bf;
    border-bottom: 1px solid #988f76;
    /*border-top: 1px solid #bfb795;
    border-bottom: 1px solid #7F744c;*/
}

.NavImage div {
    padding-top: 3px;
    width: 120px;
    /*text-align: center;*/
    padding-left: 0px;
}
.NavImage a:hover {
    background-color: transparent !important;
}
div.NavTitle {
    /*margin-left: 10px;*/
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #4e4c4c;
}
div.NavTitle.Release {
    color: #A4D1FF;
}
div.NavTitle.Warning {
    color: #FF0000;
    font-size: 1.3em;
    text-shadow: none;
}
div.NavUser {  
    margin-right: 5px;
    white-space: nowrap;
    border: 1px dotted #797979; 
    /*border: 1px dotted #626262; 
    border-bottom: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
    border-top: 1px solid #797979;
    border-left: 1px solid #797979;*/
    color: #EFEFEF;  
    padding: 3px 8px 3px 8px;
}
div.NavUser a {
    display:block;     
    padding: 3px 8px 3px 8px;
    text-decoration: none ; 
    color: #EFEFEF; 
    font-weight: bold;
}   
div.NavUser a:hover { 
    display:block; 
    background-color:#787878;
}   
div.NavigationBar {
    clear:none;
    float: left;
    width: 100%;
    background-color: #999999;
    color: White;
}
td.NavIcons {
    white-space: nowrap;
    /*height: 35px;*/
    text-align: right;
    /*padding: 5px 10px 5px 10px;*/
    padding: 1px 10px 1px 10px;
}
div.NavIcons {
    height: 35px;
    white-space: nowrap;
}
td.NavIcons div {
    /*white-space: nowrap;*/
    clear: none;
    float: left;
}
.NavIcons a:hover { 
    background-color: transparent; 
}
div.SystemNavigation, 
div.NavigationTitle {
    clear:none;
    float: left;
}
.SiteBackground {
    background-color: #ffffff;
}
.DialogBackground {
    background-color: #efefef;
}
tr.DialogSpacer { 
    height: 100%; 
}
div.DialogHeader {
    height: 30px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 9px 0px 0px 9px;
    background-color: #C0C0C0;
    white-space: nowrap;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    z-index: 29;
}
table.DialogHeader {
    height: 30px;
    width: 100%;
    padding: 9px 0px 0px 9px;
    background-color: #C0C0C0;
    white-space: nowrap;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    z-index: 29;
}
div.DialogHeader div {
    clear: none;
}
div.DialogHeader .Title {
    padding-top: 1px;
    float: left;
	font-weight: bold;
	font-size: 13px;
}
div.DialogHeader .Title a:hover {
    background-color: transparent;
}
div.DialogHeader .Icons {
    float: right;
    padding-right: 20px;
    margin-top: -1px;
}
div.DialogHeader .Summary {
    float: right;
    padding-right: 20px;
    padding-left: 20px;
	font-weight: bold;
	font-size: 11px;
}
div.DialogHeader .Summary label {
    vertical-align:top;
    padding-top: 4px;
    display: inline-block;
}
div.DialogHeader .Summary input {
    vertical-align: top;
    padding-top: 2px;
    display: inline-block;
}
div.DialogBody {
    /*clear: both;*/
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*height: 100%; */
    /*width: 100%; */
    margin: 50px 10px 50px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
div.PWBatchHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 50px 26px 0px 10px;
    z-index: 19;
}
div.PWBatch {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 75px 10px 50px 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}
div.RWBodyHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 40px 26px 0px 10px;
    z-index: 19;
}
div.RWBody {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 134px 10px 50px 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}
div.PWItemsHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 50px 26px 0px 10px;
    z-index: 19;
}
div.PWItems {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 95px 10px 50px 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}
div.PWReport {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 50px 10px 50px 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}
div.IWItemsHeader, 
div.IWSupplierHeader, 
div.HLItemsHeader, 
div.IBSectionsHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 50px 26px 0px 10px;
    z-index: 19;
}
div.IWItemsBody, 
div.IWSupplierBody, 
div.HLItemsBody, 
div.IBSectionsBody {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
div.ISHeader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 50px 12px 50px 10px;
}
div.ISListHeader, 
div.ISListBody, 
div.ISDetailBody {
    width: 100%;
}
div.ISListHeader, 
div.ISDetailHeaderBg {
    border-top: 1px solid #A7A7A7;
    border-left: 1px solid #A7A7A7;
    border-right: 1px solid #A7A7A7;
}
div.ISListBody, 
div.ISDetail {
    border-bottom: 1px solid #A7A7A7;
    border-left: 1px solid #A7A7A7;
    border-right: 1px solid #A7A7A7;
}
div.ISListBody {
    overflow-y: scroll;
    overflow-x: hidden;
}
div.ISDetail {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 50px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*width: 100%;
    overflow-x: hidden;
    overflow-y: auto;*/    
    /*margin-top: 10px;
    bottom: 0;
    */
}
div.ISDetailHeader {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 50px;
	position: fixed;
    left: 0;
    right: 0;
}
div.ISDetailHeaderBg div {
	/*width: 100%;*/
	display: block;
	background-color: #8DBC8F;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}
div.ISDetailHeader div a:hover {
    background-color: inherit;
}
div.ISDetailBody div {
    margin: 0 10px 10px 10px;
}
div.IWItemsBody {
    /*margin: 75px 10px 99px 10px;*/
    margin: 75px 10px 75px 10px;
}
div.IBSectionsBody {
    /*margin: 75px 10px 99px 10px;*/
    margin: 75px 10px 50px 10px;
}
div.IWSupplierBody {
    margin: 75px 10px 77px 10px;
}
div.HLItemsBody {
    margin: 75px 10px 50px 10px;
}
div.IWItemsFooter, 
div.IWSupplierFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px 26px 50px 10px;
    z-index: 18;
}
div.DialogFooter {
    border-color: #FFFFFF;
    height: 30px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 9px 0px 0px 9px;
    background-color: #C0C0C0;
    white-space: nowrap;
    overflow: hidden;
    border-top-style: solid;
    border-top-width: 1px;
    z-index: 28;
    text-align: center;
}
div.DialogFooter div { 
    clear: none;
}
div.DialogFooter .Previous { 
    /*
    float: left;
    */
    display: inline-block;
    position: absolute;
    left: 0;
    padding-left: 10px;
}
div.DialogFooter .Center { 
    /*
    padding-left: 50px;
    padding-right: 10px;
    float: left;
    */
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    display: inline-block;
}
div.DialogFooter .Next { 
    /*
    float: right;
    */
    display: inline-block;
    position:absolute;
    right: 0;  
    padding-right: 20px;
}
table.MainFrameset {
    width: 100%;
    height: auto;
    min-height: 100%;
}
td.MainFrame {
    visibility: hidden;
}
.MainFrame td {
	z-index: -1;
}
.MainFrame {
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	color: #000066;
	border-bottom: medium none;
}
div.MainFrame {
    clear: none;
    float:left;
    margin: 10px 0 0 10px;
    white-space: nowrap;
    overflow: auto;
}
div.MainContent {
    clear: both;
    float:left;
}
div.MenuLoginForm  {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px; 
}
tr.MenuLogin {
    vertical-align: top;
}
td.MenuLogin {
    height: 100%;
    text-align: center; 
    padding-top: 10px;
    padding-bottom: 10px; 
    vertical-align: top;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #797979;
    border-right: 1px solid #797979;
}
.MenuLoginForm td {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #81aed8;
    text-align: left;
}
td.MenuLoginFormHeader {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #000066;
    /*background-color: #9F935F;*/
    text-align: center;
    padding-bottom: 5px;
}
td.MenuLoginAutoFormHeader {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #FF0000; /*background-color: #9F935F;*/
    text-align: center;
    padding-bottom: 5px;
}
tr.MenuActions .Header {
    font: bold 13px Arial, sans-serif;
    text-shadow: 1px 1px 1px #4e4c4c;
    color: #FFFFFF;
    background-color: #8DBC8F;
    text-align: left;
    padding: 6px 10px 6px 10px;
    vertical-align: middle;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #797979;
    border-right: 1px solid #797979;
    border-top-color: #BDD9BE;
    border-right-color: #528B55;
    border-bottom-color: #528B55;
}
tr.MenuActions td.Action {
    font: bold 13px Arial, sans-serif;
    color: #FFFFFF;
    background-color: #81aed8;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #C5D9ED;
    border-bottom: 1px solid #3C80C4;
    border-right: 1px solid #3C80C4;
}
tr.MenuActions td.Utility {
    background-color: #FD7D53;
    border-top-color: #FEBEA9;
    border-right-color: #F84103;
    border-bottom-color: #F84103;
}
tr.MenuActions td.Utility.button--loading {
    border-right-color: #A27F73;
    border-bottom-color: #A27F73;
}
tr.MenuActions td.Action div {
    text-shadow: 1px 1px 1px #4e4c4c;
    /*font: bold 13px Arial, sans-serif;*/
    font: bold 12px Arial, sans-serif;
    color: #FFFFFF;
    *color: #F5F5F5;
}
tr.MenuActions td.Action a {
    display: block;
    padding: 7px 5px 7px 10px;
}
tr.MenuActions td.Raised {
    background-color: #336699;
}
tr.MenuActions td.Utility.Raised {
    background-color: #BF3202;
}
tr.MenuActions .Action a {
    /*font: bold 13px Arial, sans-serif;*/
    font: bold 11px Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color:transparent;
}
tr.MenuActions .Action a:hover {
    background-color: transparent;
}

td.Action div.Wrapper {
    position: relative;
    /*
    padding: 8px 16px;
    background: #009579;
    border: none;
    outline: none;
    border-radius: 2px;
    cursor: pointer;
    */
}
td.Action div.Wrapper.button--loading {
    background-color: #BD9183;
}
td.Action div.Wrapper.button--loading div.Link {
    color: #ddd;
    text-shadow: none;
}

.button--loading::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    /*left: 5px;*/
    right: 5px;
    bottom: 0;
    margin: auto;
    border: 3px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

div.PageSpacer {
    float: left;
    clear: none;
    height: 100%;
}
td.MenuLoginError {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #B22222;
    text-align: center;
}
.MenuTitle {
    font-weight: bolder;
    font-size: 16px;
    color: #000080
}
.MenuTitleRelease {
    font-weight: bolder;
    font-size: 12px;
    color: #606060;
    /*color: #000080;*/
}
.MenuTitleReleaseLive {
    font-weight: bolder;
    font-size: 12px;
    /*color: #FF0000;*/
    color: #de4b0c;
}
.MenuLoginText {
    font-size: 10px;
    color: #FFFFFF
}
td.MenuLoginText div {
 padding: 2px 2px 3px 3px !important;
 /*padding-left: 3px !important;
 padding-right:2px !important;*/
 
}
td.MenuLoginText div a {
    color: #FFFFFF
}
.DataCalendarButton {
    PADDING-RIGHT: 0pt;
    PADDING-LEFT: 0pt;
    PADDING-BOTTOM: 0pt;
    MARGIN: 0pt 2pt;
    WIDTH: 15pt;
    PADDING-TOP: 0pt;
    TOP: 1.5pt
}
table.SummaryTable {
    border-collapse: collapse;
    background-color: #FFFFFF;
    border: 1px solid gray;
}
table.SummaryTable td {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    /*border-width: 1px;
    border-color: Gray;
    border-style: solid;*/
}
.SummaryNotesHeader, 
.SummaryPaymentHeader, 
.SummaryReceiptHeader, 
.SummaryDocumentHeader, 
.SummaryReminderHeader, 
.SummaryCampHeader, 
.SummaryClientHeader {
    font-weight: bolder;
    color: #FFFFFF;
}
.SummaryNotesHeader td {
    background-color: #C9C9E4; 
}
.SummaryPaymentHeader td {
    background-color: #cc9999;
}
.SummaryReceiptHeader td {
    background-color: #D2B48C;
}
.SummaryDocumentHeader td {
    background-color: #cc99cc;
}
.SummaryReminderHeader td {
    background-color: #6699cc;
}
.SummaryCampHeader td {
    background-color: #BAC28B;
}
.SummaryCampItemTemplate, 
.SummaryReceiptTemplate, 
.SummaryPaymentTemplate {
    display: none;
}
tr.ISS { 
    display: table-row; 
}
td.ISS { 
    display: table-cell; 
}
td.ISO { 
    display: none; 
}
tr.ISO { 
    display: none; 
}
tr.SummaryInStage td {
    /*border-top-style: dotted; 
    border-top-width: 1px;*/
    border-top: 1px dotted #CACACA !important;
}
div.HandlerRelinker {
    padding-top: 26px;
    z-index: 26;
}
div.HandlerRelinker div.text {
    padding-top: 3px;
    vertical-align: middle;
    height: auto;
}
div.HandlerRelinker div.Old {
    /*background-color: #E5E5E5;*/
    position: relative;
    height: 28px;
    z-index: 50;
}
div.HandlerRelinkerItinerary {
    padding: 3px;
    width: 874px;
    /**width: 880px;*/
    white-space: nowrap;
    position: absolute;
    overflow: visible;
    font-weight: bolder;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #A8CCAA;
    vertical-align: middle;
}
.HandlerRelinkerItinerary #ItinerarySummary a {
    color: #FFFFFF;
    background-color: #A8CCAA;
}
div.HandlerRelinkerHighlighter {
    padding: 0px;
    width: 880px;
    white-space: nowrap;
    position: absolute;
    margin-top: 22px;
    height: 28px;
    overflow: visible;
    background-color: #CEE3D0;
    /*z-index: 25;*/
    z-index: 1;
}
div.HandlerRelinkerItinerary #ItinerarySummary {
    font-weight: bolder;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
div.LtdText {
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden; 
}
.PaymentDialog {
    width: 100%;
}
.PaymentDialog div {
    background-color: #EFEFEF;
    border-style: inset;
    border-width: 1px;
    width: 100%;
    padding: 2px;
}
div.ReportChoiceWrapper {
    height: 140px !important; 
    overflow:auto;
}
div.ReportChoice {
    margin-bottom: 5px;
}
Table.ReportTable {
    vertical-align: top;
    text-align: left;
/*    padding: 3px;
    margin: 3px;*/
    border-collapse: collapse;
    border: 0;
}
.ReportTable td {
    padding: 5px;
/*    margin: 3px;*/
}
.ReportHeader th, 
th.ReportHeader, 
.ReportTitle th {
	padding: 5px;
    background-color: #81aed8;
    color: #ffffff;
    vertical-align:bottom;
}
th.ReportHeader {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
th.ReportSelections {
     font-weight:normal;
}
td.ReportSelections a, 
th.ReportSelections a {
     color: #ffffff;
     /*text-decoration: none;*/
}
div.ReportSelections h4 {
    display: none;
}
div.ReportPrintTrailer {
    display: none;
}
.ReportPrioritise a {
     font-weight: bold;
}
div.ReportBanner {
    width: 100%;
    text-align: center;
    display: block;
    letter-spacing: 8px;
}
.ReportBanner th {
    padding: 5px;
    background-color: #81aed8;
    color: #B1D0E9;
}
.ReportBodyAlt {
background-color:#EAF9FF;
}
.ReportLine {
    color: #66736c;
    background-color: #dfdfdf;
}
.ReportLineAlt {
    color: #66736c;
    background-color: #efefef;
}
.ReportFooter td, 
td.ReportFooter, 
.ReportTotal td, 
td.ReportTotal {
	padding: 5px;
    background-color: #81aed8;
    color: #ffffff;
    font-weight: bold;
}
td.ReportTotal, 
td.ReportFooter {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.ReportFooterLine {
    border-top: 1px solid;
    MARGIN: 1px;
}
.ReportSubTotal tr {
    margin-bottom: 10px;
}
tr.ReportSubTotal td {
    padding-bottom: 10px;
}
.ReportSubTotal {
    font-weight: bold; /*background-color:#8DBC8F;*/
    background-color: #E2EFE3;
    color: #66736c;
}
td.ReportSubTotal {
    border-bottom: 1px solid transparent;
    border-top: 1px solid #ffffff;
    /*border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;*/
}
tr.ReportSubHeader {
    vertical-align: bottom;
}
.ReportSubHeader, 
.ReportSubHeader a {
    font-size: 10pt; /*background-color:#8DBC8F;*/
    background-color: #B3D5B5;
    color: #66736c; /*color: White;*/
    font-weight: bold;
}
.ReportSubTotal2 tr {
    margin-bottom: 10px;
}
.ReportSubTotal2 {
    font-weight: bold; /*background-color:#8DBC8F;*/
    background-color: #FFEAD5;
    color: #66736c;
}
td.ReportSubTotal2 {
    border-bottom: 1px solid transparent;
    border-top: 1px solid #ffffff;
    /*border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;*/
}
tr.ReportSubHeader2 {
    vertical-align: bottom;
}
.ReportSubHeader2, 
.ReportSubHeader2 a {
    /*font-size: 10pt; */
    background-color: #FFDCB9;
    color: #66736c; /*color: White;*/
    font-weight: bold;
}
.ReportRunningTotal {
    font-weight: bold;
}
td.ReportSubHeader {
    border-top: 2px solid #ffffff;
}
.ReportSubHeader a  {
    color: inherit;
}
.ReportSubDivider {
    border-bottom: 1px solid;
}
td.ReportSubDivider {
    height: 5px;
}
.ReportSubTotalLine {
    BORDER-RIGHT: thin;
    BORDER-TOP: thin;
    MARGIN: 1px;
    BORDER-LEFT: thin;
    BORDER-BOTTOM: thin;
}
.ReportSubHeaderLine {
    font-weight: bolder;
}
.TextMessageBackground {
    BORDER-RIGHT: #FF0000 1px dashed;
    BORDER-TOP: #FF0000 1px dashed;
    BORDER-LEFT: #FF0000 1px dashed;
    BORDER-BOTTOM: #FF0000 1px dashed;
    background-color: #C0C0C0;
}
.ui-button .ui-button-text { 
    display: block; line-height: 1.2; 
    /*line-height: 1;*/   
}
.ui-button-text-only .ui-button-text { 
    padding: .1em 1em; 
}
.ui-button-icon-only .ui-button-text, 
.ui-button-icons-only .ui-button-text { 
    padding: .1em; 
    text-indent: -9999999px; 
}
.ui-button-text-icon-primary .ui-button-text, 
.ui-button-text-icons .ui-button-text { 
    padding: .1em 1em .1em 1em; 
}
.ui-button-text-icon-secondary .ui-button-text, 
.ui-button-text-icons .ui-button-text { 
    padding: .1em 1em .1em 1em; 
}
.ui-button-text-icons .ui-button-text { 
    padding-left: 1em; padding-right: 1em; 
}
/* no icon support for input elements, provide padding by default */
input.ui-button { 
    padding: .4em 1em; 
}
.ui-button-text { 
    padding-bottom: .3em !important; 
}
img.ui-datepicker-trigger {
    /*
    margin-bottom: -4px;
    */
    margin-left: 0;
    margin-bottom: -5px;
    margin-top: -1px;
    height:20px;
    width:15px;
}
div.warning {
	 padding-top: 0px;
	 font-size: 11px;
	 color:Red;
}
td.alert p {
	color: Red;
	font-size: 12px;
}
.alertmsg, .confirmmsg {
    font-size: 1.3em;
    font-weight: bold;
    color: #555;
}
#LoadingBackground {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 150000;
}
#LoadingOverlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    z-index: 150100;
    /*z-index: 149900;*/
    height: 100%; /* for chrome */
}
#LoadingPanel {
    position: relative; /*
    left: 50%;
    margin-left: -150px; */
    top: 50%;
    left: 50%;
    width: 260px;
    margin-left: -130px;
    margin-top: -100px;
    z-index: 150100 !important;
    padding: 15px;
    background-color: #FFFFFF;
    border: 3px solid #a6c9e2;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}
#LoadingMessage {
     font-size: 1.5em;
     font-weight: bold;
     margin-top: 20px;
}
div.keepalive {
	/*visibility: hidden;*/
	display: none;
	padding: 5px;
	background-color: Red;
	color:White;
	font-weight:bold;
	/*position:absolute;
	top:0;
	left:0;*/
	position:fixed;
	top:0;
	left:0;
	z-index: 9000;
}
div.keepalive div {
    float:none;
    clear: none;
    display: inline;
}
div.keepalivecollapser {
    float:left;
    clear: none;
    display: inline;
    height: 100%;
}
div.keepalive a {
	background-color:transparent;
}

.HelpImageButton img {
	 vertical-align:middle;
	 *vertical-align:top;
	 margin-bottom: 2px;
}
td.ImageLink {
	padding-left: 3px;
	padding-right: 3px;
}
.ImageLink img {
	border: 0;
	padding-bottom: 3px;
}
.ImageLink a:hover {
	background-color:transparent;
	color: #000066;
}
INPUT.itnUploadFile  {
    width: 400px; 
}
a.BubbleHelpEdit  {
    text-decoration: none;
}
a.BubbleHelpEdit:hover {
    background-color: transparent;
    /*color: #4A804E;*/
}

/* jQuery DropDown Menus */

/* Added to dropdown menu by jQuery to bring to front */
.ddmZup { 
    z-index: 1000; 
    position:absolute;
} 
.ddmClear {
    clear:both;
} 
/* Menu container - position relative so that position absolute can be used in Menu */
div.ddmMenu {
    display:block; 
    position:relative;
    margin:0 1px;
    float:left; 
    width:80px; 
	background-color: #A4C4E3;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #A2A2A2;
    border-bottom: 1px solid #A2A2A2;
}
/* Simple button */
div.ddmMenuBtn {
    background-color: #81aed8 !important;
    clear: both;
    /*padding-top:1px;*/
}
/* Menu activation link */
div.ddmMenu a {
    display:block; 
    font-weight:700;  
    text-decoration:none; 
    color: #FFFFFF;
    text-align:center; 
    padding: 2px 1px 0px 1px;
 	height: 16px;
}
/* Current menu item */
.ddmMenu a:hover {
    color:#FFFFFF;
}
.ddmMenu a.dummy:hover {
    background-color: unset;
}
/* Selected menu item */
.ddmMenu a.selected {
    color:#FF0000;
}
/* Menu, it's hidden by default */
div.ddmMenu ul {
    width:80px;

    position: absolute;
    left: 0;
    display: none;
    /*margin: 0 0 0 1px;*/
    margin: 0 0 0 -1px;
    padding: 0px;
    list-style: none;
    /*border-left: 1px solid #E8E8E8;*/
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
/* Menu items */
div.ddmMenu ul li {
    float: left; /*border-top: 1px solid #fff;*/
    position: relative;
    width: 80px;
    background-color: #81aed8;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
}
/* Menu item links display block will make the link fill the whole area of LI */
div.ddmMenu ul a {
    display:block;  
    height: 16px;
    padding: 2px 1px 1px; 
}
/* in Itinerary version menu variants */
li.itnVsnSum { 
    background:#8DBC8F !important; 
}
.itnVsnCur, 
.itnVsnCur td, 
li.itnVsnCur { 
    background:#8DBC8F !important; 
}
.itnVsnHst, 
.itnVsnHst td,
li.itnVsnHst { 
    background:#CC6699 !important; 
}
.itnVsnMnt, 
.itnVsnMnt td, 
li.itnVsnMnt { 
    background:#FD7D53 !important; 
}
.itnVsnCurSub, 
.itnVsnCurSub td {
    background: #AFCFB1 !important;
}
.itnVsnHstSub, 
.itnVsnHstSub td { 
    background: #EABFD5 !important; 
}
/* Nav items */
div.itnVsnNav {
    float: right !important;
    width: 130px !important;
    background-color: transparent !important; /*border: 1px dotted #808080 !important;*/
    border-width: 1px;
    border-style: solid;
    border-color: #C4C4C4 #9D9D9D #9D9D9D #C4C4C4;
}
div.itnVsnNav a {
    padding:1px 2px 1px 2px !important; 
    height:15px !important; 
}
div.itnVsnNav ul li {
    width:130px !important; 
}
div.itnVsnNav ul a {
    padding: 3px 3px !important;
}
div.itnVsnMnu a { 
    color: #FFFFFF !important; 
}
/* Nav menu */
div.itnVsnMnu { 
    width: 60px !important; 
}
div.itnVsnMnu a {
 	height: 17px !important;
    padding: 2px 2px 0 2px !important;
}
div.itnVsnMnu ul li {
    width:110px  !important; 
}
div.itnVsnMnu ul a {
    height:18px  !important;
    padding: 2px 2px  !important; 
}
/* Item meu */
div.itnItemMnu { 
    width: 60px !important; 
}
div.itnItemBtn, 
div.itnItemMnu ul li { 
    background-color: #FD7D53 !important; 
}
div.itnItemMnu ul li { 
    width: 100px !important; 
}
div.itnItemMnu a { 
    color: #FFFFFF !important; 
}
/* User menu */
div.mntUserMnu  {
    width: 100% !important; 
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
div.mntUserBtn, 
div.mntUserMnu ul li { 
    background-color:#787878 !important; 
}
div.mntUserMnu ul li { 
    width: 150px !important; 
    /*border: 0; */
    float:right; 
    padding: 3px 3px 3px 3px; 
    border-top: 1px solid #B1B1B1; 
    border-left: 1px solid #B1B1B1;
}
div.mntUserMnu a { 
    color: #FFFFFF !important; 
    padding: 2px 7px 2px 7px; 
    background-color:#999999 !important; 
    /*border: 1px dotted gray; */
}
div.mntUserMnu a:hover { 
    background-color:#787878 !important;
}
div.mntUserMnu ul li a { 
    border: 0; 
    text-align: center; 
    padding: 2px 2px 2px 2px; 
    background-color:#787878 !important;
}
div.mntUserMnu ul li a:hover { 
    color: #666666 !important; 
    background: #EFEFEF !important;
}
div.mntUserMnu ul {
    /*
    position: absolute !important;
    margin: 0 -1px 0 0 !important;
    */
    right: 0 !important;
    left: unset;
    min-width: 157px;
    margin: 1px -1px 0 0 !important;
    border-right: 1px solid #595959;
    border-bottom: 1px solid #595959;
}

.Nomad div.mntUserMnu {
    background-color: #b8ae89;
    border-top: 1px solid #d8d2bf;
    border-left: 1px solid #d8d2bf;
    border-right: 1px solid #988f76;
    border-bottom: 1px solid #988f76;
}
.Nomad div.mntUserBtn, 
.Nomad div.mntUserMnu ul li { 
    background-color:#988f76 !important; 
}
.Nomad div.mntUserMnu ul li { 
    /*border-top-color: #B2AA88; 
    border-left-color: #B2AA88;*/ 
    border-top-color: #CBC5B2; 
    border-left-color: #CBC5B2;
}
.Nomad div.mntUserMnu a { 
    background-color:#b8ae89 !important; 
}
.Nomad div.mntUserMnu a:hover, 
.Nomad div.mntUserMnu ul li a { 
    background-color:#988f76 !important;
}
.Nomad div.mntUserMnu ul li a:hover { 
    color: #666666 !important; 
    background: #EFEFEF !important;
}
.Nomad div.mntUserMnu ul {
    border-right: 1px solid #595959;
    border-bottom: 1px solid #595959;
}

.NavUserMenu, .NavIcons {
    display: none;
}

div.ddBtn, div.ddBtn ul li { 
    width: auto !important; 
}

.ui-multiselect { 
    padding:2px 0 2px 4px; 
    text-align:left; 
}
.ui-multiselect span.ui-icon { 
    float:right; 
}
.ui-multiselect-single .ui-multiselect-checkboxes input { 
    position:absolute !important; 
    top: auto !important; 
    left:-9999px; 
}
.ui-multiselect-single .ui-multiselect-checkboxes label { 
    padding:5px !important; 
}

.ui-multiselect-tight { 
    padding:3px 0 3px 0 !important;
}
.ui-multiselect-header { 
    margin-bottom:3px; 
    padding:3px 0 3px 4px;
}
.ui-multiselect-header ul { 
    font-size:0.9em; 
}
.ui-multiselect-header ul li { 
    float:left; 
    padding:0 10px 0 0; 
}
.ui-multiselect-header a { 
    text-decoration:none; 
}
.ui-multiselect-header a:hover { 
    text-decoration:underline; 
}
.ui-multiselect-header span.ui-icon { 
    float:left; 
}
.ui-multiselect-header li.ui-multiselect-close { 
    float:right; 
    text-align:right; 
    padding-right:0; 
}

.ui-multiselect-menu { 
    display:none; 
    padding:3px; 
    position:absolute; 
    z-index:10000; 
}
.ui-multiselect-checkboxes { 
    position:relative /* fixes bug in IE6/7 */; 
    overflow-y: scroll; 
}
.ui-multiselect-checkboxes label { 
    cursor:default; 
    display:block; 
    border:1px solid transparent; 
    padding:1px 1px; 
}
.ui-multiselect-checkboxes label span { 
    position:relative; 
    bottom:2px; 
}
.ui-multiselect-checkboxes li { 
    clear:both; 
    font-size:0.9em; 
    padding-right:3px; 
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { 
    text-align:center; 
    font-weight:bold; 
    border-bottom:1px solid; 
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { 
    display:block; 
    padding:3px; 
    margin:1px 0; 
    text-decoration:none; 
}
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { 
    border:none; 
}
.ui-multiselect-hasfilter ul { 
    position:relative; 
    top:2px; 
}
.ui-multiselect-filter { 
    float:left; 
    margin-right:10px; 
    font-size:11px; 
}
.ui-multiselect-filter input { 
    width:100px; 
    font-size:10px; 
    margin-left:5px; 
    height:18px; 
    padding:2px; 
    border:1px solid #292929; 
    box-sizing:content-box; 
    -webkit-appearance:textfield; 
    -webkit-box-sizing:content-box; 
}
.ui-multiselect-tight .ui-multiselect-filter { 
    margin-right:2px !important; 
}
.ui-multiselect-tight .ui-multiselect-filter input { 
    margin-left:2px !important; 
}
.ui-multiselect-tight ul li { 
    padding:0 0px 0 0 !important; 
}
ul.ui-multiselect-checkboxes { 
    line-height: 1.0; 
}
.ui-multiselect-checkboxes span { 
    padding-left: 3px; 
    margin-bottom: -2px; 
}
button.ui-multiselect { 
    font-size: 11px !important; 
    padding: 1px 0 1px 4px;
}
@-moz-document url-prefix() { 
    button.ui-multiselect { 
        padding: 0px 0 0px 4px; 
    } 
}

/* 
Mega Menu Styling
*/
ul.mega-menu li ul {
    display: none;
}
ul.mega-menu, 
.mega-menu ul, 
.mega-menu li, 
.mega-menu a, 
.mega-menu ol, 
.mega-menu blockquote, 
.mega-menu pre, 
.mega-menu div {
    margin: 0; 
    padding: 0; 
    outline: none; 
    border: 0;
}
.Nomad ul.mega-menu {
    border: 0;
}
ul.mega-menu, 
.mega-menu ul {
    list-style:none;
}
.mega-menu-container {
    margin: 0; 
    padding: 0; 
    width: 120px; 
    float: left; 
    text-align:left; 
    outline: none;
}
.mega-menu-container h4 {
    font-size: 14px; 
    margin: 0 0 5px 0;
}
.mega-menu-clear {
    clear: both;
}
/* Vertical Mega Menu Styles */
.mega-menu {
    font: bold 13px Arial, sans-serif;
    line-height: 16px; 
    background: #999999;
    /*background: #4080BF;*/
    border-left: 1px solid #1B1B1B;
    border-right: 1px solid #797979;
    position: relative; /* Required */
    z-index: 1100;
}
.Nomad .mega-menu {
    background: #b8ae89;
    /*border-left: 1px solid #bfb795;*/
    border-left: 1px solid #514e4b; /*#383321;*/
    border-right: 1px solid #999077; /* #80754d;*/
}
.mega-menu li a {
    display: block;
    color: #fff;
    padding: 10px 20px 10px 10px;
    text-shadow: 1px 1px 1px #4e4c4c;
    text-decoration: none;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #797979;
    border-right: 1px solid #797979;
    /*border-right: 1px solid #1B1B1B;*/
}
.Nomad .mega-menu li a {
    border-top: 1px solid #d8d2bf;
    border-bottom: 1px solid #988f76;
    border-right: 1px solid #988f76;
}
.mega-menu li a:hover, 
.mega-menu li.mega-hover a {
    background: #787878; 
    color: #fff; 
    border-right: 1px solid #787878;
}
.Nomad .mega-menu li a:hover, 
.Nomad .mega-menu li.mega-hover a {
    background: #988f76; 
    border-right: 1px solid #988f76;
}
.mega-menu li a.dc-mega {
    position: relative;
}
/* Add arrow icon to parent links */
.mega-menu li a .dc-mega-icon {
    display: block; 
    position: absolute; 
    top: 14px; 
    right: 8px; 
    width: 6px; 
    height: 8px; 
    background: url(images/arrow_right.png) no-repeat 0 0;
}
/* Mega menu container */
.mega-menu li .sub-container {
    position: absolute; /* Required */
    background-color: #787878;
    padding: 3px 1px 2px 1px;
    z-index: 1100;
    border-top: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
    border-bottom: 1px solid #666666;
}
.Nomad .mega-menu li .sub-container {
    background-color: #988f76;
    border-top: 1px solid #d8d2bf;
    border-right: 1px solid #d8d2bf;
    border-bottom: 1px solid #827b67; /*#69603d;*/
}
.mega-menu li .sub-container .sub {
    padding: 2px; 
}
.mega-menu li .sub .row {
    width: 100%; 
    overflow: hidden; /* Clear floats */
}
.mega-menu li .sub li {
    float: none; 
    width: 180px; 
    font-size: 1em; 
    font-weight: normal;
}
.mega-menu li .sub li.mega-hdr {
    float: left; /* Required */
    /*margin: 0 5px 10px 5px;*/
    margin: 0 3px 1px 3px;
}
.Nomad .mega-menu li .sub a, 
.mega-menu.left li .sub a,
.mega-menu li .sub a, 
.mega-menu.left li .sub a {
    background: none; 
    border: none; 
    text-shadow: none;
    float: none;
    color: #fff; 
    /*padding: 7px 10px; */
    padding: 3px 5px 4px 15px; 
    display: block;
    text-decoration: none; 
    font-size: 1em;
    font-weight: bold; 
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
    /*padding: 5px 5px 5px 15px; */
    padding: 5px 5px 5px 15px; 
    margin-bottom: 5px; 
    background: #E88221; 
    text-transform: uppercase; 
    font-weight: bold; 
    color: #fff; 
    text-shadow: 1px 1px 1px #333;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
    color: #000; 
    text-shadow: none;
}
.mega-menu .sub li.mega-hdr li a {
    padding: 5px 5px 5px 28px; 
    font-weight: bold;
}
.mega-menu .sub li.mega-hdr li a:hover {
    color: #666666; 
    background: #EFEFEF;
}
.mega-menu .sub li.mega-hdr li.report, 
.mega-menu .sub li.mega-hdr li.report a:hover {
    background-image: url(images/report16.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
}
.mega-menu .sub li.mega-hdr li.editor, 
.mega-menu .sub li.mega-hdr li.editor a:hover {
    background-image: url(images/pencil216.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
}
.mega-menu .sub li.mega-hdr li.utility, 
.mega-menu .sub li.mega-hdr li.utility a:hover {
    background-image: url(images/tool16.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
}
.mega-menu .sub ul li {
    padding-right: 0;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
    padding: 5px;
}
.mega-menu li .sub-container.non-mega li {
    padding: 0; 
    margin: 0;
    width: 180px;
}
.mega-menu li .sub-container.non-mega li a {
    padding: 3px 5px 4px 15px; 
}
.mega-menu li .sub-container.non-mega li a:hover {
    color: #666666;
    background: #EFEFEF;
}

.ui-autocomplete {
	max-height: 97px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	/*padding-right: 20px;*/
}
* html .ui-autocomplete {
	height: 100px;
}
.ui-autocomplete.ui-menu {
    padding: 0 2px 0 2px;
}
.ui-autocomplete .ui-menu-item {
    font-size: 11px;
}
.ui-autocomplete .ui-menu-item a {
    line-height:1.5;
    padding: 0;
}
.ui-autocomplete.ui-corner-all, 
.ui-autocomplete .ui-corner-all {
    -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; 
    -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; 
    -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; 
    -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
}
.ui-autocomplete .ui-state-active {
    margin: 0px;
}
.ui-autocomplete .ui-state-hover, 
.ui-autocomplete .ui-state-focus {
    border: 0;
    background: #3399FF;
    font-weight: normal;
    color: white;
}
.ui-button { 
    padding: 1px; 
}

.smooth .ui-tabs .ui-tabs-panel, 
.ui-tabs .ui-tabs-panel { 
    padding: 0;
}

div.centre-updates {
    float: right;
    border: 1px dotted gray;
    width: 250px;
}
.centre-updates .header {
    padding: 3px;
    display: block;
    background-color: #FF6600;
    /*background-color: #8DBC8F;*/
    color: White;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    height: 20px;
    /*width: 100%;*/
    margin: 5px;
    letter-spacing: 0.5em;
}
.centre-updates .content {
    margin: 0px 5px 5px 5px;
}
.centre-updates .content .ui-helper-reset {
    line-height: 1.1;
}
.centre-updates .ui-accordion-content {
    padding: 5px 5px 5px 10px;
    font-size: 11px;
    text-align: justify;
}
.centre-updates .ui-accordion-header.ui-state-active a {
    background-color: #FFA86F;
    color: White;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}
.centre-updates ul {
    padding-left: 10px;
}
.centre-updates div.popout {
    display: none;
    padding: 20px;
}
div.centre-demo {
    float: none;
    border: 1px dotted gray;
}
.centre-demo .header {
    padding: 3px;
    display: block;
    /*background-color: #FF6600;*/
    background-color: #8DBC8F;
    color: White;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    height: 20px;
    /*width: 100%;*/
    margin: 5px;
    letter-spacing: 0.5em;
}
.centre-demo .content {
    margin: 0px 5px 5px 5px;
    text-align:justify;
    color: Gray;
}

div.welcome {
    text-align: center;
    /*width: 100%;*/
    color: Gray;
    padding: 10px;
    height: 100%;
}
div.welcome h3 {
 font-size: 18px;
 font-family:Verdana;
 padding-bottom:0px;
 margin-bottom:0px;
}
div.welcome h2 {
    font-size: 28px;
    font-family: Verdana;
    color: #9F935F;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.welcome div.link {
	padding:0px 10px 0px 10px;
	font-size: 11px;
}
div.welcome center {
    padding: 5px;
}

table.welcome div.caption  {
    padding: 3px;
    display: block;
    /*background-color: #FF6600;*/
    background-color: #8DBC8F;
    color: White;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    /*height: 20px;*/
    height: auto;
    /*width: 100%;*/
    margin: 0px;
    letter-spacing: 0.5em;
}
table.welcome div.webpart  {
    padding: 3px;
    border: 1px dotted gray;
    margin-top: 10px;
    /*margin-right: 8px;*/
    color: Gray;
    float: left;
}
table.welcome div.full  {
    margin-right: 0;
    float: none;
}

table.welcome div.spacer {
    float: left;
}
table.welcome div.webpart div {
    padding: 0 3px;
    margin: 0;
}
table.welcome div.webpart div p {
    margin-top: 5px;
    margin-bottom: 5px;
}
table.welcome div.webpart tr.data td.itinerary-detail {
    margin-top: 5px;
    background-color: #F5F5F5;
}
table.welcome div.webpart tr.data td.itinerary-detail a {
    font-weight: bold;
}
table.welcome div.webpart tr.data div.text {
    margin-top: 5px;
}
table.welcome div.webpart tr.data td {
    color: #66736c;
    padding: 2px;
    text-align: left;
}
table.welcome div.webpart table.scrolled tr.data td {
    padding: 2px 0;
}
table.welcome div.webpart tr.caption td {
    background-color: #81aed8;
    color: White;
    font-weight: bold;
    letter-spacing: 0.2em;
    padding: 5px 2px;
    text-align: center;
    font-size: 12px;
}
table.welcome div.webpart tr.header td {
    background-color: #81aed8;
    color: White;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 5px 2px;
}
table.welcome div.webpart div.header {
    background-color: #81aed8;
    color: White;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 5px 5px;
    margin: 2px;
}
table.welcome div.webpart div.alert {
    background-color: #FD7D53;
}
table.welcome div.webpart div.priority {
    background-color:red;
}
table.welcome div.webpart div.content {
    padding: 5px 5px;
    margin: 2px;
}
table.welcome div.webpart div.scroll {
    padding: 0px;
    margin: 0px;
    overflow-y: scroll;
    max-height: 300px;
}
table.welcome div.webpart tr.footer td {
    background-color: #D1E2F1;
    padding: 5px 2px;
}

table.welcome div.welcome {
    padding: 3px;
    border: 1px dotted gray;
    margin-top: 10px;
}

table.welcome-container { 
    width: 100%; 
}
table.welcome-container tr td div div  { 
    border: none; 
    margin: 0; 
    padding: 0;
}
table.welcome-itineraries tr.captionOLD {
    background-color: #8DBC8F;
    color: White;
    font-weight: bold;
    letter-spacing: 0.2em;
}
table.welcome-itineraries tr.caption td {
    font-size: 14px;
    text-align: center;
    padding: 5px;
}
table.welcome-itineraries tr.header {
    background-color: #81aed8;
    color: White;
    font-weight: bold;
    letter-spacing: 0.1em;
}
table.welcome-itineraries tr.header td {
    text-align: left;
    padding: 5px;
}
table.welcome-itineraries tr.data {
    color: #66736c;
    border-top: 1px dotted gray;
    /*background-color: #EFEFEF;*/
}
table.welcome-itineraries tr.data td {
    /*text-align: right;*/
    padding: 2px 5px 2px 5px;
}
table.welcome-itineraries tr.data td.itinerary {
    /*width: 100%;*/
    text-align: left;
}
table.welcome-itineraries tr.footer {
    background-color: #EFEFEF;
    color: #66736c;
    font-weight: bold;
}
table.welcome-itineraries tr.footer td {
    text-align: left;
    padding: 5px;
}

.WrappedAuditCell {
    white-space: normal !important;
    /*height: auto;*/
    /*padding-bottom: 3px !important;
    padding-top: 3px !important;*/
}

.ui-jqgrid .ui-pg-input {
    height: 15px !important;
}

.ui-dialog { 
    margin:0 auto; 
}
table.htmlbox {
    border: 0 !important;
}
table.htmlbox td {
    padding: 0;
}
#EmailBody_container {
    border: 0 !important;
    margin: 0 !important;
}
#EmailBody_container body {
    margin: 0 !important;
}
table.cke_editor td {
    padding: 0;
}

#ipMain {
	/*padding: 20px;*/
	padding: 0px;
    margin-top: 5px;
    display:block;
    white-space: nowrap;
    overflow: hidden;
}
table.ipMain {
    width: 546px;
}
#ipEmpty {
    width: 304px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    height: 304px;
    text-align: center;
}
#ipThumbs {
    /*width: 100%;*/
    /*float: left;
    width: 120px;*/
    padding-top: 5px;
    overflow: hidden;
    /*display: block;*/
}
#ipGallery {
	display: block;
	float: left;
	/*margin-bottom: 5px;*/
	/*width: 402px; */
}
td.ipGallery {
    background-color: Gray;
}
#ipGallery a, 
#ipThumbs a {
	text-decoration: none;
	color: white;
	/*
	color: #777;
    */
}
#ipGallery a:focus, 
#ipGallery a:hover, 
#ipGallery a:active {
	text-decoration: underline;
}
#ipGallery a:hover {
	color: #777;
}
#ipCaption {
	margin-top: 5px;
}
span.image-caption {
	display: block;
	/*position: absolute;*/
}
div.caption, 
div.caption div {
    background-color: #000;
    color: #FFFFFF;
}
div.caption {
    padding: 5px;
    display: block;
}
div.caption a, 
div.caption div a {
	color: #fff;
}
#ipControls {
	height: 10px;
	clear: both;
}
#ipControls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
#ipContainer {
	position: relative;
	clear: both;
	width: 400px;
	vertical-align: top;
	/*padding-top: 5px;*/
	/*height: 320px;*/
}
#ipLoading {
	display: inline-block;
	height: 18px;
	/*background-color: Gray;
	position: absolute;
	bottom: 30;
	left: 0;*/
	width: 541px;
	/*right: 0;*/
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px dotted #a6c9e2;
	padding: 2px 5px;
	position: absolute;
	bottom: 0;
	/*position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;*/
	/*height: 320px;*/
}
#ipSlideshow {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    padding: 3px;
}
#ipSlideshow span.image-wrapper {
	/*vertical-align: top;
	display: block;
    */
	white-space: nowrap;
	overflow: hidden;
	
    position: relative;
	/*
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    margin: auto;
*/
}
#ipSlideshow a.advance-link {
	/*
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
    */	
    
	position: relative;
    vertical-align: top;
	/*width: 400px;*/
	
	/*height: 320px;*/
	/*line-height: 320px;
	text-align: center;*/
	text-align: left;
}
#ipSlideshow a.advance-link:hover, 
#ipSlideshow a.advance-link:active, 
#ipSlideshow a.advance-link:visited {
	text-decoration: none;
	background-color: transparent;
}
td.ipSlideshow {
    /*border-left: 1px dotted #ccc;*/
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    height: 230px;
    width: 544px;
    background: #E7EBEF;
}
#ipSlideshow img {
	border: 1px solid #ccc;
	/*
    width: 400px;
	height:auto;
    */
	white-space: normal;
	/*vertical-align: top;
	height: 100%;*/
	/*
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
    */
}
div.download {
	float: right;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled.
div.navigation {}
*/
div.thumbContainer {
    height: 60px;
    width: 80px;
    overflow: hidden;
}
ul.thumbs {
    clear: both;
    margin: 0;
    padding-left: 0;
    /*margin-bottom: 5px;*/
    /*padding-top: 10px;*/
    padding-top: 0px;
    /*display: inline-block;*/
    white-space: nowrap;
}
ul.thumbs li {
	float: left;
	padding: 0;
	/*margin: 0px 10px 5px 0px;*/
	margin: 0;
	/*margin: 0px 0px 5px 0;*/
	list-style: none;
}
a.thumb {
    width: 104px;
    height: 87px;
    padding: 2px;
    display: block;
    white-space: nowrap;
    border-right: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    /*
    vertical-align: middle;
    */
}
ul.thumbs li.first a.thumb {
    border-left: 1px dotted #ccc;
}
a.thumb div {
	/*display: table-cell;
	text-align: center;
	vertical-align: middle;*/
	position: relative;
	width: 100%;
	height: 100%;
}
a.thumb div img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
ul.thumbs li.selected a.thumb {
    background: #D0D9DF;
}
ul.thumbs li.selected a.thumb:hover {
    background-color: #aebdc9;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	/*display: block;*/
}
div.pagination {
	clear: both;
	display: block;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, 
div.pagination span.current, 
div.pagination span.ellipsis, 
div.pagination span.caption  {
	display: block;
	float: left;
	padding: 4px 7px 3px 7px;
	/*border-top: 1px solid gray;
	border-bottom: 1px solid gray;*/
	border-left: 1px solid #ccc;
	color: white;
	/*
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
    */
}
div.pagination span.caption {
    background-color: Gray;
    color: White;
    /*font-weight: bold;*/
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
a.ImageButton {
    margin-left: 4px; 
}
a.ImageButton:hover {
    background-color: transparent;
}
a.ImageButton img {
    margin-bottom: -2px;
} 
a.TightButton {
    margin-left: 0px; 
}
a.TightButton:hover {
    background-color: transparent;
}
a.TightButton img {
    margin-bottom: -2px;
} 
.SystemPages .Notes table { 
    padding: 5px;
}
#imagePreviewer {
    position: absolute;
    border: 1px solid #ccc;
    background: #0080FF;
    padding: 3px;
    display: none;
    color: #fff;
}
div.sddSubmenu {
    background: #C7C7C7;
    position: absolute;
    top: -3px;
    right: 0px;
    z-index: 100;
    display: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #A2A2A2;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #A2A2A2;
}
div.sddDropdown {
    width: 100%;
    cursor:pointer;
    position: relative;
}
.sddDropdownOver {
    background-image: url(images/down_arrow_white.png);
    background-repeat:no-repeat;
    background-position: right;
}
a.ssdTarget {
    position: relative;
    z-index: 110;
    display: block;
    padding: 11px 0 0 20px;
    margin: -11px 0 0 -10px;
    text-decoration: none;
}
a.sddTarget:hover {
    background-color: transparent;
    color: inherit;
    text-decoration: underline;
}
ul.sddRoot {
    list-style:none;
    margin:0px;
    padding: 0px;
}
.sddDropdown li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 4px 10px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}
.sddDropdown li {
    border-top: 1px solid #E8E8E8;
    background-color: #81AED8;
}
div.imageViewerFull {
  text-align: center;
  vertical-align: middle;
}
td.ClientLabel {
    width: 80px;
    /*padding-left: 3px;*/
}
td.ClientLabel {
    padding: 3px 3px 4px 3px;
}
div.PrintHeader { 
    display: none 
}

.fpGridLocked {
    background-color: #FFC1C1;
    background-image: none;
    color: #FFFFFF;
}
.fpGridEdited {
    background-color: #FFC1C1;
    background-image: none;
    color: #FFFFFF;
}

div.ManualHeader {
    height: 35px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    vertical-align: middle;
    padding: 0px 0px 0px 5px;
    margin-right: 5px;
    background-color: #81AED8;
    /*background-color: #C0C0C0;*/
    white-space: nowrap;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    z-index: 29;
}
div.ManualHeader div {
    clear: none;
}
div.ManualHeader div.Title {
    padding-top: 5px;
    float: left;
    overflow-x: hidden;
    /*
    display: inline-block;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
    */
}
div.ManualHeader div.Title span {
	color: White;
	font-family: Arial;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	font-size: 18px;
	text-shadow: 1px 1px 1px #969494;
}
@-moz-document url-prefix() {
    div.ManualHeader div.Title span  
    {
	    letter-spacing: 0px;
	    margin-top: 2px;
    }
}
div.ManualHeader .Title a:hover, 
div.ManualHeader .Icons a:hover {
    background-color: transparent;
}
div.ManualHeader div.Icons {
    background-color: #81AED8;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 10px;
    padding-top: 10px;
    z-index: 30;
    /*
    float: right;
    margin-top: -1px;
    */
}
div.ManualHeader div.Icons span {
	 vertical-align:middle;
	 *vertical-align:top;
	 margin-bottom: 2px;
}
div.ManualHeader div.Icons span.space {
	 padding: 0 10px 0 2px;
}
div.ManualHeader div.Icons span img {
	 vertical-align:middle;
	 *vertical-align:top;
	 margin-bottom: 4px;
}

div.ManualBody {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 36px 0px 0px 0px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: White;
    /*
    height: 100%; 
    width: 100%; 
    margin: 36px 0px 38px 0px;
    */
}
div.ManualFooter {
    border-color: #FFFFFF;
    height: 30px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 9px 0px 0px 9px;
    background-color: #C0C0C0;
    white-space: nowrap;
    overflow: hidden;
    border-top-style: solid;
    border-top-width: 1px;
    z-index: 28;
}
div.ManualFooter div { 
    clear: none;
}
.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#slideOut {
	position:absolute;
	width:201px;
	/*height:80px;*/
	top:36px;
	left:-204px;
    
    display: block;
    box-shadow: 2px 2px 2px #888888;
}
#slideClick {
	padding-right: 1px;
	float:right;
    height:80px;
    width:15px;
    background:#EE8D40;
    box-shadow: 2px 2px 2px #888888;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#slideClick .rotate {
    color: White;
    letter-spacing: 4px;
    position: relative;
    bottom: -48px;
}
#slideContent {
	background:#AAA;
	width: 202px;
	height: 50px;
	/*padding: 30px 0 0 10px;*/
	padding: 0px 0 0 0px;
    float:left;
	color: White;
    box-shadow: 2px 2px 2px #888888;
	/*
	color: #EFEFEF;
	font-size: 17px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
    */
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#slideNav {
    float: left;
    width: 200px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
#slideNav li a {
    margin: 0;
    display: block;
    padding: 5px 10px;
    background: #ccc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #595959;
}
#slideNav li a:hover, 
#slideNav li a.active {
    background: #999;
    color: #fff;
}
ul#slideNav, 
#slideNav ul {
    padding: 0; 
    margin: 0;
}
#slideNav li ul {
    display: none; 
}
#slideNav li ul.active {
    display: block; 
}
#slideNav li ul li a {
    margin: 0;
    padding: 3px 15px;
    background: #ececec;
    border-bottom: 1px dotted #ccc;
}

.PageButtons .ui-button {
    font-family: Verdana, Arial, Helvetica, sans-serif;  
}
.PageButtons ul.ui-menu {
    position: absolute; 
    /*width: 100px;*/ 
}
.PageButtons input.ui-button {
    padding: 0.2em 0.5em !important;
    z-index: 1; 
    margin: 0 0.1em 0 0;
}
.PageButtons button.ui-button {
    z-index: 1; 
    padding: 0.2em 0.5em !important;
    margin: 0;
}
input::-moz-focus-inner { 
    border:0; padding:0 
}
.PageButtons .ui-button-text-icon-secondary .ui-button-icon-secondary, 
.PageButtons .ui-button-text-icons .ui-button-icon-secondary, 
.PageButtons .ui-button-icons-only .ui-button-icon-secondary {
    right: 0.1em;
}
.PageMenuDiv .ui-button .ui-button-text {
    padding: 0.1em 1em 0.1em 0em !important;
    margin: 0;
    line-height: 1;
    display: inline-block;
}
div.PageMenuDiv {
    clear: none;
    float: none;
    display: inline-block;
    font-size: 1em;
    padding: 0;
    margin: 0;
}
ul.PageMenuButtonList {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    /*font-size: 11px !important;*/
    z-index: 2;
    margin: 0;
    list-style-type:none;
    display: none;
    padding: 1px 2px !important;
}
.PageButtonTitle {
    padding-left: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

button.ui-multi-button { 
    padding: 2px 0 2px 4px; 
}
@-moz-document url-prefix() { 
    button.ui-multi-button { 
        padding: 0px 0 0px 4px; 
    } 
}

#ItemCostDiv, #ItemSaleDiv {
    position: relative;
    width: 100%;
    height: 100%;
}
#ItemHighlightDiv {
    position: absolute;
    bottom: 0;
    right: 78px;
    white-space: nowrap;
}

.itemHighlightOld {
    background-color: yellow;
}

.IWItemsBody .seqRow td {
    position: relative;
}

.DataTableLineOdd span.action, 
.DataTableLineEven span.action {
    font-size: 9px;
    font-weight: bold;
}

div.k-list-grid {
    height: 100%;
}

.k-header-column-menu.k-state-filtered span.k-i-arrowhead-s {
    border: 1px solid green;
}
.k-list-grid a.k-link:hover, 
#ClientGrid .k-button a:hover {
    background-color:transparent;
}

div.mnt-grid .k-grid-header .k-state-active,
div.k-list-grid .k-grid-header .k-state-active {
    background-color: #ffa275
    /*
    background-color: #8dc9f1;
    */
}
div.mnt-grid .k-grid-header .k-state-active:hover,
div.k-list-grid .k-grid-header .k-state-active:hover {
    background-color: #a8a8a8;	
}

div.mnt-grid .k-header .k-grid-filter,
div.k-list-grid .k-header .k-grid-filter {
	margin: -.5em -.6em -.6em !important;
	padding: .5em .2em .6em !important;
}

.k-filter-menu .k-dropdown, 
.k-filter-menu .k-datepicker, 
.k-filter-menu .k-numerictextbox {
    width: 100% !important;
}

div.k-list-grid table.k-selectable > tbody > tr > td:nth-child(1) {
    padding: 2px;
}

.mnt-grid .k-header a {
	color: #535b6a;
}
.mnt-grid .k-grid-toolbar {
    border-width: 0 0 1px 0;
    background-color:#d1e4d2;
}
.mnt-grid .k-grid-content a.fk:hover {
    color: initial;
    background-color: transparent;
    text-decoration: underline;
}
.mnt-grid .k-grid-content .k-state-selected a.fk,
.mnt-grid .k-grid-content .k-state-selected a.fk:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
}

/* jQuery DropDown Menus */

/* Menu container - position relative so that position absolute can be used in Menu */
div.kddMenu {
    margin:0 1px;
    width:60px; 
	background-color: #A4C4E3;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #A2A2A2;
    border-bottom: 1px solid #A2A2A2;
}
/* Simple button */
div.kddMenuBtn {
    background-color: #81aed8 !important;
}
/* Menu activation link */
div.kddMenu a, 
div.kddUl a {
    display:block; 
    font-weight:700;  
    text-decoration:none; 
    color: #FFFFFF;
    text-align:center; 
    padding: 2px 1px 0px 1px;
 	height: 17px;
    padding: 2px 2px 0 2px !important;
}
div.kddMenu > a {
    padding:2px !important;
}
div.kddMenu:hover, 
div.kddMenu > a:hover {
    background-color: #336699;
}
/* Current menu item */
.kddMenu a:hover, 
.kddUl a:hover {
    color:#FFFFFF;
}
/* Selected menu item */
.kddMenu a.selected, 
.kddUl a:selected {
    color:#FF0000;
}
/* Menu, it's hidden by default */
div.kddUl {
    z-index: 1000;
    position: fixed;
}
div.kddUl ul {
    width:80px;
    margin: 0px 0 0 -1px;
    padding: 0px;
    list-style: none;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

/* Menu items */
div.kddUl ul li {
    float: left; 
    width: 110px;
    background-color: #81aed8;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
}
/* Menu item links display block will make the link fill the whole area of LI */
div.kddUl ul a {
    display:block;  
    height:18px  !important;
    padding: 2px 2px  !important; 
}

div.mntTextFilterDiv {
    position: relative;
    display: inline-block;
}

div.mntTextFilterDiv button {
    width: 100%;
}

div.kddOptions, 
div.kddProfiles {
    display: none;
}
div.kddOptions table tr td:nth-child(1) {
    text-align: right;
}
div.kddOptions input[type=checkbox] {
    margin-left: 0;
}
div.kddProfiles input[type=checkbox] {
    margin: 0;
    vertical-align:bottom;
    top:-1px;
}
div.kddProfiles table {
    border-spacing: 10px;
    border-collapse:separate;
}
div.kddProfiles td {
    background-color:#e8ece9;
    padding: 10px;
}
div.kddProfiles {
    padding:0 !important;
}
div.kddProfiles button {
    margin-top: 5px;
}

.k-button.active {
    background-color:#ff8346;
    color:#fff;
	/*
     background-color:#ff9b6a;
     border-color: #1984c8;
    background-color: #8dc9f1;
    */  
}

th[aria-sort] {
     background-color:#ffb895;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}
.smooth .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: -18px;
    margin-right: 1px;
    padding: 0;
    width: 16px !important;
    /*height: 13px !important;*/
    border: 0;
    background: transparent !important;
}
.smooth .custom-combobox-toggle.ui-state-hover {
    border-left: 1px solid black;
    background: #e6e6e6 !important;
}

#ResaleOrderGrid .k-detail-cell .k-grid-content {
    max-height: 200px;
}

.k-grid-toolbar .k-header-column-menu  {
    background-color: transparent;
    color: unset;
}
.kg-status-warning {
    color: red;
}
.kg-status-check-circle {
    color: green;
}
.k-list-grid .k-master-row a {
    color:unset;
}
.k-list-grid .k-master-row a:hover {
    background-color:transparent;
    color:white;
    text-decoration: underline;
}

.btnimage {
    border: 0;
    cursor: pointer;
}

.ui-dialog.tight .ui-dialog-buttonpane {
    border-top: none;
}
.ui-dialog.tight .ui-dialog-content {
    padding: 0;
}
.ui-dialog.tight .ui-dialog-content select {
    width: 100%;
}

.km-warning {
    color: red;
}
.km-information {
    color: rgb(22, 155, 7); /*#81aed8;*/
}
.km-icon {
    width: 16px;
}

.smooth .ui-state-highlight, 
.smooth .ui-widget-content .ui-state-highlight, 
.smooth .ui-widget-header .ui-state-highlight {
	border: 1px solid #fcd113;
	background: #f8da4e url(jq/ui/1.9.2/Start/images/ui-bg_glass_55_f8da4e_1x400.png) 50% 50% repeat-x;
	color: #915608;
}

div.jqgltdh {
    max-height:80px;
    overflow:auto;
}

.ITNBrowse .heading {
    background-color: #d7e8d8;
    font-weight: bolder;
}

.k-grid .k-picker-wrap.k-state-hover, 
.k-grid .k-picker-wrap.k-state-focused {
    background-color: unset;
}
.k-grid .k-numeric-wrap.k-state-hover, 
.k-grid .k-numeric-wrap.k-state-focused {
    background-color: #fff;
}
.k-ff .k-grid .k-numeric-wrap.k-expand-padding input[type="text"] {
	padding-left: unset;
	padding-right: unset;
}

div.FormTabs {
    display: none;
}
.FormTabs {
    border: none;
    padding:0;
}
.FormTabs.smooth ul {
    border: none;
}
.FormTabs.smooth .ui-helper-reset {
    line-height: 0.8;
}

.k-list-grid .k-grid-pager {
	border-width: 0 0 1px;
	background-color: #8DBC8F;
    color: white;
    font-weight: bold;
}

.FormGrid .mnt-grid.k-list-grid .k-grid-pager {
	/*background-color: #cfcfcf;*/
	background-color: #efefef;
    color: #999;
}

.FormGrid .mnt-grid.k-list-grid .k-grid-pager .k-link:hover {
	color: #fff;
    background-color: #aaa;
}
.FormGrid .mnt-grid.k-list-grid .k-grid-pager .k-link:hover .k-icon {
	color: #fff;
}
.FormGrid .mnt-grid {
    margin-top:0;
}
.mnt-grid {
    margin-top:5px;
    min-height:60px;
}
.mnt-grid.k-list-grid .k-grid-pager {
	border-width: 0 0 1px;
	background-color: #79b07c;
    color: white;
    font-weight: bold;
}
.mnt-grid .k-pager-wrap {
    padding-right: 5px;
}
.mnt-grid.assigned .k-pager-wrap {
    background-color:#ff5050;
}
.mnt-grid span.k-pager-info, 
.mnt-grid span.title {
    float:left !important;
    padding: 0 1.333em 0 5px;
}
.mnt-grid .k-pager-input, 
.mnt-grid .k-pager-wrap > .k-link {
    float:right;
}
.mnt-grid .k-pager-input {
    padding: 0 5px;
}
.mnt-grid .k-grid-pager div.menu {
	float: left;
	padding: 0 5px;
	cursor:pointer;
}
.mnt-grid .k-grid-pager .k-columns-menu {
    font-weight:normal;
}

@media only screen and (min-width: 640px) {
    .k-ff .k-label.title, .k-ie11 .k-label.title, .k-safari .k-label.title, .k-webkit .k-label.title, .k-label.title {
	    display: none !important;
    }
}
@media only screen and (max-width: 640px) {
    .k-ff .k-label.title, .k-ie11 .k-label.title, .k-safari .k-label.title, .k-webkit .k-label.title, .k-label.title {
	    display:inline-block !important;
    }
}
@media only screen and (max-width: 880px) {
    .mnt-grid .k-pager-wrap .toolmin {
	    display:none;
    }
}
@media only screen and (max-width: 640px) {
  .k-pager-info {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .k-pager-nav {
    display: none !important;
  }
}
.mnt-grid .k-pager-wrap, 
.mnt-grid .k-grid-toolbar {
    display:none;
}

.mnt-grid .k-pager-wrap > .k-separator {
    float:right;
    background-color:transparent;
}
.mnt-grid .k-pager-wrap > .k-separator img {
    width:8px;
}
.mnt-grid .k-pager-wrap > .k-link {
	margin: 0;
	height: 2em;
	line-height: 2em;
	border-radius: 0; 
}

.mnt-grid .k-pager-wrap .k-column-menu .k-sprite, 
.mnt-grid .k-pager-wrap .k-drop-hint, 
.mnt-grid .k-pager-wrap .k-gantt-views > .k-current-view > .k-link::after, 
.mnt-grid .k-pager-wrap .k-grid-mobile .k-resize-handle-inner::after, 
.mnt-grid .k-pager-wrap .k-grid-mobile .k-resize-handle-inner::before, 
.mnt-grid .k-pager-wrap .k-grouping-dropclue, 
.mnt-grid .k-pager-wrap .k-icon, 
.mnt-grid .k-pager-wrap .k-pager-numbers .k-current-page .k-link::after, 
.mnt-grid .k-pager-wrap .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link::after, 
.mnt-grid .k-pager-wrap .k-tool-icon {
    color: White;
	border-color: transparent;
}
.FormGrid .mnt-grid .k-pager-wrap .k-column-menu .k-sprite, 
.FormGrid .mnt-grid .k-pager-wrap .k-drop-hint, 
.FormGrid .mnt-grid .k-pager-wrap .k-gantt-views > .k-current-view > .k-link::after, 
.FormGrid .mnt-grid .k-pager-wrap .k-grid-mobile .k-resize-handle-inner::after, 
.FormGrid .mnt-grid .k-pager-wrap .k-grid-mobile .k-resize-handle-inner::before, 
.FormGrid .mnt-grid .k-pager-wrap .k-grouping-dropclue, 
.FormGrid .mnt-grid .k-pager-wrap .k-icon, 
.FormGrid .mnt-grid .k-pager-wrap .k-pager-numbers .k-current-page .k-link::after, 
.FormGrid .mnt-grid .k-pager-wrap .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link::after, 
.FormGrid .mnt-grid .k-pager-wrap .k-tool-icon {
    color: #888;
	border-color: transparent;
}

.mnt-grid tr.assigned {
    background-color: #ffeaea;
}
.mnt-grid tr.contacted {
    background-color: #f3f4d5;
}
.mnt-grid tr.quoted {
    background-color: #ebf3ec;
}
.mnt-grid tr.booked {
    background-color: #cfe2d0;
}
.mnt-grid tr:hover {
    background-color: #b5bdcb;
    background-image: url(/kendo/css/textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
}

.mnt-grid .k-link.active {
    background-color: #ffb895;
}

.mnt-grid tr.k-state-selected, 
.mnt-grid tr.k-state-selected:link, 
.mnt-grid tr.k-state-selected:visited,
.mnt-grid tr.k-state-selected a, 
.mnt-grid tr.k-state-selected a:link, 
.mnt-grid tr.k-state-selected a:visited,
.mnt-grid td.k-state-selected a, 
.mnt-grid td.k-state-selected a:link, 
.mnt-grid td.k-state-selected a:visited {
	color: #fff;
	background-color: #1984c8;
	border-color: #1a87cd;
}
.mnt-grid td.k-state-selected a:hover {
    text-decoration: underline;
}

/* Kendo Grid toolbar button menus */
div.ktbUl {
    z-index: 1000;
	
	display: block;
	position: absolute;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	transform: translateY(0px);
	
	border-color: #ceced2;
	
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
	
	color: #515967;
	
	background-color: #f5f5f5;

	border-style: solid;
	border-width: 1px;
	
	min-width: 160px;
	
    box-sizing: content-box;	
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
}
div.ktbUl ul {
    border-color: #ceced2;
    
    border-width: 0;
    
    background-color: #f3f3f4;
    
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    
    color: #535b6a;
    
    outline: 0;
    
	list-style: none;
	margin: 0;
	padding: 0;
	
	cursor: default;
	
	box-sizing: content-box;
	
	line-height: normal;
	
	border-style: solid;
	
	background-repeat: repeat;
	
	text-decoration: none;
	font-size: 100%;
	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
}
div.ktbUl ul li {
    /*z-index: auto;*/
    
    position: relative;

	display: block;
	float: none;
	border-width: 0;
	
	border-color: #ceced2;
	
	cursor: default;

	border-style: solid;
	/*
    vertical-align: top;
    */
	box-sizing: content-box;
	
	color: #535b6a;
	
	list-style: none;
	
	font-size: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
}
div.ktbUl ul li a {
	display: block;
	padding: .5em 1.1em .4em;
	line-height: 1.34em;
    user-select: none;
	-moz-user-select: none;

	white-space: nowrap;
	
	box-sizing: content-box;

	cursor: pointer;
	outline: 0;
	text-decoration: none;
	
	color: #535b6a;
	
	list-style: none;
	
	font-size: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
}

.mnt-grid .k-header a.k-link:hover, 
.mnt-grid a.k-link a.k-header-column-menu:hover, 
.mnt-grid a.k-link a.k-header-column-menu.k-state-active, 
.k-list-grid a.k-link:hover, 
.k-list-grid a.k-link a.k-header-column-menu:hover, 
.k-list-grid a.k-link a.k-header-column-menu.k-state-active {
    background-color:transparent;
}

.DataForm .mnt-grid input, 
.DataForm .mnt-grid select {
    z-index: unset; 
}

.k-grid.mnt-grid.k-editable .k-grid-content tr {
    height: 28px;
}

.k-grid.mnt-grid .k-edit-cell,
.DataForm div.k-list-grid table.k-selectable > tbody > tr > td.k-edit-cell:nth-child(1) {
	padding: 2px;
}

.MainFrame .k-grid td {
	z-index: unset;
}

.DataForm div.k-list-grid table.k-selectable > tbody > tr > td:nth-child(1) {
	padding: .4em .6em;
}

input[type=radio] {
    margin-top: -1px;
    vertical-align: middle;
    margin-right: 5px;
} 

div.radio {
    padding-top: 10px;
}

#HandlerSeasonGrid td.k-detail-cell
#HoldPolicyGrid td.k-detail-cell {
    padding-left: 0;
    /*padding: 0 0 .4em 0;*/
}
#HandlerSeasonGrid td.k-hierarchy-cell,
#HoldPolicyGrid td.k-hierarchy-cell {
    padding: 5px 0 0 5px;
    vertical-align: top;
}
#HandlerSeasonGrid td.k-detail-cell,
#HoldPolicyGrid td.k-detail-cell {
    padding-left: 0;
}
#HandlerSeasonGrid td.k-hierarchy-cell .k-link,
#HoldPolicyGrid td.k-hierarchy-cell .k-link {
	margin: 0;
	height: 2em;
	line-height: 2em;
    border-radius: 0;     
    
    color: #888;

    border-style: none;
    border-width: 1px;

    cursor: pointer;
    text-align: center;
}
#HandlerSeasonGrid td.k-hierarchy-cell a.k-link:hover span,
#HoldPolicyGrid td.k-hierarchy-cell a.k-link:hover span {
    /*background-color: #fff;*/
    color:#000;
}

.Details .DialogDataForm td:nth-child(1) {
    text-align: right;
}
.Details .DialogDataForm tr:nth-child(1) td {
    height: 5px;
}
.Details .DialogDataForm tr:nth-last-child(1) td {
    height: 5px;
}
div.postit {
	padding: 6px;
	background-color: #ffffae;
	/*border: 1px dotted #cccc7b;*/
	color: #666;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

label.checkbox > input[type=checkbox] {
    vertical-align: -2px;
} 

div.form-error {
    color: red;
    font-weight: bold;
    padding: 5px 5px 0;
}

/* This here to correct weird MS Edge behaviour repositioning details button on hover */
#ItemHoldDetailDiv button:hover {
    position: absolute;
    bottom: 0;
}

.stack input:not(:first-of-type) {
    margin-top: -1px;
}

#ItemPageTotals tr.supplier td {
    padding: 0 10px;
}
.receipt tr.supplier td {
    padding: 0 3px;
}

#PriceLookupDiv {
    position: absolute;
    bottom: 22px;
    right: 2px;
    white-space: nowrap;
}

#PriceLookupDiv button {
    width: 143px;
    border-radius: 0;
    background-color: #A4C4E3;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #A2A2A2;
    border-bottom: 1px solid #A2A2A2;
    color: #fff;
}
#PriceLookupDiv button:hover {
    background-color: #aebdc9;
}

#ItemSaleDiv .smooth {
    position: absolute;
    bottom: 0;
    right: 2px;
    white-space: nowrap;
}

.opengrid .ui-jqgrid {
    border: 0;
}

#enquiryPicker {
    height: auto !important;
}
.ui-dialog .ui-dialog-buttonpane.deepbuttonpane {
    margin-top: 0;
}
.deepbuttonpane button.ui-button {
    margin-top: 1em;
}
.deepbuttonpane label, .deepbuttonpane select {
    color: #808080;
}

.inputwrap {
    display: inline-block;
   border: 1px solid #aaa;
   line-height: 1em;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
}
.inputwrap {
   background-color:#eee;
}
.inputwrap.disabled {
   border: 1px solid #ccc;
   background-color:inherit;
}
.inputwrap input {
   border:none !important;
   outline:none !important;
   background-color:transparent;
}
.k-fff .inputwrap input {
   padding-bottom: 1px;
}
.inputwrap span {
   margin-top:-2px;
   cursor: pointer;
   color: #66736c;
   padding-right:1px;
}
.inputwrap.disabled span {
   visibility: hidden;
}
.inputwrap img {
   display: none;
}