﻿.width-30-Percent 
{
     width: 30% !important;
}

.width-32-Percent 
{
     width: 32% !important;
}

.width-36-Percent 
{
     width: 36% !important;
}

.width-46-Percent 
{
     width: 46% !important;
}

.width-48-Percent, .label-48-PercentWidth label
{
    width: 48% !important;
}

.width-49-Percent, .input-49-PercentWidth input 
{
    width: 49%;
}

.width-8em {
    width: 8em !important;
}

.width-10_5em {
    width: 10.5em;
}

.width-100-Percent 
{
     width: 100% !important;
}

.positionAbsolute 
{
    position: absolute;    
}

.requiredActive
{
    border-color: #ff0000;
    border-style: solid;
    border-width: thin;
    padding: 2px 1px 2px 1px;
}

.joKOGrid {
    background-color:White;
    border-collapse: collapse;
    width: 100%;
    margin: .5em 0 .5em 0;
}

.joKOGrid label, .joKOGrid input, .joKOGrid select, .joKOGrid textarea {
    width: 98%;
    color: #000000 !important;
    height: 20px;
}

.joKOGrid span 
{
    padding: .2em;
    color: #000000 !important;
}

.joKOGrid th
{
    text-align:center; 
    background-color: #5c5b5b; 
    color:#ffffff;
    border: 1px solid silver;
    padding: 0.6em;
}

.joKOGrid td
{
    height: 20px;
    padding: .2em;
    border: 1px solid silver;
    color: #000000 !important;
}

.joKOGrid .actionColumn
{
    text-align: center;   
}

.joKOGrid tr:nth-child(odd) 
{
    background-color: #e5e5e5;
}

.joKOGrid .actionLinks {
    color: #060083 !important;
}

.informationIcon 
{
   float: left;
   margin-right: .3em;
}

.highlightedNotificationBox 
{
    font-weight: normal; 
    padding: 0.4em 0.3em; 
    margin-top: .5em;
    margin-bottom: .2em;
    text-align: justify;   
}

.noPadding 
{
    padding: 0 !important;    
}

.validationMessage 
{
    display: inline-block;
    float: right;
    margin-right: 28px;
    color: #FF0000 !important;
}

.width-39px {  
  width: 39px !important;
}

.width-42px {  
  width: 42px !important;
}

.width-750-px {  
  width: 750px !important;
}
.right-inherit {
    right: inherit !important;
}

.text-align-justify {
    text-align: justify;   
}

.width70px 
{
    width: 70px;    
}

.width-99-percent
{
    width: 99% !important;
}

.width-95-percent {
    width: 95% !important;
}

.width-90-percent {
    width: 90% !important;
}

.width-60-percent {
    width: 60% !important;
}

.width-65-percent {
    width: 65% !important;
}

.height-1_25em {
    height: 1.25em !important;
}

.height-inherit 
{
    height: inherit;
}

.height-35px {
    height: 35px;
}

.height-39px {
    height: 39px;
}

.height-42px {
    height: 42px;
}

.margin-3px {
    margin: 3px !important;
}

.margin-5px {
    margin: 5px;
}

.margin-bottom-10px
{
    margin-bottom: 10px;
}

.margin-left-2px {
    margin-left: 2px;
}

.margin-left-15px {
    margin-left: 15px;
}

.margin-left-75px {
    margin-left: 75px;
}


.margin-left--14px {
    margin-left: -14px;
}

.width6px 
{
     width: 6px;
}

.width12px 
{
    width: 12px !important;
}

.floatRight 
{
    float: right;   
}

.center {
    text-align: center;
    vertical-align: middle;
}

.floatLeft 
{
    float: left;
}

.marginTop4px
{
    margin-top: 4px;
}

.margin-Top-10px
{
    margin-top: 10px;
}

.margin-Top-15px
{
    margin-top: 15px;
}

.silver-line {
    border-bottom: 1px solid #C4C4C4;
}

.padding-top-85px {
    padding-top: 85px;
}

.padding-bottom-3px {
    padding-bottom: 3px;
}

.margin-right-7px {
    margin-right: 7px;
}

.margin-right-27px {
      margin-right: 27px;
}

.margin-bottom-50px {
    margin-bottom: 50px;
}

.margin-0-0-7px-0 {
    margin: 0 7px 0 0;
}

.margin-6px-0-5px--10px {
    margin: 6px 0 5px -10px;
}

.border-radius-top-left-10px {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}

.border-radius-top-right-10px {
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

.border-radius-5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.border-radius-10px {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.background-green {
    background-color: green !important;
}

.bold {
    font-weight: bold;
}

.color-white {
    color: white !important;
}

.color-green {
    color: rgb(0, 153, 0) !important;
}

.color-red {
    color: red !important;
}


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

.text-align-center {
    text-align: center;
}

.text-align-right 
{
    text-align: right;   
}

.right-90px {
    right: 90px !important;
}

a.customButton {
    padding: 6px 12px;
    text-decoration: none;
}

span.customButton {
    padding: 6px 12px;
    text-decoration: none;
}

span.button 
{
    cursor: pointer;
    margin: 2px;
}

.ui-icon-white {
  background-image: url("../../../../Content/_Tenants/Shared/img/icons/ui-icons_ffffff_256x240.png") !important;
}

.font-size-0-8em {
    font-size: 0.8em;
}

.font-size-8pt 
{
    font-size: 8pt !important;
}

.padding-left-15px {
    padding-left: 15px !important;
}

.vertical-align-top 
{
    vertical-align: top;
}

.ssnLink 
{
    text-align: right !important;
    font-size: 8pt !important;
    width: 46%;
    vertical-align: top;
    height: inherit;
}

.formButtons
{
    padding: 10px 10px 10px 10px;
    font-size: 8pt;
    float:left;
}

.ui-state-default .ui-th-column.ui-th-ltr
{
    background: none;
    background-color: #3e5293; /*Dark Blue*/
    color: #FFFFFF; /*White*/
    font-size: 8pt;
    font-weight: bold;
}

.fillLabel input
{
    width: 20% !important;
}

.fillLabel label
{
    width: 80% !important;
}

.fillLabel17_5 label
{
    width: 17.5% !important;
}

.fillLabel30 label
{
    width: 30% !important;
}

.fillLabel95 label
{
    width: 95% !important;
}

.fillLabel100 label
{
    width: 100% !important;
}

.inlineAnchorLink
{
    cursor: pointer;
    text-decoration: underline;
    color: #1B2079; /*Blue*/
    font-weight: normal;
}

.withSpinner
{
    clear: left;
    width: auto;
}

.nextLine
{
    clear: both;
}

.readonly
{
    background-color: transparent;
    border-style: none;
}

.non-bold
{
    font-weight: normal;
}

A.actionLinks
{
    font-size: 10pt;
    color: #0000FF; /*Blue*/
    font-weight: normal;
}

span.actionLinks
{
    display: inline-block;
    font-size: 10pt;
    color: #0000FF !important; /*Blue*/
    cursor: pointer;
    text-decoration: underline;
}

.ui-tabs .ui-tabs-panel {
	padding: 5px;
	margin:0px;
}

.off
{
    display: none;
}

.ui-dialog-titlebar.ui-widget-header
{
    background-image: url("../img/RadBlueGradient.gif");
    background-repeat: repeat-x;
    background-position: left center;
    background-color: rgb(255, 255, 255);
    height: 25px;
    padding: 0px;
    color: #FFFFFF; /*White*/
}

/*JQ GRID CSS*/
.ui-widget-content.no-border
{
    border: none;
}

.ui-state-default.ui-th-column.ui-th-ltr
{
    background: none;
    background-color: #3e5293; /*Dark Blue*/
    color: #FFFFFF; /*White*/
    font-size: 8pt;
    font-weight: bold;
}

.ui-widget-content.jqgrow.ui-row-ltr
{
    font-size: 9pt;
}

.no-border div.ui-widget-content
{
    border: none;
}

.ui-state-active.no-border
{
    border: none;
}

.ui-state-default.no-border
{
    border: none;
}

.ui-corner-top
{
    border: none;
}

.ui-widget div.ui-paging-info
{
    font-size: 8pt;
    font-weight: bold;
    margin-top: -2px;
}

.ui-widget table.ui-pg-table
{
    font-size: 8pt;
    font-weight: bold;
    height: 10px;
}

SPAN.jqGridActionLinks
{
    display: inline-block;
    font-size: 8pt;
    color: #0000FF; /*Blue*/
    cursor: pointer;
    text-decoration: underline;
    padding: 0px 10px 0px 10px;
}

.jqGridOutterTopMenuDIV
{
    display: block;
    padding: 0px 0px 5px 0px;
}

/*JQ Grid row styles*/
.ui-widget-content.ui-state-highlight
{
    background: none;
    background-color: #8FC0FF; /*Light Blue*/
}

.ui-widget-content.ui-state-hover
{
    background: none;
    background-color: #CFE5FF; /*Really Light Blue*/
    cursor: pointer;
}

/*JQ Grid pager style*/

.ui-jqgrid .ui-jqgrid-pager
{
    height: 22px;
    border: 0px;
}

.ui-widget-content .ui-state-hover
{
    background: none;
    background-color: #CFE5FF; /*Really Light Blue*/
    border-left: #3e5293 1px solid; /*Dark Blue*/
    border-right: #3e5293 1px solid; /*Dark Blue*/
}

.ui-jqgrid .ui-pg-button:hover
{
    padding: 1px;
}


.ui-jqgrid .loading
{
    background-repeat: no-repeat;
    height: 40px;
}

form .focus
{
    outline: none;
    color: #333;
    padding: 1px 1px 1px 1px;
    border: 2px solid #6AA0F7;
}

.padding-top-3px 
{
    padding-top: 3px;    
}

.padding-right-3px 
{
    padding-right: 3px;    
}

.margin-200px-10px-10px-8px 
{
    margin: 200px 10px 10px 8px;
}

.vertical-align-top 
{
    vertical-align: top;
}

.vertical-align-middle 
{
    vertical-align: middle;
}

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

.padding-2px 
{
    padding: 2px;
}

.ui-widget {
    font-size: inherit !important;
}