@charset "UTF-8";
/*
 * The Kuali Financial System, a comprehensive financial management system for higher education.
 *
 * Copyright 2005-2016 The Kuali Foundation
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
/* CSS Document */

/* GENERAL - applies to all look and feel ********************/
body {
    behavior: url("csshover3.htc"); /* fix for IE hover issues */
}

a {
    color: #3F7826;
}

input[type="text"], textarea {
    border: 1px solid #aaaaaa;
    font-size: 1em;
    font-family: arial, helvetica, sans-serif;

}

input[disabled="disabled"], textarea[disabled="disabled"] {
    background-color: #dddddd;
    color: #999;
}

input[type="radio"], input[type="checkbox"] {
    margin: 5px 5px 5px 0;
}

input, textarea {
    _padding-left: 2px; /* ie hack to remove left padding */
}

input:focus, textarea:focus {
    background: none repeat scroll 0 0 #ECFCE8;
    outline: none;
}

select[multiple="multiple"] option {
    padding: .25em 1em;
    line-height: 1em;
}

select[multiple="multiple"] option:hover {
    background: none repeat scroll 0 0 #ECFCEB;
}

h1 {
    font-size: 1.61538462em !important;
    font-weight: bold;
    font-family: Georgia, Times New Roman, Serif;
}

h2 {
    font-size: 1.61538462em !important;
    font-weight: normal;
    font-family: Georgia, Times New Roman, Serif;
}

h3 {
    font-size: 1.23076923em !important;
    font-weight: bold;
    font-family: Georgia, Times New roman, Serif;
}

h4 {
    font-size: 1.15384615em !important; /* 15px */
    /*font-weight:normal;            this was font-weight normal in legacy versions... probably don't need it to be */
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 4px;
}

h5 {
    font-size: 1.07692308em !important; /* 14px */
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;

}

h6 {
    font-size: 1.0em; /* 13px black */
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    margin-bottom: 0;
    color: #000;
}

h7 {
    font-size: 0.92307692em; /* 12px */
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
}

td.col2, td.col4, th.col1, th.col3 {
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.watermark {
    color: #999;
}

/* CONTAINERS - e.g.: kr-nav-menu, ks-error-cont *************************/
#viewpage_div {
    float: left;
    _float: none; /* ie hack - should be removed once the collapsable left nav issue resolved. */
}

.uif-rightAligned-headerFieldGroup {
    float: right;
}

.kr-collection-header h2 { /* was .collection-header h2  */ /* renamed in xml and/or jsp */
    font-family: georgia, serif;
    font-size: 1.0em;
}

/* collections styles */

th .uif-collectionGroup .uif-instructionalMessage {
    font-weight: normal;
}

.kr-collection-header + div > .fl-theme-ks {
    padding: 5px 0 5px 10px;
    background: url(../../images/pattern_dotted.png);
    margin-bottom: 15px;
}

.fl-theme-ks .fieldLine span {
    /* hold - to vertically align */
}

.fl-theme-ks .fieldLine span button, .fl-theme-ks .fieldLine span a {
    /* hold - to vertically align */
}

.kr-collection-header h3 {
    border-bottom: 1px dotted #000;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
}

.wrap { /* not sure what this is or if it belongs in this category */
    background-color: #fff;
    border: none;
    margin-bottom: 12px;
    padding: 0 12px 4px;
}

/* breadcrumbs */

.kr-breadcrumbs {
    padding-left: 15px;
}

.kr-breadcrumbs span { /* was .breadcrumbs span*/ /* renamed in xml and/or jsp */
    color: #3F7826;
}

.kr-breadcrumbs a, .kr-breadcrumbs a:visited { /*  was .breadcrumbs a*/ /* renamed in xml and/or jsp */
    color: #3F7826;
}

.kr-breadcrumbs .kr-current { /*  was .breadcrumbs .current*/ /* renamed in xml and/or jsp */
    color: #000000;
    font-weight: bold;
}

label {
    font-weight: bold;
}

input[type="radio"] + label, input[type="checkbox"] + label { /* when label is sibling of checkbox or radio, font-weight is non-bold */
    font-weight: normal;
}

input[disabled="disabled"] + label {
    color: #999999;
}

.uif-labelTop label {
    margin-right: 0em; /* was 1em */
}

th.uif-labelTop span.uif-labelTop {
    padding-right: 0;
}

.uif-inputField .uif-labelTop {
    font-weight: bold;
}

.uif-inputField > span:nth-child(1) label {
    margin-right: .3em;
}

h1.kr-header-object-title { /* was h1.header-object-title*/ /* NOT FOUND in xml and/or jsp */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.58em;
    border-bottom: 1px solid #000;
    padding-bottom: 0.3em;
    font-weight: bold;
}

/*headers*/

.uif-pageHeaderField h2.uif-header { /* was h2.header-page-title */ /* NOT FOUND in xml and/or jsp */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.42em;
    border-bottom: 2px solid #000;
    padding-bottom: 0.3em;
    font-weight: normal;
}

h3.kr-header-page-action { /* was h3.header-page-action*/ /* NOT FOUND in xml and/or jsp */
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2.1em;
    font-weight: normal;
}

.uif-sectionHeaderField h3.uif-header { /* was h2.page-section-title */ /* renamed in xml and/or jsp */
    border-bottom: 1px solid #000;
}

.uif-sectionHeaderField h4.uif-header { /* was h2.page-section-title */ /* renamed in xml and/or jsp */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.26em;
    border-bottom: 1px dotted #000;
    padding-bottom: 0.3em;
    font-weight: bold;
}

h4.kr-header-page-subsection { /* was h4.header-page-subsection  */ /* NOT FOUND in xml and/or jsp */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.26em;
    border-bottom: 1px dotted #000;
    padding-bottom: 0.3em;
    font-weight: bold;
}

h5.kr-header-page-subhead { /* was h5.header-page-subhead*/ /* NOT FOUND in xml and/or jsp */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
}

/* Lightbox Styles */

.kr-view-header h1 { /* was .view_header h1            /* h1 style for lightboxes */
    font-family: arial, sans-serif;
}

/* COMPONENTS - e.g.: kr-button-one, ks-button-secondary ****************/

/*buttons*/

.uif-primaryActionButton, .button-primary { /* was .button-primary */ /* renamed in xml and/or jsp */
    border: 1px solid #62D255;
    /*defines gradient background*/
    background: #99de80; /* Old browsers */

    background: -moz-linear-gradient(top, #99de80 0%, #62d255 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99de80), color-stop(100%, #62d255)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #99de80 0%, #62d255 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #99de80 0%, #62d255 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #99de80 0%, #62d255 100%); /* IE10+ */

    background: linear-gradient(top, #99de80 0%, #62d255 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99de80', endColorstr='#62d255', GradientType=0); /* IE6-9 */

    background-color: #73C561;
    /* font styling */
    color: #2A2A2A;
    border-radius: 4px;
    font-weight: normal;
    font-size: 1.07692308em; /* 14px divided by 13px */
    text-shadow: 0px 1px 0px #83d485;
}

button.uif-primaryActionButton[disabled="true"], button.uif-primaryActionButton[disabled="disabled"] {
    background-color: #C8EABC;
    border: 1px solid #abdea5;
    color: #7FA393;
    background: #abdea5; /* Old browsers */

    background: -moz-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abdea5), color-stop(100%, #c8eabc)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* IE10+ */

    background: linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdea5', endColorstr='#c8eabc', GradientType=0); /* IE6-9 */

    cursor: text;
}

.uif-secondaryActionButton, .kr-button-secondary2, .fg-button.button-secondary1 { /* was .button-secondary2 */ /* NOT FOUND in xml and/or jsp */
    border: 1px solid #3F7826;
    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

    color: #3F7826;
    cursor: pointer;
    font-weight: normal;
    font-size: 0.92307692em; /*12px divided by 13px */
    /*remove extra padding in IE*/
    overflow: visible;
    padding: 0.1em 2.1em;
    border-radius: 4px;
}

.uif-secondaryActionButton:hover, .kr-button-secondary2:hover, .fg-button.button-secondary1:hover { /* was .button-secondary2:hover */ /* NOT FOUND in xml and/or jsp */
    background: rgb(153, 153, 153);
    background: #999999; /* Old browsers */

    background: -moz-linear-gradient(top, #999999 0%, #333333 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #333333)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #999999 0%, #333333 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #999999 0%, #333333 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #999999 0%, #333333 100%); /* IE10+ */

    background: linear-gradient(top, #999999 0%, #333333 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333', GradientType=0); /* IE6-9 */

    color: #ffffff;
    border: 1px solid #999;
}

.uif-primaryActionButton a, .uif-primaryActionButton a:link, .uif-primaryActionButton a:visited { /* was .button-primary a, .button-primary a:link, .button-primary a:visited */ /* renamed in xml and/or jsp */
    color: #eeeeee;
}

.uif-primaryActionButton:hover, .button-primary:hover { /* was .button-primary:hover, .button-secondary1:hover */ /* renamed in xml and/or jsp */
    border-color: #07662a;
    /*defines gradient background*/
    background: #07662a; /* Old browsers */

    background: -moz-linear-gradient(top, #07662a 0%, #044d1f 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07662a), color-stop(100%, #044d1f)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #07662a 0%, #044d1f 100%); /* IE10+ */

    background: linear-gradient(top, #07662a 0%, #044d1f 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07662a', endColorstr='#044d1f', GradientType=0); /* IE6-9 */

    color: #ffffff;
    background-color: #060;
}

/* LAYOUTS - e.g.: kr-box-horizontal, ks-left, ks-right *****************/

/* JQUERY - e.g.: ui-calendar *******************************************/
.ui-state-hover {
    border: 1px solid #054ccf;
    /*defines gradient background*/
    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #c3d1f2 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c3d1f2)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #c3d1f2 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #c3d1f2 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #c3d1f2 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #c3d1f2 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c3d1f2', GradientType=0); /* IE6-9 */

    font-weight: normal;
    color: #2c60e5;
    text-shadow: none;
    filter: none;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-disabled {
    border: 1px solid #a6a6a6;
    /*defines gradient background*/
    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */

    color: #686868;
    background-color: #CCC;
    text-shadow: none;
    opacity: .75;
    filter: Alpha(Opacity=75);
}

.ui-state-disabled2 {
    border: 1px solid #a6a6a6;
    /*defines gradient background*/
    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */

    color: #686868;
    background-color: #CCC;
    text-shadow: none;
    opacity: .75;
    filter: Alpha(Opacity=75);
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_004b2a_256x240.png);
}

/* states and images */

/* fixing image references in jquery-ui-1.8.11.css */
.ui-widget-content .ui-icon {
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_004b2a_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_004b2a_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_004b2a_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/krad/plugins/jqueryUI/images/ui-icons_cd0a0a_256x240.png);
}

/* Jquery Tab Styles */
.navigation-block {
    width: 210px;
}

.tab-navigation-block, .tab-navigation-block li {
    border-bottom: 1px solid #C7C7C7;
}

.ui-tabs .ui-widget-header {
    background: none;
}

.ui-tabs-nav li.ui-state-default {
    border: 1px solid #000000;
}

.ui-tabs-nav li.ui-state-active, .uif-tabNavigationGroup li.ui-state-active {
    background-color: #000000;
    border-color: #000000;
}

.ui-tabs-nav li.ui-state-active a, .uif-tabNavigationGroup li.ui-state-active a {
    color: #ffffff;
}

.ui-tabs-nav li.ui-state-hover, .ui-tabs-nav li.ui-state-focus, .uif-tabNavigationGroup li.ui-state-hover, .uif-tabNavigationGroup li.ui-state-focus {
    /*defines gradient background*/
    background: #07662a; /* Old browsers */

    background: -moz-linear-gradient(top, #07662a 0%, #044d1f 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07662a), color-stop(100%, #044d1f)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #07662a 0%, #044d1f 100%); /* IE10+ */

    background: linear-gradient(top, #07662a 0%, #044d1f 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07662a', endColorstr='#044d1f', GradientType=0); /* IE6-9 */

    color: #ffffff;
    background-color: #060;
}

div.ui-tabs.ui-widget-content {
    border: none;
    border-radius: 0;
}

.button-primary .ui-state-hover, .button-secondary1 .ui-state-hover {
    /*defines gradient background*/
    background: #07662a; /* Old browsers */

    background: -moz-linear-gradient(top, #07662a 0%, #044d1f 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07662a), color-stop(100%, #044d1f)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #07662a 0%, #044d1f 100%); /* IE10+ */

    background: linear-gradient(top, #07662a 0%, #044d1f 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07662a', endColorstr='#044d1f', GradientType=0); /* IE6-9 */

    color: #ffffff;
    background-color: #060;
}

.ui-tabs-nav li.ui-state-hover a, .ui-tabs-nav li.ui-state-focus a, .uif-tabNavigationGroup li.ui-state-hover a, .uif-tabNavigationGroup li.ui-state-focus a {
    color: #ffffff;
}

.ui-tabs-nav li.ui-state-hover a:hover, .ui-tabs-nav li.ui-state-focus a:hover, .uif-tabNavigationGroup li.ui-state-hover a:hover, .uif-tabNavigationGroup li.ui-state-focus a:hover { /* this is hovering black in IE */
    color: #ffffff;
}

.ui-tabs-nav li.ui-state-active a.clientError {
    color: #ffffff;
}

.ui-tabs .ui-tabs-nav li {
    border-bottom: 1px solid #000 !important; /* over-writing the style that removes it in tabs.css */
}

.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid;
    clear: left;
    display: block;
    padding: 1em 1.4em;
}

/* date-picker */

/* overriding styles in jquery-ui-1.8.11.css */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: none;
    background-color: #ffffff;
    font-weight: normal;
    color: #3F7826;
}

.ui-datepicker-week-end .ui-datepicker-other-month .ui-datepicker-unselectable .ui-state-disabled {
    background-color: #ffffff;
}

.ui-datepicker .ui-state-highlight { /* "Today" in most cases */
    border: 1px solid #FBD850;
    color: #EB8F00;
    background-color: #ffffff;

}

.ui-datepicker .ui-state-hover {
    border-color: #07662a;
    /*defines gradient background*/
    background: #07662a; /* Old browsers */

    background: -moz-linear-gradient(top, #07662a 0%, #044d1f 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07662a), color-stop(100%, #044d1f)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #07662a 0%, #044d1f 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #07662a 0%, #044d1f 100%); /* IE10+ */

    background: linear-gradient(top, #07662a 0%, #044d1f 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07662a', endColorstr='#044d1f', GradientType=0); /* IE6-9 */

    color: #ffffff;
    background-color: #060;
}

.ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover {
    background: #B2DDA8;
}

.ui-datepicker .ui-state-active { /* the selected date */
    border: 1px solid #62D255;
    /*defines gradient background*/
    background: #99de80; /* Old browsers */

    background: -moz-linear-gradient(top, #99de80 0%, #62d255 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99de80), color-stop(100%, #62d255)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #99de80 0%, #62d255 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #99de80 0%, #62d255 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #99de80 0%, #62d255 100%); /* IE10+ */

    background: linear-gradient(top, #99de80 0%, #62d255 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99de80', endColorstr='#62d255', GradientType=0); /* IE6-9 */

    background-color: #73C561;
    /* font styling */
    color: #2A2A2A;

}

.ui-datepicker-header {
    background: #99de80; /* Old browsers */

    background: -moz-linear-gradient(top, #99de80 0%, #62d255 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99de80), color-stop(100%, #62d255)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #99de80 0%, #62d255 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #99de80 0%, #62d255 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #99de80 0%, #62d255 100%); /* IE10+ */

    background: linear-gradient(top, #99de80 0%, #62d255 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99de80', endColorstr='#62d255', GradientType=0); /* IE6-9 */

    background-color: #81D96D;
}

.ui-datepicker-trigger { /* make sure the icons appear clickable*/
    background-image: url(../../images/cal_ks.gif);
    margin-left: 8px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    border: 1px solid #3F7826;
    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

    color: #3F7826;
    height: 24px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
    background: #999999; /* Old browsers */

    background: -moz-linear-gradient(top, #999999 0%, #333333 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #333333)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #999999 0%, #333333 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #999999 0%, #333333 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #999999 0%, #333333 100%); /* IE10+ */

    background: linear-gradient(top, #999999 0%, #333333 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333', GradientType=0); /* IE6-9 */

    color: #ffffff;
    border: 1px solid #999;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 75px;
    margin: 1px;
}

/* expand collapse headers */
h2 img.expand_collapse-buttons[alt="expand"] { /* was h2 img.expand_collapse-buttons[alt="expand"] */ /* NOT renamed in xml and/or jsp, as this will break js functionality   */
    background: url(../../images/h2_expand-back-ks.png);
    background-repeat: no-repeat;
    padding-right: .25em;
}

h2 img.expand_collapse-buttons[alt="collapse"] { /* was h2 img.expand_collapse-buttons[alt="collapse"]*/ /* NOT renamed in xml and/or jsp, as this will break js functionality   */
    background: url(../../images/h2_collapse-back-ks.png);
    background-repeat: no-repeat;
    padding-right: .25em;
}

img.expand_collapse-buttons[alt="collapse"] {
    background: url(../../images/h3_collapse-back-ks.png);
    background-repeat: no-repeat;
    padding-right: .25em;
}

img.expand_collapse-buttons[alt="expand"] {
    background: url(../../images/h3_expand-back-ks.png);
    background-repeat: no-repeat;
    padding-right: .25em;
}

#viewheader_div { /* was #viewheader_div - I'm not sure this should be changed */ /* NOT renamed in xml and/or jsp, even though there's no impact on js functionality   */
    margin: 10px 15px 30px 15px;
}

.desc > label {
    line-height: 2em;
}

/* autocomplete */
.ui-autocomplete-input {
    background: url(../../images/icon_autosuggest.png) right no-repeat;
    padding: 3px;
    outline: none;
}

.ui-autocomplete .ui-menu-item {
    color: #000;
}

ul.ui-autocomplete.ui-widget-content {
    border: 1px solid #cccccc;
    border-radius: 0;
}

.ui-autocomplete .ui-menu-item a {
    color: #000;
}

.ui-autocomplete .ui-menu-item .ui-corner-all {
    border-radius: 0;
}

.ui-autocomplete .ui-menu-item .ui-state-hover {
    background: none;
    background-color: #ECFCE8;
    border-color: #3F7826;
    color: #000;
}

/*jquery buttons */
/* jquery button styles      */
.fl-theme-ks .ui-state-disabled { /* good place where it would be good to have outer container to refer to */
    border-color: #a6a6a6;
    /*defines gradient background*/
    background: #abdea5; /* Old browsers */

    background: -moz-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abdea5), color-stop(100%, #c8eabc)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* IE10+ */

    background: linear-gradient(top, #abdea5 0%, #c8eabc 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdea5', endColorstr='#c8eabc', GradientType=0); /* IE6-9 */

    color: #7fa393;
    background-color: #CCC;
    text-shadow: none;
}

.fl-theme-ks .ui-state-disabled2 { /* good place where it would be good to have outer container to refer to */
    border-color: #a6a6a6;
    /*defines gradient background*/
    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0); /* IE6-9 */

    color: #666666;
    background-color: #CCC;
    text-shadow: none;
}

.uif-smallActionButton {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

    color: #3F7826;
    border: 1px solid #999;
    cursor: pointer;
    padding: .2em .5em .1em .5em;
}

.uif-smallActionButton:hover {
    background: #999999; /* Old browsers */

    background: -moz-linear-gradient(top, #999999 0%, #333333 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #333333)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #999999 0%, #333333 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #999999 0%, #333333 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #999999 0%, #333333 100%); /* IE10+ */

    background: linear-gradient(top, #999999 0%, #333333 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333', GradientType=0); /* IE6-9 */

    color: #ffffff;
    border: 1px solid #999;
    cursor: pointer;
}

/*datatables*/

.dataTables_length {
    margin: 1em 0;
}

.dataTables_scrollBody {
    border-bottom: 1px solid #999;
}

.dataTables_info {
    font-weight: normal;
}

.dataTables_scrollBody thead tr th.sorting_asc, .dataTables_scrollBody thead tr th.sorting_desc, .dataTables_scrollBody thead tr th.sorting {
    background: none;
}

.dataTables_info {
    margin-top: 5px;
}

th.sorting_asc, th.sorting_desc {
    background-color: transparent;
}

.datatable .field_attribute {
    float: none;
}

.sorting_asc {
    background-image: url(../../plugins/rice/datatables/images/sort_asc.png), url(../../images/pattern_dotted.png); /* multiple background images */
    background-position: center right;
    background-repeat: no-repeat;
}

.sorting_desc {
    background-image: url(../../plugins/rice/datatables/images/sort_desc.png), url(../../images/pattern_dotted.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.datatable thead tr th.sorting, .datatable thead tr th.sorting_disabled {
    background-color: #fff;
}

.datatable thead tr th.sorting label, .datatable thead tr th.sorting_desc label, .datatable thead tr th.sorting_asc label {
    cursor: pointer;
}

th.sorting label, th.sorting_asc label, th.sorting_desc label, th.sorting_disabled label {
    color: #3F7826;
    font-weight: normal;
    text-transform: uppercase;
}

/* display tables */
table.display thead th {
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    color: #3F7826;
    font-weight: normal;
    cursor: text;
}

table.display thead th.sorting, table.display thead th.sorting_asc, table.display thead th.sorting_desc, table.display thead th.sorting_disabled {
    text-align: left;
    cursor: pointer;
}

table.display tbody tr {
    border-bottom: 1px dotted #000;
}

.display td {
    vertical-align: top;
    padding: 3px 10px 3px 3px;
}

.display tr.odd td.sorting_1, .display tr.even td.sorting_1, table.display tr.odd, table.display tr.even { /* cell colors for sortable table should be white */
    background-color: #ffffff;
}

.uif-instructionalMessage { /* fixing a pixel specification in kuali-stacked.css */ /* not sure if this belongs in this section */
    font-size: 0.92307692em; /* 12px divided by 13px */
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
}

.ui-datepicker-header {
    height: 2em;
}

/* Messing with disclosure bar */
.uif-collectionGroup a h3.uif-collectionGroup .uif-sectionHeaderField,
.uif-collectionGroup a .kr-section-subhead,
.kr-collection-header a h3.kr-page-section-title,
.grouping-header-expandable a h4.kr-section-subhead,
.group_header a h4.kr-section-subhead,
.grouping-header-expandable a h3.kr-page-section-title,
a.h4.kr-section-subhead {
    padding: .25em .25em .25em 0;
    margin-top: 0;
}

.uif-collectionGroup a .kr-section-subhead:hover,
.kr-collection-header a h3.kr-page-section-title:hover,
.grouping-header-expandable a h4.kr-section-subhead:hover,
.group_header a h4.kr-section-subhead:hover,
.grouping-header-expandable a h3.kr-page-section-title:hover {
    background-color: #ECFCE8;
    text-decoration: none;
}

/* messing with collections */

.uif-stackedCollectionGroup a h3.uif-collectionGroup .uif-sectionHeaderField:hover {
    background-color: #ECFCE8;
    color: #07662a
}

.uif-stackedCollectionGroup h3.uif-collectionGroup .uif-sectionHeaderField {
    color: #fff;
    background-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0.5em;
}

.uif-stackedCollectionGroup h3.uif-collectionGroup .uif-sectionHeaderField img.expand_collapse-buttons[alt="expand"] {
    background: url("../../images/h3_expand-back-white-ks.png") no-repeat scroll 0 0 transparent;
}

.uif-stackedCollectionGroup h3.uif-collectionGroup .uif-sectionHeaderField:hover img.expand_collapse-buttons[alt="expand"] {
    background: url("../../images/h3_expand-back-ks.png") no-repeat scroll 0 0 transparent;
}

.uif-stackedCollectionGroup h3.uif-collectionGroup .uif-sectionHeaderField img.expand_collapse-buttons[alt="collapse"] {
    background: url("../../images/h3_collapse-back-white-ks.png") no-repeat scroll 0 0 transparent;
}

.uif-stackedCollectionGroup h3.uif-collectionGroup .uif-sectionHeaderField:hover img.expand_collapse-buttons[alt="collapse"] {
    background: url("../../images/h3_collapse-back-ks.png") no-repeat scroll 0 0 transparent;
}

.uif-collectionGroup.uif-stackedCollectionGroup {
    background: url(../../images/pattern_dotted.png) repeat;
    border: 1px solid #ccc;
}

.uif-collectionItem.uif-collectionAddItem h4.kr-section-subhead.uif-collectionItem-header {
    padding: 0.25em 0.5em;
    border-bottom: 1px solid #ccc;
}

.uif-collectionItem.uif-collectionAddItem > div:nth-child(2) {
    padding: 1em 0.5em 0 0.5em;
    overflow-x: auto;
    overflow-y: hidden;
}

/*.uif-collectionGroup > div {
    background-color:#fff;
    margin: 0.5em;
}          */
.uif-collectionGroup > div:nth-child(2) {
    background-color: #fff;
    margin: 0.5em;
    padding: 0.5em;
    overflow-x: auto;
    overflow-y: hidden;
}

.uif-collectionGroup .uif-collectionGroup > div:nth-child(2) {
    padding: 0;
    margin: 0;
}

.kr-subCollection > .uif-collectionGroup {
    background: #fff;
    margin-top: 1em;
    border: none;
}

.kr-subCollection > .uif-collectionGroup a h3.uif-collectionGroup .uif-sectionHeaderField, .kr-subCollection > .uif-collectionGroup h3.uif-collectionGroup .uif-sectionHeaderField {
    background-color: #eee;
    color: #000;
    border-bottom: 0 solid #000;
}

.kr-subCollection > .uif-collectionGroup a h3.uif-collectionGroup .uif-sectionHeaderField img.expand_collapse-buttons[alt="expand"] {
    background: url("../../images/h3_expand-back-black-ks.png") no-repeat scroll 0 0 transparent;
}

.kr-subCollection > .uif-collectionGroup a h3.uif-collectionGroup .uif-sectionHeaderField img.expand_collapse-buttons[alt="collapse"] {
    background: url("../../images/h3_collapse-back-black-ks.png") no-repeat scroll 0 0 transparent;
}

table[role="presentation"] th {
    text-align: right;
    padding-right: 1em;
    padding-bottom: 1em;
}

table[role="presentation"] th h4, table[role="presentation"] th .uif-instructionalMessage, table[role="presentation"] th.kr-subCollection h3.uif-collectionGroup .uif-sectionHeaderField {
    text-align: left;
}

.kr-subCollection .uif-collectionGroup h4.uif-collectionGroup .uif-sectionHeaderField {
    background-color: #ffffff;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 0);
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    padding: .25em .25em .25em 0;
    margin-bottom: .5em;
    margin-top: 0;
}

.kr-subCollection .uif-collectionGroup a h4.uif-collectionGroup .uif-sectionHeaderField {
    color: #3F7826;
}

.kr-subCollection a h4.uif-collectionGroup .uif-sectionHeaderField:hover {
    background-color: #ECFCE8;
    border: 1px solid #3F7826;
    border-bottom: 2px solid #3F7826;
}

.kr-subCollection a h4.uif-collectionGroup .uif-sectionHeaderField img.expand_collapse-buttons[alt="expand"] {
    background: url("../../images/h3_expand-back-ks.png") no-repeat scroll 0 0 transparent;
}

.kr-subCollection a h4.uif-collectionGroup .uif-sectionHeaderField img.expand_collapse-buttons[alt="collapse"] {
    background: url("../../images/h3_collapse-back-ks.png") no-repeat scroll 0 0 transparent;
}
