/* Minification failed. Returning unminified contents.
(36,256): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/* Layout Stylesheet */
body {margin: 0px; padding: 0; background-color: #f2f2f2; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #626262; }

hr { width: 100%; }

.newHr 
{
    color: #B9B9B9;
}

ol li { padding-bottom: 5px; }

ol span { color: #333333; }

ul { list-style-image: url('/Images/bullet.gif');  }

.qq-upload-fail span { color: Red;}

.alert ul li div span p { font-size: 10px; font-weight: normal; color: Red; margin: 0px; padding-bottom: 15px; }
.validator { font-weight: normal; margin: 0px; }
input textarea select option { font-size: 11px; color: #608494; margin-top: 2px; margin-bottom: 2px; }
a { font-size: 12px; color: #1c6ea6; text-decoration: underline; }
.alike { font-size: 12px; color: #287A29; }
.awhite, th.awhite a { font-size: 11px; color: #ffffff !important; text-decoration: underline; }
h2 { font-size: 14px; font-weight: bold; color: #287A29; margin: 0px; padding-top: 15px; padding-bottom: 5px; }
.ih3 { font-size: 12px; font-weight: bold; color: #005B99; margin: 0px; padding-top: 15px; padding-bottom: 5px; }
h3 { font-size: 12px; font-weight: bold; color: #3F7EBE; margin: 0px; padding-top: 15px; padding-bottom: 5px; }
h3 a { color: #3F7EBE; text-decoration: underline; }
h3 a:hover { color: #287A29; text-decoration: underline; }
h4 { font-size: 12px; font-weight: bold; color: #b2b2b2; margin: 0px; padding-bottom: 5px; }
h5 { font-size: 12px; font-weight: bold; color: #3F7EBE; margin: 0px; padding-top: 0px; padding-bottom: 0px; }
h5 a { color: #3F7EBE; text-decoration: underline; }
h5 a:hover { color: #287A29; text-decoration: underline; }
h6 { font-size: 11px; font-weight: normal; color: #333333; margin: 0px; padding-bottom: 5px; }

.tableCompliance { background: none; margin: 0px; padding: 0px; color: #626262; border: #000000 1px solid; font-size: 10px; font-weight: normal; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 10px; 	font-weight: normal; 	color:#626262; */ }

.complianceLabel { color: #000000; font-size: 10px; font-weight: bold; }

.validation { font-size: 17px; font-weight: bold; color: Red; margin: 0px; padding-bottom: 15px; }

.validation-12px { font-size: 12px; color: Red; margin: 0px; padding-bottom: 15px; }

.footnote { font-size: 9px; font-weight: normal; color: #000000; padding: 2px; }

.italic { font-style: italic; }
.numericInput { width: 70px;}
/* category tree */
.catListItems, a.catListItems, a.catListItems:hover { font-size: 12px; font-weight: bold; margin: 0px; padding-top: 0px; padding-bottom: 5px; color: #626262; }

/* Audit Control */
.auditLabel { font-size: 9px; font-style: italic; font-weight: normal; }

.auditText { font-size: 9px; font-weight: normal; }

.auditTable { width: 200px; margin: auto; padding: 0px; }


/*AutoComplete flyout */
.autocomplete_list { visibility: hidden; margin: 0px !important; padding: 0px; background-color: inherit; border: buttonshadow; border-width: 1px; border-style: solid; cursor: default; text-align: left; list-styletype: none; overflow: auto; font-weight: normal; color: #626262; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px;overflow-y: scroll;max-height: 275px;}

.autocomplete_list_high_zindex { z-index: 10002 !important;visibility: hidden; margin: 0px !important; padding: 0px; background-color: inherit; border: buttonshadow; border-width: 1px; border-style: solid; cursor: default; text-align: left; list-style-type: none; overflow: auto; font-weight: normal; color: #626262; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }

.autocomplete_scrollable_list { visibility: hidden; margin: 0px !important; padding: 0px; background-color: inherit; border: buttonshadow; border-width: 1px; border-style: solid; cursor: default; text-align: left; list-style-type: none;overflow-y: scroll;max-height: 200px; font-weight: normal; color: #626262; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem { background-color: Highlight; color: HighlightText; padding: 3px; }

/* AutoComplete item */
.autocomplete_listItem { background-color: window; color: windowtext; padding: 3px; }

.updateProgress { border-width: 1px; border-style: solid; background-color: #CCCCCC; position: absolute; width: 130px; height: 50px; }

.updateProgressMessage { margin: 3px; font-family: Trebuchet MS; font-size: small; vertical-align: middle; }

.popupMenu { position: absolute; visibility: hidden; background-color: #ffffff; margin-right: 8px; filter: alpha(opacity=80); opacity: .8; }

.popupHover { background-image: url('/Images/header-opened.png'); background-repeat: repeat-x; background-position: left top; background-color: #ffffff; }

/* TODO: clean up these styles*/
table.leftNavigationA { width: 100%; height: 100%; padding: 0px; margin: 0px; }
td.leftNavigationA { width: 100%; padding: 0px; margin: 0px; text-align: right; padding-bottom: 5px; padding-right: 5px; }
.leftNavigationA { font-size: 11px; font-weight: bold; }
.leftNavigationA a { color: #005B99; text-decoration: none; }
.leftNavigationA a:hover { color: #287A29; text-decoration: underline; }
.leftNavigationASelected { color: #287A29; }
.leftNavigationASelected a:hover { color: #005B99; text-decoration: underline; }

.tableA { width: 100%; margin: 0px; padding: 0px; border-style: none; }

.tableB { width: 95%; margin: auto; padding: 0px; border-width: 1px; border-color: #808080; }

.tableC { width: 100%; margin: auto; padding-left: 4px; border-width: 0px; border-color: #808080; font-size: 14px; font-weight: normal; color: #626262; }

TABLE#tableD { width: 100%; margin: auto; padding: 2px; border-width: 1px; border-color: #808080; font-size: 10px; font-weight: normal; color: #626262; }

.tableD { width: 100%; margin: auto; padding: 2px; border-width: 1px; border-color: #808080; font-size: 10px; font-weight: normal; color: #626262; }

table.form-container { width: 100%; padding: 0px; margin: 0px; }
table.withspaces td { padding-bottom: 8px; }
table.withsep .form-right { border-bottom: #C1C1C1 1px outset !important; }
.form-left { vertical-align: top; text-align: right; font-weight: lighter; text-align: left; width: 150px; color: #626262; background-color: #dcdcdc;  padding: 3px; }

.form-right { vertical-align: top; padding: 3px; }

.form-button-row { vertical-align: top; padding: 3px; }

.crumbtrail { width: 100%; font-size: 10px; color: #626262; padding: 1px; text-decoration: none; border-bottom: 1px solid #005B99; }
.crumbtrail a { color: #626262; text-decoration: none; }
table.clientGrid caption { border: #b2b2b2 1px solid; text-align: left; /* Needed for Mozilla */ }

.clientGridHeader { border-right: #ffffff 0px solid; border-top: 0px; border-bottom: 0px; background-color: #b2b2b2; border-left: #A1A1A1 1px solid; height: 20px; color: #ffffff; }

.clientGridHeader2 { border-right: #ffffff 0px solid; border-top: 0px; border-bottom: 0px; background-color: #ffffff; height: 20px; color: #000000; }

.clientGridItem { border-right: #ffffff 0px solid; border-top: 0px; border-bottom: 0px; border-left: #A1A1A1 1px solid; background-color: #FFFFFF; color: #000000; }

.clientGridItemAlt { border-right: #ffffff 0px solid; border-top: 0px; border-bottom: 0px; border-left: #A1A1A1 1px solid; background-color: #F2F2F2; color: #000000; }

.GridExpandCollapseButton { cursor: pointer; border: solid 1px gray; text-align: center; width: 13px; display: block; height: 15px; line-height: 15px; text-decoration: none; vertical-align: middle; font-family: Verdana; color: black; }

fieldset.detail {
    margin: 3px;
    padding: 5px;
    border: 0px solid #D1D2D4;
}
fieldset.detail > legend.full-width {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: inherit;
}
/*fieldset.detail .row { float: left; text-align: left; display: block; padding: 0; width: 100%; }*/
/*fieldset.detail .row label { padding: 3px 3px 3px 0; text-align: right; width: 165px; float: left; }*/
div.acctDetails .row label { padding: 3px 3px 3px 0;text-align: right;}
fieldset.detail .row .validator { margin-left: 170px; }
fieldset.label80 .row label { width: 80px !important; }
fieldset.label100 .row label, div.label100 .row label { width: 100px !important; }
.row.compliance label, .commentPanel label { font-weight: bold;font-size: 12px;}
fieldset.label100 .row .validator { display: none; margin-left: 100px !important; }
fieldset.label120 .row label { width: 120px !important; }
fieldset.label120 .row .validator { display: none; margin-left: 120px !important; }
/*fieldset.detail .row span:not(.selection):not(.select2):not(.select2-selection):not(.select2-selection__rendered) { font-weight: bold; padding: 3px 3px 3px 0; float: left; }*/
div.acctDetails .row span { font-weight: bold; padding: 3px 3px 3px 0; }
fieldset.detail .row label.empty { padding-top: 0; padding-bottom: 0; }
fieldset.detail .alt { background-color: #F2F2F2; }
fieldset.grid .row span { border-left: 1px solid #000000; }
fieldset.detail input[type='text'], fieldset.detail input[type='password'], fieldset.detail input[type='file'], fieldset.detail select, fieldset.detail textarea {  }
fieldset.header input { display: inline; }
fieldset.detail .distHeader { padding-top: 5px; padding-bottom: 5px;display: block;float: left; width: 100%}
fieldset.detail .distHeader label { font-weight: bold;}
.withborder { border: 1px solid #D1D2D4; -moz-border-radius: 5px; border-radius: 5px; }
.contactInfo {margin: 1px; padding: 2px; background-color: #F9F9F9;}
.noborder { border: none !important; }
.primary-button  { border: 1px solid #B9B9B9; border-radius: 2px; width: 120px; height: 28px;text-align: center;text-decoration: none; margin-right: 5px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.datalist { border-color: #626262; border-collapse: collapse; }
.datalist td { border-top: 1px solid #626262; border-bottom:1px solid #626262; border-color: #626262; vertical-align: middle; padding: 3px; }
.datalist tr { border-left: 1px solid #626262; border-right:1px solid #626262;}
.datalist thead td, .datalist th, .datalist th a { font-weight: bold; line-height: 16px; border-color: #626262; background-color: #B2B2B2; color: #ffffff; text-decoration: none; padding: 2px; font-size: 11px; }
.datalist th a:hover { color: #000000; }
.datalist .alt { background-color: #F2F2F2; }
.datalist .highlight { background-color: #F0FFF0; }
.datalist .row span { font-weight: bold; }
.form-right .datalist { font-weight: normal; }
.lightborder { border-color: #D1D2D4 !important; }
.lightborder td { border-color: #D1D2D4 !important; }
/* link styles */
.close { padding: 3px 5px 5px 18px; background: transparent url('/Images/icons/close.gif') 3px 3px no-repeat; }
/*.close:hover:not(.bootbox-close-button) { color: #005B99; padding: 3px 5px 5px 18px; background: transparent url('/images/icons/close_on.gif') 3px 3px no-repeat; text-decoration: none; } */
.add { cursor: pointer; font-weight: bold; padding: 0px 3px 0px 3px; }
.actionItemLinks { float: right; padding-bottom: 5px; }
/*  */
.add:hover { font-weight: bold; color: #005B99; text-decoration: none; }
.priority { padding: 0px 3px 0px 20px; background: transparent url('/images/icons/star.gif') 3px 0px no-repeat; }
a:hover { color: #005B99; cursor: pointer; }
.return { font-weight: bold; }
.subscribe { font-weight: bold; }
.print { font-weight: bold; padding: 0px 3px 0px 3px;}
.print:hover { font-weight: bold; color: #005B99; text-decoration: none; }
/* padding: 3px 5px 5px 24px; */
.action { cursor: pointer; display: block; padding: 4px 1px 1px 1px; text-decoration: none; color: #333333; font-size: 10px; 
          text-align: center !important; width: 91px; height: 22px; background: transparent url('/images/button.png') no-repeat;
          vertical-align: middle; }
.action:hover { color: #000000; text-decoration: none; font-size: 10px; font-weight: bold; text-align: center; background: transparent url('/images/down.png') no-repeat; }
.pdf { padding: 3px 5px 5px 18px; background: transparent url('/images/icpdf.gif') 3px 3px no-repeat; }
.announce { font-weight: bold; padding: 3px 22px 5px 5px; background: transparent url('/images/icons/announce.gif') 108px 0px no-repeat; }
.announceRead { font-weight: bold; padding: 3px 22px 5px 5px; }
.search { cursor: pointer; }
.upload { cursor: pointer; }
.expand { padding: 3px 5px 5px 18px; background: transparent url('/images/expand.gif') 3px 3px no-repeat; }
.collapse { padding: 3px 5px 5px 18px; background: transparent url('/images/collapse.gif') 3px 3px no-repeat; }
/* end link styles */
.filterbutton { font-family: Verdana; color: #005B99; background: #ffffff; border: 1px solid #005B99; padding: 1px; font-weight: bold; text-align: center; cursor: pointer; }
.filterbuttonhover { color: #ffffff; background: #005B99; border: 1px solid #005B99; cursor: pointer; }
.filterbuttonselected { font-family: Verdana; color: #ffffff; background: #005B99; border: 1px solid #005B99; padding: 1px; font-weight: bold; text-align: center; }
.filterbuttonselectedhover { font-family: Verdana; color: #ffffff; background: #005B99; border: 1px solid #005B99; padding: 1px; font-weight: bold; text-align: center; }
.onlyprint { display: none; visibility: hidden; }
.scheduleditem { display: block; }
.openVisit { text-align: center; background-color: #F0FFF0; padding-top: 8px; padding-bottom: 8px; }

.watermarked { color: #C1C1C1; }
ul.editList, div.editList { margin: 0; padding: 0; list-style: none; font-size: 11px; color: #626262; }
ul.editList li { border: 1px solid transparent; cursor: pointer; padding: 1px 12px 1px 3px; margin-right: 5px; }
td.editList { margin: 0; padding: 0; list-style: none; font-size: 11px; color: #626262; border: 1px solid transparent; cursor: pointer; padding: 1px 12px 1px 3px; margin-right: 5px;}
ul.inline li { display: inline; float: left; }
ul.editList li:hover { border: 1px solid #BCBCBC; background: #EEEEEE url('/images/icons/close.gif') center right no-repeat; }
td.editList:hover { border: 1px solid #BCBCBC; background: #EEEEEE url('/images/icons/close.gif') center right no-repeat; }
ul.editImage li:hover { background-image: url('/images/icons/edit.gif') !important; }
ul.liwithborder li { border: 1px solid #D1D2D4; -moz-border-radius: 5px; border-radius: 5px; }
td.tdwithborder { border: 1px solid #D1D2D4; -moz-border-radius: 5px; border-radius: 5px; }
ul.clean { color: #626262; margin: 3px; margin-left: 5px; }
ul.pdf { background-image: none; list-style-image: url('/images/icpdf.gif'); }

div.nciasList { width: 400px; }
div.nciasList div span { display:inline-block; float: none;}
div.nciasList a{ font-size: 11px; color: #626262;}

.survey { clear: both; display: block; width: 100%; }
.survey .field { clear: both; width: 100%; padding: 3px; border-bottom: 1px solid #D1D2D4; }
.survey .field .alt { background-color: #F2F2F2; }
.survey .field .label { width: 700px; float: left; margin: 5px; }
.survey .field .label .questionText { display: block; float: left; clear: left; }
.survey .field .input { width: 145px; float: right; margin: 5px; padding-left: 5px; border-left: 1px solid #D1D2D4; }
.survey .field .input .checkHolder { display: block; }
.survey .field .label .commentPanel { display: block; clear: left; float: left; margin-left: 20px; }
.survey .field .label .commentPanel label { font-weight: bold; float: left; width: 85px; text-align: right; padding-right: 5px; }
.survey .field .label .commentPanel textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.survey .field .label .commentPanel .actionItemInfo { color: green;display: block;}
.actionItemInfo { color: green;display: block;}

ul.propertyEdit { list-style: none; color: #626262; padding-left: 0px; margin-left: 0px; width: 350px; }
ul.propertyEdit li { padding: 3px; margin: 1px; }
ul.propertyEdit .exclusive { font-size: 9px; }
.success { background-color: #D8FFD8; font-size: medium; display: none; padding: 2px 2px 2px 2px; }
.right { float: right; }
.back-button, .back-button:hover { background-repeat: no-repeat; background-position: left; padding-left: 17px; float: left; }
.back-button { background-image: url('/images/back-button.png'); }
.back-button:hover { background-image: url('/images/back-button-active.png'); }
.data-value { font-weight: bold; }
.siteVisitOptions { width: 650px; }
.error, .error ul { color: Red; }
.warn { color: Orange; }

.approved, .readyForApproval { text-align: center; }

/* needs to inherit from .datalist. I don't want to modify the actual .datalist class
but I want to standardize the border behavior */
.datatable, .datatable td, .datatable th { border: 1px; border-style: solid; border-color: #626262; border-collapse: collapse; }

.tab { white-space: normal; }

/*Training List View */
.hidden { display: none; }
.noBottomBorder {border-bottom: 0 solid !important;}
.passed, .passed h3, .passed h3 a{ color: #287B2B; }
.in-progress, .in-progress h3, .in-progress h3 a{ color: #035A9D; }
.expired-failed, .expired-failed h3, .expired-failed h3 a { color: #AF3834; }
.not-started, .not-started h3, .not-started h3 a { color: #666666; }
.dot { width: 13px;height: 13px;background-color: #000000;margin: 0px 10px 0px 10px; }
.passed .dot { background: url('/Images/dotGreen.png') no-repeat; }
.expired-failed .dot { background: url('/Images/dotRed.png') no-repeat; }
.in-progress .dot { background: url('/Images/dotBlue.png') no-repeat; }
.not-started .dot { background: url('/Images/dotGray.png') no-repeat; }
.not-specified .dot { background: url('/Images/dotGray.png') no-repeat; }
.status { width: 20px; }

.titlePadding
{
    margin-bottom:0px; 
    padding-bottom: 0px;
}
.KPILeftPadding
{
    margin-left: 50px; 
    margin-top: -40px;
}

.category a { color: #1C6EA6; font-size: 11px; cursor: pointer;margin: 0px;padding: 0px;}
#list-top fieldset.detail { background-color: #EDEDED; margin-top: 15px; padding: 15px;}
#list-top fieldset.detail label { color: #454545; }
#list-top ul.counts { overflow: hidden;padding: 0px;margin: 0px;margin-bottom: 15px;}
#list-top ul.counts li { list-style: none;float: left; padding: 0px; font-size: 13px; text-align:center; height: 25px; width: 140px; vertical-align: middle; margin: 5px; }
#list-top ul.counts li label { border-radius: 2px; display:block; white-space:nowrap; padding: 0px; line-height: 25px; height: 25px; width: 140px; border: 1px solid #E0E0E0; vertical-align: middle; }
#list-top ul.counts li label:hover, #list-top ul.counts li:hover { cursor: pointer; }
#list-top ul.counts li.in-progress-checked label{ border-color: #DCEAF3; background-color:#DCEAF3; }
#list-top ul.counts li.passed-checked label{ border-color: #D6E9D6; background-color:#D6E9D6; }
#list-top ul.counts li.expired-failed-checked label{ border-color: #ECCCCD; background-color:#ECCCCD; }
#list-top ul.counts li.not-started-checked label{ border-color: #EFEFEF; background-color:#EFEFEF; }
#list-top ul.counts li.in-progress label:hover { border-color: #CCDEEC; background-color:#CCDEEC; }
#list-top ul.counts li.passed label:hover{ border-color: #C1DFC3; background-color:#C1DFC3; }
#list-top ul.counts li.expired-failed label:hover{ border-color: #E1B7B8; background-color:#E1B7B8; }
#list-top ul.counts li.not-started label:hover{ border-color: #D8D8D8; background-color:#D8D8D8; }
#list-top ul.counts li.reset-filters { text-decoration: underline; color: #1C6EA6; padding-left: 3px; margin-left: 10px; margin-top: 12px; font-size: 11px; background: transparent url('/Images/reset.png') no-repeat; width: 100px; }

.top-category-filter { width: 300px;}

#list-top ul.counts li.input { vertical-align: middle; }
#list-top ul.counts li .big-number { font-size: 16px; font-weight: bold; color: inherit;padding: 5px; }
#list-top .category-dropdown { float: right;line-height: 24px;margin-top: 15px; }
#list-top .category-dropdown span { font-weight: bold; }
#list-top .category-dropdown > * { float: right; }
.user-name { font-size: 24px;font-weight: bold; color:#454545; }
#list-top #top-layer, #list-top #top-layer-2 { width: 100%;overflow: hidden;}
#list-top #top-layer { margin-bottom: 15px; }
#list-top #top-layer .bread-crumb { float: left; display: inline; }
#list-top #top-layer .conditional { clear: both; float: right; margin-top: 5px; }
#list-top #top-layer .bread-crumb a {color: #1C6EA6; text-decoration: none;font-size: 11px;}
#list-top #top-layer .expand-all { float: right; display: inline; }
#list-top #top-layer-2 h1 { font-size: 13px; font-weight: normal; margin-left: 2px; line-height: 13px; padding-bottom:0px; color: #454545; }
#list-top #top-layer-2 { margin-bottom: 15px; }
.category { margin-bottom: 20px; }
.category .category-header { border: 1px solid #B9B9B9; background-color: #EDEDED; border-collapse: collapse; overflow: hidden; }
.category .category-header h2 { font-size: 16px; margin: 5px 0px 5px 10px; padding-top: 5px; color: #454545; float: left; }
.category .category-header h2 a { font-size: 14px; }
.category .category-header .expander { background: url('/Images/arrowDown.png') no-repeat 5px 50%;height: 65px;width: 30px;float: right;display: block;cursor: pointer; }
.category .category-header .expander:hover { background-color: #F4F4F4; background-position: -35px 50%; }
.category .category-header ul { float: left;clear: left;margin: 0px 0px 8px 10px;padding: 0px;}
.category .category-header ul li {float: left; list-style:none;margin-right: 6px; padding-right: 8px; border-right: 1px solid #B9B9B9; }
.category .category-header ul li.not-started { border: none; }
.category table { border: 1px solid #B9B9B9;border-collapse: collapse;border-top: none;width: 100%; }
.category table tr td { border-bottom: 1px solid #B9B9B9;border-collapse: collapse;padding: 8px 0px 8px 0px;}
.category table .action-links { width: 250px; }
.category table .action-links-short, .course-history .action-links-short { width: 180px; }
.category table .action-links-short .icon-buttons { float: right; margin-right: 5px; }

.category table .icon-buttons, .course-description .icon-buttons, .course-history .icon-buttons  { border: 1px solid #B9B9B9; border-radius: 2px; background-position: 6px 50%; float: left; width: 28px;height: 28px;overflow: hidden;display: block;text-indent: -9999px; }
.category table .icon-buttons:hover, .course-description .icon-buttons:hover, .course-history .icon-buttons:hover { background-color: #f6f6f6; background-position: -30px 50%; }
.category table .review, .course-description .review { background: transparent url('/Images/iconView.png') no-repeat 6px 50%; }
.category table .retake, .course-description .retake, .topicHistory table .retake { background: transparent url('/Images/iconRetake.png') no-repeat 6px 50%; }
.topicHistory table .retake { float: right;margin-right: 5px;}
.category table .history, .course-description .history { background: transparent url('/Images/iconHistory.png') no-repeat 6px 50%;}
.category table .attachment, .course-description .attachment, .course-history .attachment { background: transparent url('/Images/iconAttachment.png') no-repeat 6px 50%; }

.category table .primary-buttons, .course-description .primary-buttons, .course-history .primary-buttons, span .primary-buttons  { border: 1px solid #B9B9B9; border-radius: 2px; float:right; width: 120px;height: 28px;line-height: 28px;text-align: center;text-decoration: none; margin-right: 5px; }
.category table .certificate, .course-description .certificate, .course-history .certificate { color: #535353; background: none; }
.category table .certificate:hover, .course-description .certificate:hover, .course-history .certificate:hover { color: #0F65A0; background-color: #f6f6f6; }
.category table .begin, .course-description .begin { border-color: #275f84; color: white; background: #0F65A0 url('/Images/blueButton.png') repeat-x;}
.category table .begin:hover, .course-description .begin:hover { background: #0F65A0 none;}
.category table .resume, .course-description .resume { color: #535353; background: #D8D8D8 url('/Images/grayButton.png') repeat-x; }
.category table .resume:hover, .course-description .resume:hover { color: #0F65A0; background: #D8D8D8 none; }
.category table .noTokens, .course-description .noTokens { border-color: #275f84; color: white; background: #0F65A0 url('/Images/blueButton.png') repeat-x; }
.category table .noTokens:hover, .course-description .noTokens:hover { background: #0F65A0 none; }

.category table h3, .category table h3 a {font-size: 13px;font-weight: bold; margin: 0px;padding: 0px;}
.category table h3 { padding-bottom: 5px; }
.category table h3 .job-title { font-size: 12px; font-weight: normal;}
.category table span.status-label { padding-right: 10px; margin-right: 5px; border-right: 1px solid #B9B9B9; }
.category table .not-started span.status-label { color: #A3A3A3; border: none; }
.category table span.additional-status { color: #5C5C5C; }

.category.closed table { display: none; }
.category.closed .category-header .expander { background-image: url('/Images/arrowRight.png'); }

/* topic oriented training view */

/* status and filter classes */
/* We're getting rid of the expired coloration; all expired/inprogress/not started fold into incomplete.
    However, we've had a lot of discussion and I feel they may come back, so just comment */
/*.expired, .expired h3, expired h3 a { color: #AF3834 !important; }
.expired .dot { background: url(Images/dotRed.png) no-repeat; } */

/* Here's the business rules we're trying to get right:
    Within the required topics, we show completed rows as green; all incompletes red.
    Within optional, completed still green, but all incompletes gray. */
/*.completed { color: #287B2B; }*/
.completed .dot { background: url('/Images/dotGreen.png') no-repeat; }
/*.reqd.pending, li.pending { color: #E47B17; }*/
.reqd.pending .dot { background: url('/Images/dotAmber.png') no-repeat; }
/*.reqd.incomplete, li.incomplete { color: #AF3834; }*/
.reqd.incomplete .dot { background: url('/Images/dotRed.png') no-repeat; }
/*li.optional, li.optIncomplete { color: #666666; }*/
.optional .dot { background: url('/Images/dotGray.png') no-repeat; }

.learningItem a { color: #1C6EA6; font-size: 11px; cursor: pointer;margin: 0px;padding: 0px;}
#lrn-list-top { min-height: 1em; }
#lrn-list-top div.filters { margin-top: 15px; }
#lrn-list-top fieldset.detail label { color: #454545; }
#lrn-list-top select { background-color: #EDEDED; }
#lrn-list-top ul.counts { padding: 0px;margin: 0px;margin-bottom: 15px;}
#lrn-list-top ul.counts li { list-style: none;float: left; padding: 0px; font-size: 13px; text-align:center; height: 25px; width: 160px; vertical-align: middle; margin: 5px; }
#lrn-list-top ul.counts li label { border-radius: 2px; display:block; white-space:nowrap; padding: 0px; line-height: 25px; height: 25px; width: 160px; border: 1px solid #E0E0E0; vertical-align: middle; }
#lrn-list-top ul.counts li label:hover, #list-top ul.counts li:hover { cursor: pointer; }
#lrn-list-top ul.counts li.incomplete-checked label{ border-color: #ECCCCD; background-color:#ECCCCD; }
#lrn-list-top ul.counts li.incomplete label:hover { border-color: #E1B7B8; background-color:#E1B7B8; }
#lrn-list-top ul.counts li.completed-checked label{ border-color: #D6E9D6; background-color:#D6E9D6; }
#lrn-list-top ul.counts li.completed label:hover{ border-color: #C1DFC3; background-color:#C1DFC3; }
#lrn-list-top ul.counts li.optional-checked label{ border-color: #EFEFEF; background-color:#EFEFEF; }
#lrn-list-top ul.counts li.optional label:hover{ border-color: #D8D8D8; background-color:#D8D8D8; }
#lrn-list-top ul.counts li.input { vertical-align: middle; }
#lrn-list-top ul.counts li .big-number { font-size: 16px; font-weight: bold; color: inherit;padding: 5px; }

#lrn-list-top .downloadTraining { float: right; }
#lrn-list-top .downloadTraining > a { margin-right: 1em; }
#lrn-list-top .downloadTraining > a:last-of-type { margin-right: inherit; }

.reqdCounts, .optionalCounts { font-weight: bold; color: #454545; }
.optionalCounts { border-left: 1px solid #B9B9B9; padding-left: 8px; }

#lrn-list-top .category-dropdown { float: right;line-height: 24px;margin-top: 15px; }
#lrn-list-top .category-dropdown span { font-weight: bold; }
#lrn-list-top .category-dropdown > * { float: right; }
#lrn-list-top .user-name { font-size: 24px;font-weight: bold; color:#454545; }
#lrn-list-top #top-layer, #lrn-list-top #top-layer-2 { width: 100%;overflow: hidden;}
#lrn-list-top #top-layer-2 .user { text-align: center; }
#lrn-list-top #top-layer .bread-crumb { float: left; display: inline; }
#lrn-list-top #top-layer .conditional { clear: both; float: right; margin-top: 5px; }
#lrn-list-top #top-layer .bread-crumb a {color: #1C6EA6; text-decoration: none;font-size: 11px;}

.learningItem { margin-bottom: 20px; }
.learningItem .learningItem-header { border: 1px solid #B9B9B9; background-color: #EDEDED; border-collapse: collapse; overflow: hidden; }
.learningItem .learningItem-header h2 { font-size: 16px; margin: 5px 0px 0px 10px; padding-top: 5px; color: #454545; float: left; }
.learningItem .learningItem-header h2 a { font-size: 14px; }
span.notation { font-weight: normal;color: #666666;font-size: 11px;}

.learningItem .learningItem-header ul { float: left; clear: left; margin: 0px 0px 20px 10px; padding: 0px;}
.learningItem .learningItem-header ul li {float: left; list-style:none; margin-left: 6px; padding-left: 8px; }

.learningItem table { border: 1px solid #B9B9B9;border-collapse: collapse;border-top: none;width: 100%; }
/*.learningItem table .studentName, .learningItem table .topicName {font-size: 13px;font-weight: bold; margin: 0px;padding: 0px;}*/
.learningItem table .adminOverride { float:right; margin-right: 10px;color: #626262; }
.learningItem table tr td { border-bottom: 1px solid #B9B9B9;border-collapse: collapse;padding: 8px 0px 8px 0px;}
.noBottom { border-bottom : none !important;}

/* link button oriented classes */
.learningItem table .icon-buttons, .topicHistory .icon-buttons  { border: 1px solid #B9B9B9; border-radius: 2px; background-position: 6px 50%; float: left; width: 28px;height: 28px;overflow: hidden;display: block;text-indent: -9999px; }
.learningItem table .icon-buttons:hover, .topicHistory .icon-buttons:hover { background-color: #f6f6f6; background-position: -30px 50%; }
.learningItem table .action-links { width: 250px; }
.learningItem table .action-links-short, .topicHistory .action-links-short { width: 180px; }
.learningItem table .action-links-short .icon-buttons { float: right; margin-right: 5px; }
.learningItem table .primary-buttons, .topicHistory .primary-buttons, .learningItem-header .primary-buttons { border: 1px solid #B9B9B9; border-radius: 2px; float:right; width: 120px;height: 28px;line-height: 28px;text-align: center;text-decoration: none; margin-right: 5px; }
.learningItem-header .headerButtons, .chgOptional, span .headerButtons { border-color: #275f84; color: white !important; background: #0F65A0 url('/Images/blueButton.png') repeat-x; margin-top: 14px; }
.learningItem-header .headerButtons:hover, .chgOptional:hover, span .headerButtons:hover { background: #0F65A0 none; }
.learningItem table .certificate, .topicHistory .certificate, .learningItem table .attachment, .learningItem table .history, .topicHistory.history { color: #535353; background: none; }
.learningItem table .certificate:hover, .topicHistory .certificate:hover, .learningItem table .attachment:hover, .topicHistory .attachment:hover, .learningItem table .history:hover, .topicHistory.history:hover  { color: #0F65A0; background-color: #f6f6f6; }
.topicHistory .attachment { background: transparent url('/Images/iconAttachment.png') no-repeat 6px 50%; }

.topicHistory { margin-left: 40px; margin-bottom: 20px; text-align: left; }
.topicHistory h1 { padding: 0px; margin: 0px; }
.topicHistory p { padding: 0px; margin: 0px 0px 10px 0px; }

.learningItem.closed table { display: none; }
.learningItem.closed .learningItem-header .expander { background-image: url('/Images/arrowRight.png'); }

.noButtons { display: none; }

/* In the group summary, we're trying to make it not use tables, so some new styling for the divs and spans and whatnot */
.learningHeader { text-align: center; }
.learningHeader span.title { font-size: 24px;font-weight: bold; color:#454545; }
.learningBlock { margin-bottom: 10px;margin-top: 10px; }
.learningTopic { width: 100%; background-color: #EDEDED; border: 1px solid #B9B9B9; border-collapse: collapse; overflow: hidden; height: 65px; }
.learningTopic .expander  
{
    background: url("/Images/arrowDownNew.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0); 
    cursor: pointer; 
    display: block; 
    float: right; 
    height: 65px; 
    width: 110px; 
    line-height: 65px; 
    color: #1C6EA6;
    margin-right: 20px;
}
.learningTopic.closed .expander { background: url("/Images/arrowRightNew.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);}
.learningTopic .name { font-size: 14px; color: #454545; margin-left: 10px; padding: 8px 0px 8px 0px; font-weight: bold; }
.learningTopic .data { font-size: 12px; margin-left: 10px; }
.learningTopic .dataCompliant { color: Green; }
.learningTopic .dataNoncompliant { color: #af3834; }
.learningTopic .dataPercent { font-weight: bold; }
.learningData .name { width: 50%; }
.learningData .header { font-size: 13px; font-weight: bold; margin-top: 5px; }
.learningData .data { width: 24%; text-align: center; font-size: 12px; padding-top: 5px; padding-bottom: 2px; }

/* "my topics" stuff */

.myTopicHeaderBox h2 { font-size: 24px; margin: 5px 0px 0px 10px; padding-top: 5px; color: #454545; float: left; }

/*.myTopicHeaderBox .expander
{
    background: url("/Images/arrowDownNew.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0); 
    cursor: pointer; 
    display: block; 
    float: right; 
    height: 88px; 
    width: 110px; 
    line-height: 88px; 
    color: #1C6EA6;
    margin-right: 20px;
}*/
/*.myTopicHeaderBox.closed .expander, tr td.expander .expander.closed { background: url("/Images/arrowRightNew.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);}*/

tr td.expander .expander 
{
    background: url("/Images/arrowDownNew.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0); 
    cursor: pointer; 
    display: block; 
    float: right; 
    width: 110px; 
    color: #1C6EA6;
    margin-right: 20px;
}


.topicCategory { padding-top: 10px; }
.topicCategory .categoryName { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.topicCategory .topicList { border-bottom: 1px solid #B9B9B9; }
.topicCategory .topics { border-top: 1px solid #B9B9B9; border-left: 1px solid #B9B9B9; border-right: 1px solid #B9B9B9; width: 100%; border-collapse: collapse; padding-top: 10px; padding-bottom: 10px; }
.topics.compliant { color: Green; }
.topics.incompliant { color: #af3834; }
.topics.pracEval { color: #E47B17; }
.myTopicHeaderBox .title {margin-left: 10px; margin-top: 10px;}
.myTopicHeaderBox ul { float: left; margin: 0px 0px 8px 10px;padding: 0px;}
.myTopicHeaderBox ul li {float: left; list-style:none;margin-right: 6px; padding-right: 8px; border-right: 1px solid #B9B9B9; }
.myTopicHeaderBox ul li.compliant, .myTopicHeaderBox ul li.compliant span { color: Green; }
.myTopicHeaderBox ul li.incompliant, .myTopicHeaderBox ul li.incompliant span { border-right: none;color: #af3834; }

#divTopic .dot { height: 33px; vertical-align: middle; display: inline-block;}
#divTopic.compliant .dot { background: url('/Images/dotGreen.png') no-repeat; }
#divTopic.incompliant .dot { background: url('/Images/dotRed.png') no-repeat;}
#divTopic.pracEval .dot { background: url('/Images/dotAmber.png') no-repeat;}
.topicInfo span.topicTitle { font-weight: bold; font-size: 13px; }
#divTopic span.topicInfo { display: inline-block; width: 500px; }
#divTopic span.topicInfo div { padding: 5px; }
span.topicButtons { float: right; width: 120px; height: 30px;padding-top: 14px; margin-right: 5px;}
span.topicButtons a {  float:right; width: 120px;height: 28px;line-height: 28px;text-align: center;text-decoration: none; }
span.topicButtons a.disabled { color: #535353; background: #0F65A0 url('/Images/grayButton.png') repeat-x;}
span.topicButtons a.disabled:hover { background: #F1F1F1; }
span.topicButtons span.expander {
    background-image: url('/Images/WhiteArrow.png');
    background-repeat: no-repeat; 
    height: 11px;
    width: 13px;
    display: inline-block;
    text-align: center;
    margin-top: 10px; 
    border: none;
}

span.topicNoButtons { float: right; font-style: italic; font-size: 12px; color: #626262; padding-right: 5px; }
/*div.modalHeader {width: 90%; height: 40px; padding-bottom: 20px;}*/
/*div.modalHeader span {float: left; text-align: left; height: 40px;padding-left: 5px; padding-top: 10px; font-size: 11px; font-weight: bold; background-color: #b2b2b2; color: #FFFFFF; }*/

.topicDescription { padding: 5px 0px 5px 0px; }

h1.learningPerson { font-size: 13px; font-weight: normal; margin-left: 2px; line-height: 13px; color: #454545; }

/* KPI stuff */
.kpiCategory { margin-bottom: 20px; }
.kpiCategory .category-header { border: 1px solid #B9B9B9; background-color: #EDEDED; border-collapse: collapse; overflow: hidden; }
.kpiCategory .category-header h2 { font-size: 16px; margin: 5px 0px 5px 10px; padding-top: 5px; color: #454545; float: left; }
.kpiCategory .category-header h2 a { font-size: 14px; }
.kpiCategory .category-header .expander { background: url('/Images/arrowDown.png') no-repeat 5px 50%;height: 65px;width: 30px;float: right;display: block;cursor: pointer; }
.kpiCategory .category-header .expander:hover { background-color: #F4F4F4; background-position: -35px 50%; }
.kpiCategory .category-header ul { float: left;clear: left;margin: 0px 0px 8px 10px;padding: 0px;}
.kpiCategory .category-header ul li {float: left; list-style:none;margin-right: 6px; padding-right: 8px; border-right: 1px solid #B9B9B9; }
.kpiCategory .category-header ul li.not-started { border: none; }
.kpiCategory table { border: 1px solid #B9B9B9;border-collapse: collapse;border-top: none;width: 100%; }
.kpiCategory table tr td { border-bottom: 1px solid #B9B9B9;border-collapse: collapse;padding: 8px 0px 8px 0px;}
.kpiCategory table .action-links { width: 250px; }
.kpiCategory table .action-links-short, .course-history .action-links-short { width: 180px; }
.kpiCategory table .action-links-short .icon-buttons { float: right; margin-right: 5px; }

.kpiCategory table .icon-buttons, .course-description .icon-buttons, .course-history .icon-buttons, .topicHistory .icon-buttons  { border: 1px solid #B9B9B9; border-radius: 2px; background-position: 6px 50%; float: left; width: 28px;height: 28px;overflow: hidden;display: block;text-indent: -9999px; }
.kpiCategory table .icon-buttons:hover, .course-description .icon-buttons:hover, .course-history .icon-buttons:hover, .topicHistory .icon-buttons:hover { background-color: #f6f6f6; background-position: -30px 50%; }
.kpiCategory table .review, .course-description .review { background: transparent url('/Images/iconView.png') no-repeat 6px 50%; }
.kpiCategory table .retake, .course-description .retake { background: transparent url('/Images/iconRetake.png') no-repeat 6px 50%; }
.kpiCategory table .history, .course-description .history { background: transparent url('/Images/iconHistory.png') no-repeat 6px 50%;}
.kpiCategory table .attachment, .course-description .attachment, .course-history .attachment { background: transparent url('/Images/iconAttachment.png') no-repeat 6px 50%; }

.kpiCategory table .primary-buttons, .course-description .primary-buttons, .course-history .primary-buttons  { border: 1px solid #B9B9B9; border-radius: 2px; float:right; width: 120px;height: 28px;line-height: 28px;text-align: center;text-decoration: none; margin-right: 5px; }
.kpiCategory table .certificate, .course-description .certificate, .course-history .certificate { color: #535353; background: none; }
.kpiCategory table .certificate:hover, .course-description .certificate:hover, .course-history .certificate:hover { color: #0F65A0; background-color: #f6f6f6; }
.kpiCategory table .begin, .course-description .begin { border-color: #275f84; color: white; background: #0F65A0 url('/Images/blueButton.png') repeat-x;}
.kpiCategory table .begin:hover, .course-description .begin:hover { background: #0F65A0 none;}
.kpiCategory table .resume, .course-description .resume { color: #535353; background: #D8D8D8 url('/Images/grayButton.png') repeat-x; }
.kpiCategory table .resume:hover, .course-description .resume:hover { color: #0F65A0; background: #D8D8D8 none; }
.kpiCategory table .noTokens, .course-description .noTokens { border-color: #275f84; color: white; background: #0F65A0 url('/Images/blueButton.png') repeat-x; }
.kpiCategory table .noTokens:hover, .course-description .noTokens:hover { background: #0F65A0 none; }

.kpiCategory table h3, .category table h3 a {font-size: 13px;font-weight: bold; margin: 0px;padding: 0px;}
.kpiCategory table h3 { padding-bottom: 5px; }
.kpiCategory table h3 .job-title { font-size: 12px; font-weight: normal;}
.kpiCategory table span.status-label { padding-right: 10px; margin-right: 5px; border-right: 1px solid #B9B9B9; }
.kpiCategory table .not-started span.status-label { color: #A3A3A3; border: none; }
.kpiCategory table span.additional-status { color: #5C5C5C; }

.kpiCategory.closed table { display: none; }
.kpiCategory.closed .category-header .expander { background-image: url('/Images/arrowRight.png'); }

.error-message { border: 1px solid #E09292; margin: 10px;padding: 10px 10px 10px 40px; background: #FFDDDC url('/Images/caution.png') no-repeat 10px 50%; }
.error-message .error-title, .error-message .recommended-title { color: #AE3836; }
.error-message .error-body { color: #3D3D3F; }
.error-message .error-body a { color: #1C6EA6; font-size: 11px; }

.course-description { text-align: left; padding: 0px 20px; }
.course-description ul.buttons { overflow: hidden;padding-left: 0px;margin-top: 25px; }
.course-description ul.buttons li { float: left;list-style: none;margin-right: 10px;width: 90px;line-height: 40px;}
.course-description ul.buttons li a.action { width: auto;background-image: none;border: 1px solid black;padding: 2px;height: 40px;}
.course-description ul.buttons li a.action:hover { font-weight: normal; }

.course-history { margin-left: 40px; margin-bottom: 20px; text-align: left; }
.course-history h1 { padding: 0px; margin: 0px; }
.course-history p { padding: 0px; margin: 0px 0px 10px 0px; }
.course-history .datalist { border: 1px solid #626262; clear: both; }
.course-history .datalist td { white-space: nowrap; padding: 4px; }

div.announcement
{
    color: Black;
    background-color: #F9F9F9;
    padding: 3px 3px 3px 20px;
    border: 1px solid #d1d2d4;
}

div.announcement a
{
    color: #287a29;
}


/* Styling for KPI stuff.  We might want to re-use some of this in the future to 
    move toward a newer look.  I imagine we'll improve these over time. */
.label-right
{
    text-align: right;
    padding-right: 10px;
}
.input-left
{
    text-align: left;
}
.breadcrumbButton
{
    background: url('/Images/ButtonNavBackground.png');
    color: White;
    border-width: 0px;
    width: 157px;
    height: 31px;
    cursor: pointer;
}
.breadcrumbButtonMiddle
{
    background: url('/Images/ButtonNavBackgroundMiddle.png');
    color: White;
    border-width: 0px;
    width: 157px;
    height: 31px;
    cursor: pointer;
}

.questionHeader
{
    font-weight: bold;
}
.rblItemSpacing
{
    margin-right: 10px;
}
.yesNo
{
    width: 110px;
    float:right;
    margin-left: 50px;
}
.questionMarkTooltip 
{
    vertical-align:middle; 
    margin-top: -5px;
}
/*This class helps us to make a span do something 
 like a float-right, but vertically position its content
 in the middle.  Note that this relies on the parent container
 having position:relative set, and the margin-top expects the 
 overall line-height to be 2em (this is setting the top of
 this container to 50% of the parent, then backing up the top
 -1em to be half of the normal line-height). */
.rightMiddle
{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1em;
}
div.questionList
{
    border: 1px solid black; 
    background-color: #EDEDED; 
    padding: 20px 140px 20px 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    position:relative;
}
.questionList table
{
    width: 100%;
}

div.breadcrumb
{
    margin-bottom: 10px;
    height: 31px;
}

.programCategory
{
    padding-bottom: 20px;
}

.programComplete { color: #287B2B;}
.programComplete .dot { background: url('/Images/dotGreen.png') no-repeat;  margin: 0px 0px 0px 22px; padding: 0 8px;}
.programComplete a {  color: #287B2B; font-weight: bold; font-size:13px; }
.programIncomplete { color: #AF3834;}
.programIncomplete .dot { background: url('/Images/dotRed.png') no-repeat;  margin: 0px 0px 0px 22px; padding: 0 8px;}
.programIncomplete a { color: #AF3834; font-weight: bold; font-size: 13px; }
.programInProgress { color: #3285BE;}
.programInProgress .dot { background: url('/Images/dotBlue.png') no-repeat;  margin: 0px 0px 0px 22px; padding: 0 8px;}
.programInProgress a { color: #3285BE ; font-weight: bold; font-size: 13px; }
.programNotStarted { color: #D9D9D9; }
.programNotStarted .dot { background: url('/Images/dotGray.png') no-repeat; margin: 0px 0px 0px 22px; padding: 0 8px; }
.programNotStarted a { color: #D9D9D9; font-weight: bold; font-size: 13px; }
.programLapsedNew { color: #F7931E; }
.programLapsedNew .dot { background: url('/Images/dotAmber.png') no-repeat; margin: 0px 0px 0px 22px; padding: 0 8px; }
.programLapsedNew a {color : #F7931E; font-weight: bold; font-size: 13px; }

.category table .indicator-links  
{
    width: 150px; 
    text-align: center;
}
.category table .viewdoc { color: #535353; background: #D8D8D8 url('/Images/grayButton.png') repeat-x; }
.category table .viewdoc:hover { color: #0F65A0; background: #D8D8D8 none; }

.indicatorText
{
    color: #5C5C5C;
}

.kpiClose
{
    line-height: 1em;
}

.impersonationText
{
    float: right;
    margin-right: 10px;
    color: #626262;
}


/* group KPI summary crap */

.groupKPISummary
{
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #B9B9B9;
}
.groupKPISummary td
{
    padding: 3px;
    border: 1px solid #B9B9B9;
}
.kpiGroupSummaryAlt
{
    background-color: #EDEDED;
}
.kpiGroupSummary    
{
    background-color: #FFFFFF;
}
.kpiGroupSummaryHeader
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: relative;
    -ms-transform: rotate(-90deg);
}
.tableHeaderRotate 
{
    font-size: 13px;
    background-color: #EDEDED;
}
.tableHeader
{
    font-size: 13px;
    background-color: #B9B9B9;
}
.kpiDownloadLink
{
    float: right;
}
.kpiDownloadLink a:hover
{
    cursor: pointer;
}

.section
{
    border: 0px none;
    border-bottom: 1px solid #B2B2B2;
}
.section fieldset
{
    border: 0px none;
}
.section input,
.section select
{
    background-color: #EDEDED; 
    border: 1px solid #B9B9B9;
}
.section input[type='text'],
.section input[type='password']
{
    width: 180px;
}
h1.sectionHeader
{
    font-weight: normal;
}
.sectionHeader 
{
    font-size: 16px;
    color: #005B99;
}
legend.sectionHeader
{
    margin-left: -10px;
    padding: 0px;
    width: 200px;
    float: left;
}
.sectionSubheader
{
    font-style: italic;
}
.inputLabelNote
{
    font-style: italic;
    font-size: 10px;
}
.normalInput
{
    width: 200px;
}
.wideInput
{
    width: 380px !important;
}
.mediumInput
{
    width: 100px !important;
}
.narrowInput
{
    width: 50px;
}
.newValidator 
{ 
    font-size: 13px; 
    font-weight: normal; 
    color: Red; 
    margin: 0px; 
}
div.newValidator
{
    padding: 15px;
    background-color: #ECCCCD;
    border: 1px solid #FF0000;
    margin: 5px;
    width: 780px;
}
.newValidator ul
{
    color: Red;
    list-style: none;
    width: 730px;
}
.newValidator li
{
    padding-bottom: 10px;
}


/* I'm trying to figure out a way to migrate so new pages
    get a new look without corrupting the old pages.

    When we first starting doing the KPI project, Danielle
    came up with these new style ideas.  Now that we've added
    a second thing (ALI/Token Management), I'm trying to take
    the common styles and give them a more generalized name.

   So this section is an attempt to corral all of these 
    new styles.  For new pages, for example, we're surrounding
    the content with a div with class kpaDefault to get that style.

   When we convert over, I guess we'd just change this to the body
   style and get rid of those divs?
 */
.kpaDefault
{
    font-size: 13px;
    line-height: 1.4em;
}
.kpaRow h2,
.kpaRowAlt h2 
{ 
    font-size: 16px; 
    margin: 5px 0px 5px 10px; 
    padding-top: 5px; 
    color: #454545; 
    float: left; 
}

.headerText
{
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}
.headerText h1
{
    font-size:20pt;
    font-weight: bold;
    color: Black;
}
.headerText h2
{
    font-size: 12pt;
    font-weight: bold;
    color: Black;
    padding-top: 0px;
}

.rightCellBorder
{
    border-right: 1px solid #B9B9B9;
}

.innerTableColumnPadding
{
    padding-left: 5px;
}

.tokenCount
{
    color: #454545;
    vertical-align: top;
    padding-right: 3px;
    font-weight: bold;
    font-size: 18px;
}

.grayDivider
{
    background-color: #B9B9B9;
    vertical-align: middle;
    display: inline-block;
    width: 1px;
    position: relative;
    height: 100%;
}

.explanatoryText
{
    font-size: 11px;
    font-style: italic;
    margin-left: 20px;
}

.regulatory
{
    color: Red; font-size: 9px; font-weight: bold;
}

.kpiRejection
{
    background-color: #ffaaaa;
}
.kpiApproval
{
    background-color: #D8FFD8;
}

.acctResults td
{
    font-size: 10px;
}

.clientHomeLead {
    width: 645px;
    float: left;
}
.newsHeadline { font-size: 12px; }

td.itemListButtons {
    width: 90px;
    text-align: center;
}

.inactive {
    color: red;
}

.autocompleteSelected {
    border-style: solid !important;
    border-width: 2px !important;
    border-color: green !important;
}

.remove-spacing {
    margin: 0 !important;
    padding: 0 !important;
}

.resultContainer .btn {
    width: auto !important;
    height: auto !important;
    padding: 0 1em 0 1em;
    margin: 0;
}

.resultHeader {
    padding: 10px;
    border: 1px solid #B9B9B9;
    background-color: #EDEDED;
}

.resultHeader-title {
    color: #454545;
    font-weight: bold;
    font-size: large;
}

.resultItem {
}

.resultItem-title {
    font-weight: bold;
    font-size: larger;
}

.resultItem-description {
    cursor: pointer;
    font-size: 110%;
}

/*.item-status:before {
    font-family: FontAwesome;
    font-weight: normal;
    padding-right: 0.5em;
}*/

.resultHeader-info .item-status {
    margin-right: 1em;
}

.item-status.item-required {
    color: #AF3834;
}

/*.item-status.item-required:before {
    content: "\f06a";
}*/

.item-status.item-optional, .optional .item-status.item-incomplete {
    color: #999;
}

/*.item-status.item-optional:before, .optional .item-status.item-incomplete:before {
    content: "\f111";
}*/

/*.item-status.item-complete {
    color: #287B2B;
}*/

/*.item-status.item-complete:before {
    content: "\f05d";
}*/

/*.item-status.item-pending {
    color: #E47B17;
}*/

/*.item-status.item-pending:before {
    content: "\f10c";
}*/

/*.item-status.item-incomplete {
    color: #AF3834;
}*/

/*.item-status.item-incomplete:before {
    content: "\f10c";
}*/

.completed .item-status:before, .pending .item-status:before, .incomplete .item-status:before, .resultItem .item-status:before {
    font-size: large;
}

.normal-weight {
    font-weight: normal !important;  
}