/*
###################################################################################################################################
#
#   File        : aircard.css
#   Author      : James Simmons
#   Created     : February 1, 2013
#   Application : AirCard
#   Purpose     : KHI Look and Feel Style Sheet
#
#
###################################################################################################################################
#
#   History
#   =======
#
#   Date        Version         Name                Bug     Comment
#   =========== ============    ==================  =====   =======
#   27 Jan 2014 V1.2.JS2.0.0    James Simmons       US1780  Porting changes to SEA Card over
#   20 Feb 2014 V1.2.JS2.1.0    James Simmons       US1826  Added YUI AutoCompleteList styles
#   03 Mar 2014 V1.2.DLH.2.0    Dennis Hostetler    US2326  Porting changes to SEA Card over
#   25 Mar 2014 V1.2.JS2.3.0    James Simmons       US3026  Updated Instrctions class names to Collapse
#   26 Mar 2014 V1.2.JS2.3.0    James Simmons       US2608  Removed unused styles and added new style both for session timeout panel
#   04 Apr 2014 v1.2.CRN.2.1    Chris Nutter        US1873  Added LogoMerchantText & LogoPortalText
#   30 Apr 2014 v1.2.DLH.2.2    Dennis Hostetler    US4885  Restored accidentally removed overlay styles
#   14 May 2014 V1.2.AK.2.3     Andrew Kirkland     US3917  Added styles for merchant portal link in footer
#   28 May 2014 V1.2.JMW.2.4    James Wigley        US6681  Added styles for merchant portal logo
#   12 Jun 2014 V1.2.RGS.2.5    Rob Shepherd        DE733   Removed unused foo class
#                                                           Matched compat field labels to new styling
#   13 Jun 2014 V1.2.JS2.2.6    James Simmons       US5542  Added Minimised and updated Collapse to CollapseImg so it
#                                                           does not interfere with compat FW classes.
#   27 Jun 2014 V1.2.JS2.2.7    James Simmons       US7884  Added WillBeRequired to Required style.
#   02 Jul 2014 v1.2.DLH.2.8    Dennis Hostetler    US7201  Left aligned canvas labels are now aligned left
#   11 Jul 2014 V1.2.RGS.2.9    Rob Shepherd        US9088  added styles for nonCollapse instructions
#   30 Jul 2014 V1.2.CRM.3.0    Colby Meier         n/a     Updated NavHeader paddings to 15px instead of 25 for funky wrappings
#   16 Apr 2015 V1.2.DLH.3.1    Dennis Hostetler    US19734 Minor change to the Even row highlighter for use with a div
###################################################################################################################################
*/

/*
*   Global Styles
*/
*:focus{
    outline: #c3d7d8;
}
body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 10px;
    overflow: auto;
    min-width: 900px;
}
a {
    color: #00467f;
    pointer: cursor;
}
ul{
    font-size: 0; /* Needed to reset space between li elements */
}
ul li {
    font-size: 12px;
}
#DefaultScreenLinkCanvas_DEFAULT_SCREEN_LINK{
    float: right;
    margin-top: -45px;
    margin-right: 10px;
    text-decoration: none;
}
#DefaultScreenLinkCanvas_DEFAULT_SCREEN_LINK,
input[type="button"], input[type="submit"],
input[type="reset"], button, .Button a,
a.Button {
    font-weight: bold;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px 15px;
    color: white;
    border: 1px solid darkgray;
    background-color: gray;
    background-image: -webkit-gradient(linear, left top, left bottom, from(lightgrey), to(gray, gray)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, lightgrey, gray, gray); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, lightgrey, gray, gray); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, lightgrey, gray, gray); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, lightgrey, gray, gray); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgrey', endColorstr='gray'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgrey', endColorstr='gray')"; /* IE8, IE9 */
    cursor: pointer;
}
.Button a, a.Button {
    padding: 5px 15px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}
.Primary a,
div.Primary input,
input[type="button"].Primary, input[type="submit"].Primary,
input[type="reset"].Primary, button.Primary{
    color: white;
    border: 1px solid #00467f;
    background-color: #00467f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56a0d3), to(#00467f, #00467f)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #56a0d3, #00467f, #00467f); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='#00467f'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='#00467f')"; /* IE8, IE9 */
}
#DefaultScreenLinkCanvas_DEFAULT_SCREEN_LINK:hover,
input[type="button"]:hover, input[type="submit"]:hover,
input[type="reset"]:hover, button:hover, .Button a:hover, a.Button:hover {
    border: 1px solid darkgray;
    color: #00467f;
    background-color: lightgrey;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white,lightgrey), to(gray)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, white, lightgrey, gray); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, white, lightgrey, gray); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, white, lightgrey, gray); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, white, lightgrey, gray); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='gray'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='gray')"; /* IE8, IE9 */
}
input[type="text"], input[type="password"], textarea{
    border: 1px solid #00467f;
    padding: 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
option{
    background-color: #c3d7d8;
}

@media screen and (max-width: 1024px) {
    .LOVDropDown,
    .LOVOptionList #_content,
    select{
        max-width: 290px;
    }

    .CanvasLabelsLeft .Field select {
        max-width: 290px;
    }
}


@media screen and (max-width: 1024px) {
    .CanvasSingleJobProcessing .LOVOptionList #_content,
    select{
        max-width: 706px;
    }
}

.LOVDropDown,
.LOVOptionList #_content,
select{
    margin: 0;
    background-color: #c3d7d8;
    border: 1px solid #00467f;
    border-collapse: separate;
    padding: 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    min-width: 150px;
}
.LOVListContent tr:hover{
    color:white;
    background-color:orange;
}
.LOVValue{
    margin: 0;
    background-color: #c3d7d8;
    border: none;
}

input.LOVValue {
    border: 0px !important;
}

.CanvasMultiRow .LayoutGrid .LOVSelected TD {
    color: white;
}

.LOVSelected{
    background-color: orange;
    color: white;
}

.Submit input[disabled],
button[disabled]:active, button[disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
select[disabled],
input[disabled],
textarea[disabled], .TimeWidgetDisabled {
    background: #ddd!important;
    color: GrayText;
    cursor: default;
    border: 1px solid darkgray;
}

legend{
    padding-top: 10px;
    padding-bottom: 5px;
}
legend > label{
    color: #00467f;
    font-weight: bold;
    font-size: 1.1em;
}
.BubbleHintDef {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px;
    color: white;
    border: 1px solid lightgray;
    background-color: gray;
    position: absolute;
}
.Hidden, .Minimised{
    display: none;
}

#Page .PageCanvasContainer,
#Page #OuterContent,
#doc #PageContent{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#doc.FwUserLoginLocal #PageContent {
    width: 100%;
}

/*
*   Required Styles
*/

.WillBeRequired .Label label,
.Required .Label label,
label.LabelRequired,
td.LabelRequired span {
    background: #fff url("/images/application/KHI/red_asterisk.png") no-repeat 99% center;
    padding-right: 20px;
    padding-bottom: 1px;
}

/* this is for the "denotes mandatory field". We don't want the * on the right. Makes more sense on the left in this case
    so we'll reverse the padding and move the image to the left.
*/
span.LabelRequired {
    background: #fff url("/images/application/KHI/red_asterisk.png") no-repeat 1% center;
    padding-left: 20px;
    padding-bottom: 1px;
}

.infoBelow .Label label,
label.infoBelow,
td.infoBelow span {
    background: #fff url("/images/application/important.png") no-repeat 99% center;
    padding-right: 20px;
    padding-bottom: 1px;
}

/*
*   Invalid Styles
*/

.Invalid .Label label {
    background: #fff url("/images/application/KHI/invalid.png") no-repeat 99% center;
    padding-right:20px;
    padding-bottom: 1px;
}

.Invalid .Field input[type=text],
.Invalid .Field input[type=password],
.Invalid .Field textarea,
.Invalid .Field select {
    border: red solid 1px;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*
* Valid Styles
*/

.Valid .Label label {
    background: #fff url("/images/application/KHI/valid.png") no-repeat 99% center;
    padding-right:20px;
    padding-bottom: 1px;
}

.Valid .Field input[type=text],
.Valid .Field input[type=password],
.Valid .Field textarea,
.Valid .Field select{
    border: green solid 1px;
    box-shadow: 0 0 5px #52d452;
    border-color: #35b035;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*
*  Reset Valid/Invalid on focus
*/
.Valid .Field input[type=text]:focus,
.Valid .Field input[type=password]:focus,
.Valid .Field textarea:focus,
.Valid .Field select:focus,
.Invalid .Field input[type=text]:focus,
.Invalid .Field input[type=password]:focus,
.Invalid .Field textarea:focus,
.Invalid .Field select:focus {
    outline: none;
}

/*
*   PageHeader Styles
*/
.PageHeader {
    border-bottom: 1px solid #B8B8B8;
    background: white;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white, lightgrey)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, white, white, lightgrey); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, white, white, lightgrey); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, white, white, lightgrey); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, white, white, lightgrey); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='lightgrey'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='lightgrey')"; /* IE8, IE9 */
    margin-bottom: 10px;
    /* IE7 hack to display gradients */
    zoom: 1;
}

.PageHeader .AirCardLogo {
    padding-left: 20px;
    text-decoration: none;
    color: black;
}

.PageHeader .AirCardLogo div{
    display:inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.PageHeader .AirCardLogo .LogoText {
    font-size: 2.5em;
    font-weight: bold;
}

.PageHeader .AirCardLogo .LogoRegMark {
    vertical-align: top;
}

.LogoPortalText {
    font-size: 1.5em;
    font-weight: bold;
    color:red;
    text-transform:uppercase;
    display: inline-block;
}

.PageHeader .HeaderNavBar {
    margin-bottom: 5px;
}
.PageHeader .HeaderNavBarLinks {
    text-align: right;
}
.PageHeader .HeaderNavBarLinks ul li {
    display: inline-block;
    padding: 0px 8px;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.PageHeader .HeaderNavBarLinks a {
    text-decoration: none;
    font-weight: bold;
}

.PageHeader .HeaderContactNumbers {
    text-align: left;
}

.PageHeader .HeaderContactNumbers div {
    display: inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.PageHeader .HeaderContactNumbers .Field {
    padding-right: 20px;
}

.PageHeader .HeaderContactNumbers .Label {
    font-weight: bold;
}

.PageHeader .HeaderSeparator {
    margin: 5px 0px;
    border-bottom: 2px solid darkred;
}

.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoName  {
    margin-right: 20px;
    color: #00467f;
    font-weight: bold;
}

.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoHierarchyLevel,
.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoOrganization{
    margin-left: 20px;
    margin-right: 20px;
}

.PageHeader .LogoMerchantText {
    font-size: 1.5em;
    font-weight: bold;
    width: 200px;
    padding-left:20px;
    color:red;
    text-transform:uppercase;
}

.PageHeader .LogoPortalText {
    font-size: 1.5em;
    font-weight: bold;
    width: 200px;
    padding-left:30px;
    color:red;
    text-transform:uppercase;
}

.PageHeader .MerchantPortalLogo {
    padding-left: 20px;
}

/*
    Breadcrumb Styles
*/
div#Breadcrumb {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: .9em;
}

div#Breadcrumb span,
div#Breadcrumb a {
    text-decoration: none;
    letter-spacing: 1px;
    word-spacing: 0em;
}

div#Breadcrumb .CurrentPage {
    color: black;
}

div#Breadcrumb .BreadcrumbDivider {
    background: url("/images/framework/arrow.gif") no-repeat center;
    margin-left: .5em;
    margin-right: .4em;
}

/*
    Navigation Styles
*/
#NavCanvasProgram ul li,
.NavigationSub ul li,
.TabGroupLive ul li,
.CanvasNavigation ul li,
.PageNavigation > .Canvas ul li {
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 1px;
    margin-bottom: -1px;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}
.NavigationSub ul li,
.CanvasNavigation ul li{
    margin-bottom: 1px;
}
#NavCanvasProgram,
.NavigationSub,
.TabNavigation,
.CanvasNavigation,
.PageNavigation > .Canvas  {
    margin-top: 10px;
    zoom: 1;

}

.PageNavigation > .Canvas  ul {
    padding-left: 20px;
}

#NavCanvasProgram li span,
#NavCanvasProgram a,
.NavigationSub a,
.TabNavigation a,
.CanvasNavigation a,
.PageNavigation > .Canvas > ul > li > a {
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    background-color: #00467f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56a0d3), to(#00467f, #00467f)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #56a0d3, #00467f, #00467f); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='#00467f'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='#00467f')"; /* IE8 */
    color: white;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    padding: 8px 15px;
    text-decoration: none;
    display:block;
    /* IE7 hack to display gradients */
    zoom: 1;
}

#NavCanvasProgram li span:hover,
#NavCanvasProgram a:hover,
.NavigationSub a:hover,
.TabNavigation a:hover,
.CanvasNavigation a:hover,
.PageNavigation > .Canvas > ul > li > a:hover {
    color: #00467f;
    background-color: lightgrey;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white,lightgrey), to(gray)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, white, lightgrey, gray); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, white, lightgrey, gray); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, white, lightgrey, gray); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, white, lightgrey, gray); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='gray'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='gray')"; /* IE8, IE9 */
}

#NavCanvasProgram li span,
#NavCanvasProgram li span:hover,
.NavigationSub li.Selected a,
.NavigationSub li.Selected a:hover,
.TabNavigation li.TabActive a,
.TabNavigation li.TabActive a:hover,
.CanvasNavigation a.Selected,
.CanvasNavigation a.Selected:hover,
.PageNavigation > .Canvas a.Selected:hover,
.PageNavigation > .Canvas a.Selected,
.PageNavigation > .Canvas .Selected a,
.PageNavigation > .Canvas .Selected a:hover {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56a0d3), to(white, white, white, white, white)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Firefox 3.6-15 */
    background-image:     -ms-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #56a0d3, white, white, white, white, white); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='white'); /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='white')"; /* IE8 */
    color: #00467f;
    display:block;
}

.PageNavigation .Canvas a.ActiveDetailNavBar,
.PageNavigation .Canvas a.ActiveDetailNavBar:hover,
.PageNavigation .Canvas li.ActiveDetailNavBar a,
.PageNavigation .Canvas li.ActiveDetailNavBar a:hover{
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, from(grey), to(white, white, white, white, white)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, grey, white, white, white, white, white); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, grey, white, white, white, white, white); /* Firefox 3.6-15 */
    background-image:     -ms-linear-gradient(top, grey, white, white, white, white, white); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, grey, white, white, white, white, white); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, grey, white, white, white, white, white); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='gray', endColorstr='white'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='gray', endColorstr='white')"; /* IE8 */
    color: #00467f;
    z-index: 101; /* This has to be 101 or 1+ DetailNavBar */
    position: relative;
    display:block;
}

.PageNavigation .DetailNavBarContainer .DetailNavBar li a.Selected,
.PageNavigation .DetailNavBarContainer .DetailNavBar li.Selected li.Selected a,
.PageNavigation .DetailNavBarContainer .DetailNavBar li.Selected a {
    color: black;
}

.DetailNavBarContainer .DetailNavBar li.Selected .Canvas  li a {
    color: lightgrey;
}

#NavCanvasProgram,
.NavigationSub,
.TabNavigation,
.CanvasNavigation {
    margin-top: 20px;
}
.NavigationSub,
.CanvasNavigation {
    border-bottom: 1px solid grey;
}
#NavCanvasProgram a,
.NavigationSub a,
.TabNavigation a,
.CanvasNavigation a {
    background-color: gray;
    background-image: -webkit-gradient(linear, left top, left bottom, from(lightgrey), to(gray, gray)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, lightgrey, gray, gray); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, lightgrey, gray, gray); /* Firefox 3.6-15 */
    background-image:     -ms-linear-gradient(top, lightgrey, gray, gray); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, lightgrey, gray, gray); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, lightgrey, gray, gray); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgrey', endColorstr='gray'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgrey', endColorstr='gray')"; /* IE8, IE9 */
    padding: 5px 15px;
    position: relative;
    top: 2px;
}
#NavCanvasProgram ul,
.NavigationSub ul,
.TabGroupLive ul,
.CanvasNavigation ul {
    padding-left: 5px;
}

/* No anchor tag for selected items. They are spans */
#NavCanvasProgram li span{
    padding: 5px 15px;
    position: relative;
    top: 2px;
}
#NavCanvasProgram span.blank,
#NavCanvasProgram span.end{
    display: none;
}
.TabGroupLive .TabHide {
    display: none;
}


/*
    Sub-Navigation Styles
*/
.DetailNavBar{
    background-color: white;
    border: 1px solid darkgrey;
    box-shadow: 0 3px 8px darkgrey;
    -webkit-box-shadow: 0 3px 8px  darkgrey;
    -moz-box-shadow: 0 3px 8px darkgrey;
    z-index: 100;  /* This has to be 100 or 1- ActiveDetailNavBar */
    position: relative;
    margin-top: -1px;
    zoom: 1;
}

.DetailNavBar a {
    text-decoration: none;
    margin-top: 2px;
    color: darkgrey;
}
.DetailNavBar a:hover{
    color: #00467f;
}

.DetailNavBar > ul > li{
    padding: 5px;
    display:inline-block;
    vertical-align: top;
    margin: 5px 10px;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}
.DetailNavBar > ul > li > a{
    font-weight:bold;
    color: #00467f;
    background-image: none;
}
.DetailNavBar > ul > li > a:hover{
    color: black;
}

.HeaderWidgets div, .FooterWidgets div {
   display:inline;
   padding-left: 1px;
   padding-right: 1px;
}

/*
    Canvas Styles
*/
#Page table.Canvas,
#Content .Canvas{
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid lightgrey;

}
.Canvas .Header,
.CanvasHeader,
.MultiViewTitle {
    background-color: #dff6f8;
    padding: 5px 5px;
    border-top: 1px solid #00467f;
    border-bottom: 1px solid #00467f;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: 2px 2px 2px  darkgrey;
    -webkit-box-shadow: 2px 2px 2px  darkgrey;
    -moz-box-shadow: 2px 2px 2px darkgrey;
}

.Canvas .Header .HeaderText,
.CanvasHeader .HeaderText,
.CanvasHeader .CanvasTitle,
.MultiViewTitle .MultiViewTitleText {
    color: #00467f;
    padding:3px;
    font-size: 1.3em;
}
.CanvasHeader .CanvasTitle,
.MultiViewTitleText{
    padding: 8px 8px;
}
.CanvasTitleChmodeButton {
    white-space: nowrap;
}
.CanvasHeader .HeaderLinks {
    text-align: right;
}
.CanvasHeader .HeaderLinks .Link {
    line-height: 1.5em;
}
.CanvasHeader .HeaderLinks a {
    text-decoration: none;
}
.HeaderWidgets {
   text-align:right;
}
.CanvasContent {
    margin-bottom: 20px;
    margin-top: 20px;
}
.MultiView .CanvasContent {
    margin-bottom: 0;
}
.CanvasContent > div{
    vertical-align: top;
}
.SingleWidget,
.CanvasLabelsLeft .Widget,
.CanvasContent .LayoutContainer .Widget{
    padding-top: 5px;
}
.SingleWidgetLabel,
.CanvasLabelsLeft .Label {
    display: inline-block;
    text-align: left;
    padding-right: 2%;
    margin-right: 2%;
    font-weight: bold;
    color: #00467F;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.SingleRow .LayoutContainer .Widget .Field,
.SingleRow .LayoutCells .Widget .Field,
.CanvasLabelsLeft .Field {
    display: inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.SingleRow .LayoutContainer .Text .Field,
.SingleRow .LayoutCells .Text .Field {
    padding-top: 5px;
}

.SingleRow .LayoutCells .Widget .Label,
.SingleRow .LayoutContainer .Widget .Label {
    width: 150px;
    display: inline-block;
    vertical-align:top;
    padding: 5px 5px 0 0;
    font-weight: bold;
    color: #00467F;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}
.CanvasLabelsLeft .Field select {
    border: 1px solid #00467f;
    background-color: #c3d7d8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px;
}
.CanvasLabelsLeft .Field input {
    border: 1px solid #00467f;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px;
}
.Canvas .LabelLeft label {
    text-align:left;
    display: inline-block;
    vertical-align:top;
    padding: 5px 20px 0 0;
    font-weight: bold;
    color: #00467F;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}
.Canvas .LabelLeft, .Canvas .WidgetRight {
    text-align:left;
}

.Canvas .Footer{
    margin-top: 10px;
}
.CanvasFooter {
   margin-top:7px;
   margin-bottom:40px;
}

.CanvasFooter .FooterRight {
    text-align: right;
    margin: 10px 0px;
}

.CanvasFooter .FooterRight .Link,
.CanvasFooter .FooterRight .Item {
    display: inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.CanvasFooter .LayoutContainer .Item form  {
    display: inline;
}

.MultiView .CanvasFooter .LayoutContainer .FooterButtonsLeft .Item,
.MultiView .CanvasFooter .LayoutContainer .FooterButtonsRight .Item,
.MultiRow .CanvasFooter .LayoutContainer .FooterButtonsLeft .Item,
.MultiRow .CanvasFooter .LayoutContainer .FooterButtonsRight .Item{
    margin: 3px;
}
.FooterWidgets {
   text-align:left;
}

.DisplayNumRowsContainer .DisplayNumRows {
    color:#56A0D3;
}

/*
*   PageFooter Styles
*/
.PageFooter {
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative;
}

.PageFooter .FooterKHILogo {
    background: url('/images/application/KHI/khi_logo.png') no-repeat scroll 0 100%;
    background-size: 100px;
    /* The rest is for IE8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/application/KHI/khi_logo.png', sizingMethod='scale'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/application/KHI/khi_logo.png', sizingMethod='scale')"; /* IE8, IE9 */
    width: 100px;
    height: 40px;
}

.PageFooter .PageFooterTop,
.PageFooter .PageFooterBottom {
    padding: 0px 20px;
}

.PageFooter .PageFooterBottom {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 3px solid darkred;
    background-color: white;
    background-image: -webkit-linear-gradient(top, #56a0d3, white, white); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #56a0d3, white, white); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #56a0d3, white, white); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #56a0d3, white, white); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='white'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='white')"; /* IE8, IE9 */
    /* IE7 hack to display gradients */
    zoom: 1;
}

.PageFooter .PageFooterNavBarLinks div {
    display: inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.PageFooter .PageFooterNavBarLinks ul {
    margin: 0px;
}

.PageFooter .PageFooterNavBarLinks ul li {
    display: inline-block;
    padding-left: 5px;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.PageFooter .PageFooterNavBarLinks ul li a {
    text-decoration: none;
}

.PageFooter .PageFooterNavBarLinks{
    position: absolute;
    bottom: 40%;
    *bottom: 50%;
    zoom: 1;
}

.PageFooter .PageFooterContactInfo div,
.PageFooter .KHIMerchantPortalURL div {
    display: inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.PageFooter .PageFooterContactInfo .NeedHelp,
.PageFooter .PageFooterContactInfo .FooterContactNumbersUS,
.PageFooter .PageFooterContactInfo .FooterContactNumbersIntl,
.PageFooter .KHIMerchantPortalURL {
    padding-right: 20px;
}

.PageFooter .PageFooterContactInfo a,
.PageFooter .KHIMerchantPortalURL a {
    text-decoration:none;
}

.PageFooter .PageFooterContactInfo .NeedHelp {
    font-weight: bold;
    color: darkred;
}

.PageFooter .KHIMerchantPortalURL {
    font-weight: bold;
}

.PageFooter .PageFooterContactInfo .KHIWebsiteURL,
.PageFooter .KHIMerchantPortalURL {
    padding-right: 15px;
}

.PageFooter .PageFooterContactInfo .KHIDeclaration,
.PageFooter .PageFooterContactInfo .KHIWebsiteURL,
.PageFooter .KHIMerchantPortalURL {
    float: right;
}

.PageFooter .KHIMerchantPortalURL .Label {
    float: left;
    margin-right: .5em;
}

.PageFooter .PageFooterContactInfo .KHIContactPhoneNumbers .Label,
.PageFooter .PageFooterContactInfo .KHIContactEmailAddress .Label {
    font-weight: bold;
}
.DisplayRowsText{
    color: #56a0d3;
}


/*
    Table Styles
*/
.Canvas .LayoutCells td,
.PageCanvasContainer div.Canvas table td,
.PageCanvasContainer table.CanvasHeader table td{
    padding: 2px;
}

.Canvas .LayoutGrid .Content > table tr td,
.Canvas .LayoutGrid .Content > table .RowContent tr td,
.Canvas .Content .LayoutGrid > table tr td,
.Canvas .Content .LayoutGrid > table .RowContent tr td,
table.MultiViewCanvas table .MultiViewHeader td {
    padding: 4px 8px;
}

#Page table.Canvas{
    width: 100%;
}
.Canvas .LayoutGrid .Content > table,
.Canvas .Content .LayoutGrid > table{
    border: 1px #888 solid;
    box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    -moz-box-shadow: 2px 2px 5px #888;
    font-size: .9em;
    width: 100%;
}
.Canvas .LayoutGrid .Content > table th,
.Canvas .Content .LayoutGrid > table th,
.MultiRowWidgetLabel,
.PageCanvasContainer .MultiViewHeader {
    border: 1px #888 solid;
    box-shadow: 0 2px 5px #888;
    -webkit-box-shadow: 0 2px 5px #888;
    -moz-box-shadow: 0 2px 5px #888;
    background-color: #c3d7d8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff6f8), to(#c3d7d8, #c3d7d8)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #dff6f8, #c3d7d8, #c3d7d8); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #dff6f8, #c3d7d8, #c3d7d8); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #dff6f8, #c3d7d8, #c3d7d8); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #dff6f8, #c3d7d8, #c3d7d8); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff6f8', endColorstr='#c3d7d8'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff6f8', endColorstr='#c3d7d8')"; /* IE8, IE9 */
}

.Canvas .LayoutGrid .Content > table th > div,
.Canvas .Content .LayoutGrid > table th > div {
    font-weight:bold;
    padding: 10px;
}
.Canvas .LayoutGrid .Content > table th a label,
.Canvas .Content .LayoutGrid > table th a label{
    cursor: pointer;
}
.Canvas .LayoutGrid .Content > table tr.Even,
.Canvas .Content .LayoutGrid > table tr.Even{
    background-color: #dff6f8;
}

/*
    Table Detail Rows
*/
.Canvas .LayoutGrid .Content > table .DetailRow table{
    width: 100%;
    border: 1px #888 solid;
}
.Canvas .LayoutGrid .Content > table .DetailRow table{
    background-color: white;
}
.Canvas .LayoutGrid .Content > table .DetailRow .HeaderText{
    color: #00467f;
    padding:3px;
    font-size: 1.2em;

}
.Canvas .LayoutGrid .Content > table .DetailRow table tr th{
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: lightgray;
    background-image: none; /* Chrome, Safari 4+ */
    background-image: none; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image: none; /* Firefox 3.6-15 */
    background-image: none; /* Firefox 3.6-15 */
    background-image: none; /* Opera 11.10-12.00 */
    background-image: none; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: none; /* IE7 */
    -ms-filter: none; /* IE8, IE9 */
}
.Canvas .LayoutGrid .Content>table tr.DetailRow tr.Even,
.Canvas .Content .LayoutGrid>table tr.DetailRow tr.Even{
    background-color: #eee;
}

/*
    DisplayNumRows Styles
*/
.DisplayNumRowsContainer {
   text-align:center;
}
/*
    Pagination Styles
*/
.PaginationContainer {
   text-align:right;
}
.Pagination input,
.PaginationContainer div {
   display:inline-block;
   vertical-align: middle;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.Pagination li {
    float: left;
    list-style: none;
    text-align: center;
    margin: 1px;
}

.PaginationContainer .NavFirst a,
.PaginationContainer .NavNext a,
.PaginationContainer .NavPrev a,
.PaginationContainer .NavLast a,
.Pagination li a {
    text-decoration: none;
    color: #56a0d3;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid lightgrey;
}
.Pagination li:hover a{
    color: white;
    background-color: #56a0d3;
}
.Pagination li.Current a{
    font-weight: bold;
    color: white;
    background-color: lightgrey;
}

.PaginationContainer .NavFirst span,
.PaginationContainer .NavLast span,
.PaginationContainer .NavPrev span,
.PaginationContainer .NavNext span{
    display:none;
}


/*
    Program/Canvas Message Styles
*/
.CanvasMessages{
    margin-bottom: 5px;
}

.InfoMessage,
.SuccessMessage,
.ErrorMessage,
.Messages .Info,
.Messages .Success,
.Messages .Error,
.Messages .Instruction,
.Messages .Validation,
.Messages .ValidationErrorMessage{
    text-align: center;
    padding: 5px;
    border: 1px solid lightGrey;
    color: white;
    font-weight: bold;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

span.InfoMessage,
span.SuccessMessage,
span.ErrorMessage {
    font-size: .9em;
    display: block;
}

.InfoMessage,
.Messages .Info {
    background: darkorange;
}

.SuccessMessage,
.Messages .Success {
    background: #00467F;
}

.ErrorMessage,
.Messages .Error,
.Messages .Validation,
.Messages .ValidationErrorMessage{
    background: darkRed;
}

.SingleRow .HeaderWidgets .Label {
    display:inline !important;
}

.ValidationFail input {
    background: rgb(255,214,94); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,214,94,1)), color-stop(100%,rgba(254,191,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}

/*
    Instructions Classes
*/
.CollapseSectionHeader, .NonCollapseSectionHeader {
    color: #636363;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 2px solid #dedede;
}
.CollapseSection, .NonCollapseSection {
    color: #636363;
    display: block;
    line-height: 1.4;
    padding: 10px;
    border-bottom: 2px solid #dedede;
}

.CollapseSectionHeader > img,
.CollapseSectionHeader > p,
.NonCollapseSectionHeader > img,
.NonCollapseSectionHeader > p, {
        cursor: pointer;
}
.CollapseSectionHeader > p,
.CollapseSectionHeader > div,
.NonCollapseSectionHeader > p,
.NonCollapseSectionHeader > div {
    display : inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

/*
    Misc Generic Classes
*/

.ErrorField {
    background-color: lightcoral;
}
.DisplayInline {
    display:inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}
.SectionHeaderText {
   font-weight: bold;
   font-size: 1.1em;
   padding: 2px 0px;
   margin:15px 0 3px 3px;
}
.WidgetHelpText,
.PlaceholderText {
    color: gray;
    font-size: 0.9em;
    font-style: italic;
}
.Working{
    background: url("/images/framework/loading6.gif")  no-repeat center;
}
/*
    Sort Widget Classes
*/
.Canvas .LayoutGrid .Content > table th.Sortable a,
.Canvas .Content .LayoutGrid > table th.Sortable a {
    text-decoration: none;
    font-weight:bold;
    display: block;
    padding: 10px;
}
.SortedAscending .Label {
    background: url("/images/framework/sort_ascending.gif") no-repeat right;
    padding-right:10px;
}
.SortedDescending .Label {
    background: url("/images/framework/sort_descending.gif") no-repeat right;
    padding-right:10px;
}

/*
 *   YUI Overlay Styles (Session Timeout, date popup,  and misc yui overlays)
 */
.DateWidget .Field > input[type="text"],
input[type="text"].DateWidget {
    background: url('/images/application/KHI/date.png') no-repeat 98% transparent;
    width: 125px;
    text-align: left;
    padding-right: 25px;
}

.DateWidget.TimeWidget .Field > input[type="text"],
.TimeWidget.DateWidget .Field > input[type="text"],
input[type="text"].DateWidget.TimeWidget,
input[type="text"].TimeWidget.DateWidget {
    background: url('/images/application/KHI/time_and_date.png') no-repeat 98% transparent;
    width: 125px;
    text-align: right;
    padding-right: 25px;
}

.Currency,
.Number {
    text-align: right;
}

/* Style for div behind modal panels */
.yui3-widget-mask{
    background-color:#000;
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE8, IE9 */
}

/* Style for popup panels */
.yui3-panel {
    border: 1px solid black;
    background-color:#FFFFFF;
    padding: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 10px #888;
    -webkit-box-shadow: 0px 0px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888;
    position: absolute;
}
.yui3-panel-hidden{
    display: none;
}
.yui3-panel .yui3-widget-hd {
    background-color: darkred;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    -moz-box-shadow: 0px 0px 2px #888;
    padding: 5px;
    color: white;
    font-weight: bold;
}

.yui3-widget-bd {
    padding: 0;
}

.yui3-panel {
    padding: 15px;
}

.yui3-widget-bd iframe{
    width:100%;
    min-height: 100px;
    max-height: 550px;
}

.yui3-widget-bd .dialogBody{
    padding: 10px;
}

.yui3-panel .yui3-widget-ft {
    text-align: center;
}

.yui3-sc-window-content {
    overflow: hidden!important;
}

/*
 *   YUI Overlay Styles -- needed for Compat session timeout
 */
.popup-overlay{
    background-color:#000000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE8, IE9 */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    position:absolute;
    z-index: 9000;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    display:block;
}

.yui3-overlay {
    border: 1px solid black;
    background-color:#FFFFFF;
    padding: 5px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 10px #000000;
}

.yui3-overlay .dialogHeader {
    background-color: darkred;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    -moz-box-shadow: 0px 0px 2px #888;
    padding: 5px;
    color: white;
    font-weight: bold;
}

.yui3-overlay .dialogBody {
    padding: 15px;
}

.yui3-overlay .dialogFooter {
    text-align: center;
}

.yui3-overlay .dialogBody .dialogBodyText {
    padding: 10px;
}

.yui3-overlay .dialogFooter .dialogControls {
    text-align: center;
}

.yui3-overlay .dialogFooter .dialogControls input {
    display: inline-block;
    margin: 5px;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

#PageSectionMainSection td {
    vertical-align:top;
    padding: 2px;
}

/* Begin tabview style */
.yui3-tab-panel {
    display:none;
}
.yui3-tab-panel-selected {
    display:block;
}

.yui3-tabview-list,.yui3-tab {
    list-style:none;
    margin: 0;
    padding:0;
}

.yui3-tabview-list {
    margin-bottom: -1px;
    padding-left: 5px;
}

.yui3-tabview {
    position:relative;
}

.yui3-tab {
    display:inline;
    vertical-align:bottom;
    cursor:pointer;
    margin:0 2px;
}

.yui3-tab-selected {
    margin-bottom:-1px; /* for overlap (mapped to tabview-list border-width) */
}

.yui3-tab-label {
    display:inline-block;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    padding: 4px 15px;
    color: white;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    background-color: #00467f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56a0d3), to(#00467f, #00467f)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #56a0d3, #00467f, #00467f); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #56a0d3, #00467f, #00467f); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='#00467f'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='#00467f')"; /* IE8, IE9 */
    cursor: pointer;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

.yui3-tab-label:hover,
.yui3-tab-selected .yui3-tab-label:hover {
    color: #00467f;
    background-color: lightgrey;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white,lightgrey), to(gray)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, white, lightgrey, gray); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, white, lightgrey, gray); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, white, lightgrey, gray); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, white, lightgrey, gray); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='gray'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='gray')"; /* IE8, IE9 */
}

.yui3-tab-selected .yui3-tab-label,
.yui3-tab-selected .yui3-tab-label:hover {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56a0d3), to(white, white, white, white, white)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Firefox 3.6-15 */
    background-image:     -ms-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #56a0d3, white, white, white, white, white); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #56a0d3, white, white, white, white, white); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='white'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a0d3', endColorstr='white')"; /* IE8, IE9 */
    color: #00467f;
}


.yui3-tabview-panel {
    border:1px solid #808080;
    padding:0.25em 0.5em; /* content padding */
}

/* End of tabview style */

/*  widget hint */
.Widget .Hint {
    background-image:url('/images/application/KHI/fw-sprite.png');
    background-position: -14px 0px;
    float: right;
    margin-left: 7px;
    width: 20px;
    height: 20px;
    position: relative;
}
.Widget .Hint .HintText {
    display: none;
    position: absolute;
}
.Widget .Hint:hover {
    cursor: pointer;
}
.Widget .Hint:hover .HintText {
    display: block;
    position: absolute;
    left: 25px;
    top: -10px;
    *width: 250px;
    background-color: lightblue;
    padding: 5px;
    border: 1px solid silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

/* tooltip */
.yui3-widget.yui3-widget-positioned.yui3-widget-stacked {
    width: 200px;
}

.ToolTip .yui3-widget-bd{
    min-width: 0px;
    text-align: left;
    max-width: 15em;
    *max-width: 15em;
    background-color: #c3d7d8;
    border: 1px solid silver;
    padding: 0.2em 0.5em 0.3em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    color: black;
}

.CanvasFooter .FooterRight .Link .Label{
    width: 0px;
}

/* END tooltip */

/* Pagination for compat code */
.PaginationContainer input.NavFirstLastCompat {
    text-decoration: none;
    color: #56a0d3;
    padding: 0px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid lightgrey;
    background-color: white;
    border-radius: 0px;
    font-weight: normal;
    background-image: none;
}

.PaginationContainer input[disabled].NavFirstLastCompat {
    display: none;
}

/* Fix to align the top header for compat codes */
.yui3-g {
    word-spacing: -0.43em;
}

/* autocomplete-list-core.css ****************************************************/
.yui3-aclist {
    position: absolute !important; /* Fixed inline relative style in IE8 */
    z-index: 1;
    width:100%;
}

.yui3-aclist-hidden { visibility: hidden; }

.yui3-aclist-aria {
    /* Hide from sighted users, show to screen readers. */
    left: -9999px;
    position: absolute;
}

.yui3-aclist-list {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.yui3-aclist-item {
    cursor: pointer;
    list-style: none;
    padding: 0.2em 0.5em;
    text-align: left;
}

/* KHI AutoList Styles */
.yui3-aclist-content {
    background-color: #f1f3f9;
    border: solid 1px #e6eaf4;
    color: #00467f;
    box-shadow: 0 3px 8px darkgrey;
    -webkit-box-shadow: 0 3px 8px  darkgrey;
    -moz-box-shadow: 0 3px 8px darkgrey;
}

.yui3-aclist-item-hover {
    background-color: #d8ddee;
    color: #273259;
}

.yui3-aclist-item-active {
    outline: #afafaf dotted thin;
    background-color: #c3d7d8;
    color: #020204;
    outline: none;
}

/*
 *  Combo Box Styleing
 */
.yui3-aclist-input-cmb{
    padding-right: 20px !important;
    overflow: visible;
    *overflow: hidden; /* IE7 hack */
    z-index: 1000;
}

.yui-aclist-cmbbtn{
    margin-left: -20px;
    text-align: center;
    width: 6px;
    padding-left: 2px;
    color: #00467f;
    z-index: 1001;
}

.InstructionMsgHeader {
    margin-bottom: 10px;
}

.Calendar {
        min-width: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 77%;
}

.Calendar select {
        min-width: 0px;

}

.Calendar .Day {
    cursor: pointer;
    padding: 5px;
}

/* row hover highlighting - usability */
.Odd:hover, .Even:hover {
    background-color: #FFFBCC !important;
}

.tableRowSelected, .tableRowSelected:hover {
    background-color: #C1CDCD !important;
}

/* visually indicate that this order is owned by the person. They can't approve it, but can dispute it. */
.isOwnOrder {
    font-style: italic;
}

.isDisputed,
.isCounteroffer {
    color: red;
    font-weight: bold;
}

.ProgressBarPercentComplete {
    background-color: #455372;
}

/* File List display styles */
.FileList {
    height: 93px;
}

.FileList ul {
    height: 93px;       /* since .FileList is fixed at 93px, this must also be or it will expand past the .FileList container */
    overflow: scroll;
}

.FileList a {
    padding: 4px;
}

.TextAlignRight {
    text-align: right;
}

input.InputToLinkDisplay {
    background: inherit;
    border: 0px;
    color: #0000FF;
    cursor: pointer;
    text-decoration: underline;
    text-align: center;
    width: 30px;
}

/* yui3 years calendar*/
/* YUI 3.9.1 (build 5852) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
.yui3-calendarnav-prevyear,  .yui3-calendarnav-nextyear {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKNJREFUeNpiYCAeSAPxUiiWZqAi4ATiaiD+DMT/ofgzVIyTUsMDgfghksHo+CFUDcnAAIgP4DEYHR+A6iEIhIB4GgkGo+NpUDMwADMQFwHxBwoMh+EPULOYYYZ7APFVKhiMjkFmejBBLWFjoD5gQ+dQO4iwOloUiOdQYPgcqBkDl0zRQRQRGS2KGkVFHRB/QzL4G1SMk5qpQg6psJMjVhNAgAEAH+qPqeiPEUsAAAAASUVORK5CYII=);
  *background: none;
  color: #000000;
  width: 12px;
  height: 14px;
  background-repeat: no-repeat;
}

.yui3-calendarnav-prevyear:hover,  .yui3-calendarnav-nextyear:hover {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPpJREFUeNpi/P//PwMxQD9jszSQ6oJyyy7O8H1KjD5GQhYADeYEUkVAXAHEPFDhL0DcAcR9QIu+k20B0PBAIDUBiOVwKHkExAVAS9aTZAHQYAOowfYMxIGDUIsu4LUAaLAQkGoB4kwG8sB0IK4BWvQOxQKgwcxAdj4Q1wExPwNl4CMQNwHxRKBFfxn10jd5ADm9QKzFQF1wDYiLmaAcNgbqA7CZTEBv7ADS2iDboN5joEIQgczSBpmNHsmiQKodiJPJNHwuEFcCDX49MMkUi0VRUB/hy2ggFy+jtKgohRYVnFDh79CiopuiogLNIjmobxigrn5EjD6AAAMAok9vhfHG8wQAAAAASUVORK5CYII=);
  *background: none;
  color: #0066CC;
}

.yui3-calendarnav-year-disabled,  .yui3-calendarnav-year-disabled:hover {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNqs0yGLAlEUhuHrKoIgCFbBJghb3F+g0WrVarEqLIhBEEFYWKNNMBktU4z6C5RNkwyCyWQSTPuOfCOCrHNnxwMPyOGe73DAiTmOYywrhy/9/sTBZujN4k0KPbioi6teKuqCmsKGSN/10+q5ehN6QQkrLJB/Mp/Xm5VmAhdkMcEGZWNfZc1MlPGwII42dmiZ/1dLGW1lXhdU8YNvZEz0yijLy6z6FyTN6yvpX7DEOzo4vSD4pCwvc+lfcMEYBUwjhE+VMVbmw7/oiCY+sA4RvNZMUxmB38EWFTSwfxK815uKZkJ/yXMU0cf5rn9Wr6g3f1bC4nwvbIAZRup1Ay671a8AAwC3OzOqxK+rkwAAAABJRU5ErkJggg==);
  *background: none;
  cursor: default;
  color: #CCCCCC;
}

.yui3-calendarnav-prevyear,  .yui3-calendarnav-prevyear:hover {
  background-position: 0px 0px;
  margin-left:-12px;
}

.yui3-calendarnav-nextyear,  .yui3-calendarnav-nextyear:hover {
  background-position: -12px 0px;
  margin-right: -12px;
}

.yui3-calendarnav-prevyear span,  .yui3-calendarnav-nextyear span {
   display: none;
   *display: block;
}

.yui3-calendarnav-prevyear, .yui3-calendarnav-nextyear {
    cursor: pointer;
}

body.Calendar .Day {
    cursor: pointer;
    padding: 5px;
}

/* Ad hoc table display */
.AdhocTable legend {
    font-weight: bold;
}

.AdhocTable table {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid lightgrey;
}

.AdhocTable table .CanvasWidgetLabel2 {
    font-weight: bold;
}

.AdhocTable table th {
    background-color: #c3d7d8;
    border: 1px solid #888;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff6f8), to(#c3d7d8, #c3d7d8)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #dff6f8, #c3d7d8, #c3d7d8); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #dff6f8, #c3d7d8, #c3d7d8); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #dff6f8, #c3d7d8, #c3d7d8); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #dff6f8, #c3d7d8, #c3d7d8); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff6f8', endColorstr='#c3d7d8'); /* IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff6f8', endColorstr='#c3d7d8')"; /* IE8, IE9 */
}

.AdhocTable table th, .AdhocTable table td {
    padding: 4px;
}

.AdhocTable table tr.Even,
.AdhocTable.Even {
    background-color: #dff6f8;
}

.selectedDate {
    font-weight: bold;
    padding-top: 2px;
    height: 20px;
}

.ExpandImg {
    background-image: url('/images/framework/expand.gif');
    background-repeat: no-repeat;
    background-position-y: -3px;
    padding-left: 20px;
}

.CollapseImg {
    background-image: url('/images/framework/collapse.gif');
    background-repeat: no-repeat;
    background-position-y: -3px;
    padding-left: 20px;
}