/*
###################################################################################################################################
#
#   File        : seacard.css
#   Author      : Gene Dascher
#   Created     : January 29, 2013
#   Application : AirCard
#   Purpose     : KHI Look and Feel Style Sheet
#
#
###################################################################################################################################
#
#   History
#   =======
#
#   Date        Version         Name                UserStory   Comment
#   =========== ============    ==================  =========   =======
#   29 Jan 2013 V1.0.GED.0.0    Gene Dascher                    Written
#   26 Feb 2012 V1.0.GED.1.0    Gene Dascher                    Merged in changes from James Simmons
#   13 May 2013 V1.0.RSD.2.0    Randy Denham        61057       Changed to more closely match aircard
#   29 May 2013 V1.0.RSD.2.0    Randy Denham        61444       Added styles for Announcement pages
#   24 Jun 2013 V1.0.JS2.2.2    James Simmons       61807       Removed repeated style '.Submit input' and added 'div.Primary'
#                                                               Updated to match aircard.css
#   24 Jul 2013 V1.0.RGS.2.3    Rob Shepherd        62905       Change lightgray to lightgrey for IE compatability
#   12 Aug 2013 V1.0.JS2.2.4    James Simmons       61057       Updated to match aircard.css
#   16 Aug 2013 V1.0.TTL.3.0    Terry Liew          59911       Added widgethint and tooltip styling
#   26 Aug 2013 V1.0.DLH.2.5    Dennis Hostetler    60423       Ported latest changes from aircard.css
#   17 Sep 2013 V1.0.JS2.3.0    James Simmons       61057       Updated to match aircard.css again
#   18 Sep 2013 V1.0.JS2.8.1    James Simmons       64111       Added WidgetHelpText
#   27 Sep 2013 V1.0.GED.9.0    Gene Dascher                    Added tableRowSelected, ProgressBarPercentComplete, and
#                                                                added media screen and max-width 1024 for .CanvasSingleJobProcessing .LOVOptionList #_content
#   07 Oct 2013 V1.1.DLH.0.0    Dennis Hostetler    64482       Added FileList styles
#   10 Oct 2013 V1.1.JS2.1.0    James Simmons       58759       Added yui-tab styles and added missing hover styles
#   26 Oct 2013 V1.1.GED.1.1    Gene Dascher        65551       Added LOVSelected class
#   19 Oct 2013 V1.1.JS2.2.0    James Simmons       61034       Added Currency style to align it right.  Also added DetailRow for sub tables on tr elements.
#                                                                Added Working class to display the working gif
#   28 Oct 2013 V1.1.GED.2.1    Gene Dascher        65586       Added input.LOVValue class to remove blue border from Internally rendered LOVs in IE8
#   30 Oct 2013 V1.1.GED.2.2    Gene Dascher        65115       Added a.Button to class definition for Button.
#   07 Nov 2013 V1.1.RSD.2.3    Randy Denham        65985       Added breadcrumb letter and word spacing to correct modified yui style
#   12 Nov 2013 V1.1.DLH.3.0    Dennis Hostetler    65043       New style for input validation failure
#   14 Nov 2013 V1.1.GED.3.1    Gene Dascher        66224       Added isCounteroffer to isDisputed class definition
#   19 Nov 2013 V1.1.CRM.4.1    Colby Meier         65932       Added max height, in pixels, to iframe for IE8 compatibility
#   04 Dec 2013 V1.1.JS2.4.2    James Simmons       66396       Added IE7 style to calendar classes so the data: images aren't loading.
#                                                                It was causing insecure error in IE7.
#   11 Dec 2013 V1.1.GED.4.3    Gene Dascher                    Added Expand and Collapse classes back to file.  Added .Number to .Currency class
#   11 Dec 2013 V1.1.BMG.4.4    Brian Gharst        66243       Fix .FileList so that its contents don't overlap it
#   19 Dec 2013 V1.1.WBM.5.0    Brian McCane        67013       Replaced expand/collapse images from old framework with images from new framework
#   20 Dec 2013 V1.1.WBM.6.0    Brian McCane        67129       Added IE7 style to .Expand and .Collapse
#   31 Dec 2013 V1.1.CRM.7.0    Colby Meier         66854       Added WidgetDisabled to disabled input styling
#                                                                Updated Brian's version number (had V1.1.WBM.5.0 twice)
#   07 Feb 2014 V1.1.RGS.8.0    Rob Shepherd        68026       Added new class for infoBelow that shows a red !
#   20 Deb 2014 V1.1.JS2.8.1    James Simmons       67996       Added ValidationErrorMessage class to error message styles
#   10 Mar 2014 V1.1.CRM.9.0    Colby Meier         67468       Changed LOVSelected text color to black, to better show against white background LOV's
#   31 Mar 2014 V1.1.GED.9.1    Gene Dascher        US4218      Bringing over changes from AIRCard US2608: Removed unused styles 
#                                                                and added new style both for session timeout panel
#   13 Mar 2017 V1.1.HDC.10.0   Hayden Carothers    US30537     Added align center for (.yui3-panel .yui3-widget-hd)  and.yui3-widget-bd to improve readability
#                                                                for alert messages.                                                         
#
###################################################################################################################################
*/

/*
*   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;
     cursor: pointer; 
}
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: black;
}

.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;
    font-weight: bold;
    font-size: 1.2em;
}
.BubbleHintDef {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px;
    color: white;
    border: 1px solid lightgray;
    background-color: gray;
    position: absolute;
}
.Hidden{
    display: none;
}

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

/*
*   Required Styles
*/

.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 .SeaCardLogo {
    padding-left: 20px;
    text-decoration: none;
    color: black;
}

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

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

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

.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,
.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoHierarchyLevel,
.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoOrganization{
    margin-right: 30px;
    display: inline-block;
}

.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoName,
.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoHierarchyLevel .Label,
.PageHeader .HeaderNavBar .HeaderUserInfo .HeaderUserInfoOrganization .Label{
    color: #00467f;
    font-weight: bold;
}

/*
    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 25px;
    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;
}

.Canvas .LabelLeft label,
.CanvasWidgetLabel1,
.CanvasWidgetLabel2,
.SingleWidgetLabel,
.CanvasLabelsLeft .Label,
.TopLabel label,
.Label.TopAlign{
    font-weight: bold;
    color: #00467F;
}

.SingleWidgetLabel,
.CanvasLabelsLeft .Label {
    /*display: inline-block;*/
    text-align: left;
    padding-right: 2%;
    margin-right: 2%;
    /* 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 .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 {
    display: inline-block;
    /* IE7 Hack for inline-block */
    zoom: 1;
    *display: inline;
}

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

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

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

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

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

.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
*/
.InstructionsHeader {
    color: #636363;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 2px solid #dedede;
}
.InstructionsText {
    color: #636363;
    display: block;
    line-height: 1.4;
    padding: 10px;
    border-bottom: 2px solid #dedede;
}

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

/*
    Collapse Section Classes
*/
.CollapseSectionHeader > 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;
    text-align: center;
}

.yui3-widget-bd {
    padding: 0;
    text-align: center;
}

.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;
}

#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;
}

/* Fixed inline relative style in IE8 */
.yui3-aclist{
    position: absolute !important;
}

.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;
}

/* 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 {
    background-color: #dff6f8;
}

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

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

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