/*---------------------------------------------------------------------------*/
/* MAIN definitions                                                          */
/*---------------------------------------------------------------------------*/
body.logonBody, .logonBody p,.logonBody th,.logonBody td {
	font-family: Tahoma, Arial, Verdana, sans-serif !important;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
}
.popupBody,.popupBody p,.popupBody th,.popupBody td {
	font-family: Tahoma, Arial, Verdana, sans-serif !important;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
}

body.logonBody {
	width: 100%;
	min-width: 700px;
	background-color: #ffffff;
    width: expression(document.body.clientWidth < 700 ? "700px" : "100%" );
}

body.narrowBody,
body.testBody,
body.testBodyColor {
    min-width: 350px;
    width: 100%;
    width: expression(document.body.clientWidth < 350 ? "350px" : "100%" );
}

body.testBodyColor {
	background-color: #eeeeee;
}

body.testBody #contentRightside {
	padding: 10px !important;
}

body.logonBody {
    background-color: #ffffff;
}

body.pageBody {
    background-color: #ffffff;
}

img {
    border: 0;
}

a.img {
    border: 0;
}

a {
	color: #003399;
}

a:hover {
	color: #0066CC;
}

.blue_bg {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #bacaeb;
}

a.blue_bg {text-decoration: none }
a.blue_bg:hover {text-decoration: underline; color: #ffffff }

.margin-cushion {
	margin-top: 10px !important;
	margin-bottom: 5px !important;
}

.hostedlogonBody #delegate {
    width: 250px;
}

.hosted-module input[type=text],
.hosted-popup input[type=text],
.hosted-Content-rightside input[type=text]:not(.x-form-field), 
.hosted-Content-rightside input[type=password]:not(.x-form-field), 
.hosted-Content-rightside textarea:not(.x-form-field), 
.hosted-Content-rightside select:not(.x-form-field),
.hosted-Content-rightside .x-form-text  {
	font-size: 13px !important;
	font-family: Nunito-Regular !important;
	border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 3px;
}


.hosted-module option,
.hosted-popup option,
.hosted-Content-rightside option{
	background-color: #333333;
    color: #C9C9C9;
    text-align: left;
    line-height: normal;
    font-family: 'Nunito-Regular', 'Nunito';
    font-weight: 400;
    font-style: normal;
   font-size: 11px;
   cursor: pointer;
}

.hosted-Content-rightside option[selected] {
    background: #868686;
}

.hosted-Content-rightside .hostedDelegateModule{
	position: absolute;
	top: 120px;
}

.hosted-module input[type=text]:not(.x-form-field):focus ,
.hosted-popup .narrowText:not(.x-form-field):focus,
.hosted-Content-rightside .narrowText:not(.x-form-field):focus,
.hosted-popup input[type=text]:not(.x-form-field):focus ,
.hosted-popup select:not(.x-form-field):focus ,
.hosted-popup textarea:not(.x-form-field):focus,
.hosted-module select:not(.x-form-field):focus ,
.hosted-module textarea:not(.x-form-field):focus,
.hosted-Content-rightside select:not(.x-form-field):focus,
.hosted-Content-rightside textarea:not(.x-form-field):focus,
.hosted-Content-rightside input[type=text]:not(.x-form-field):focus,
.hosted-Content-rightside  .x-form-text:focus
 {
	border: 1px solid #FF791A;
    border-radius: 3px;
    padding: 3px;
}

.normal-Content-rightside input[type=text]:not(.x-form-field), 
.normal-Content-rightside input[type=password]:not(.x-form-field), 
.normal-Content-rightside textarea:not(.x-form-field), 
.normal-Content-rightside select:not(.x-form-field) {
	font-size: 13px !important;
	font-family: Tahoma, Arial, Verdana, sans-serif !important;
	border: 1px solid #bbb;
    border-radius: 3px;
    padding: 3px;
}

.hosted-module label,
.hosted-popup label,
.hosted-Content-rightside label {
    height: 18px;
    font-family: 'Nunito-Bold', 'Nunito Bold', 'Nunito';
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    text-align: right; 
    padding-right: 25px;
}


input {
	width: auto;
	background-color: transparent;
}

textarea {
	background-color:transparent;
}

select {
	margin: 1px;
}

select.normalHeight {
    height: 2em;
}

#mainBlock {
	background-color: #ffffff;
    border-collapse: collapse;
    margin-left: -2px;
	width: 100%;
}

#mainBlock td {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#leftNavigation {
	
}

#contentRightside {
	background-color: #ffffff;
	padding: 10px !important;
}

#navPath, #navPathDiag {
	padding-bottom: 20px;
}

.pagePath {
	font-family: Tahoma, Arial, Verdana, sans-serif !important;
	font-size: 11px;
	color: #333333;
}

.pageName {
	font-family: Arial, Verdana, sans-serif;
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-top: -8px;
}

.header {
	font-family: Arial, Verdana, sans-serif;
	font-size: 22px;
	color: #333333;
	line-height: 32px;
	font-weight: bold;
}

.basicBorder {
	border: 1px solid #bacaeb;
	padding: 2px;
	margin: 1px;
}

.basicBorder-focus, .basicBorder:focus{
	margin: 0px;
	border: 2px solid #ddca00;
	padding: 2px;
}

.normal-module .basicDisabled ,
.normal-popup .basicDisabled,
.normal-Content-rightside .basicDisabled {
	background-color: #eeeeee;
	cursor: default;
	color: #666666;
}


.hosted-module .basicDisabled ,
.hosted-popup .basicDisabled,
.hosted-Content-rightside .basicDisabled {
	background-color: #F2F2F2;
	cursor: default;
	color: #666666;
}


.leftPadding {
    margin-left: 10px;
}

.rightPadding {
    margin-right: 10px;
}

.leftExtraPadding {
    margin-left: 25px !important;
}

.rightExtraPadding {
    margin-right: 25px !important;
}

.checkbox { margin-bottom: 0px;}
.logonField { width: 150px; }
.selectionField { width: 255px !important; }
.selectionFieldNarrow { width: 150px !important; }

input[readonly=readonly],
.readonly, .disabled {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

fieldset {
	background-color: #ffffff;
}

fieldset.disabled {
	cursor: default;
	color: #cccccc;
	background-color: #eeeeee !important;
	border: 2px solid #cccccc;
}

fieldset.disabled legend {
	color: #666666 !important;
}

fieldset.disabled .instructionText {
	color: #cccccc;
}

.breadcrumb {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #676d7f;
}

a.breadcrumb {text-decoration: none }
a.breadcrumb:visited {text-decoration: none; color: #676d7f }
a.breadcrumb:hover {text-decoration: underline; color: #676d7f }

.toolbar {
	font-family:  Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #0e121f;
}

a.toolbar {text-decoration: none }
a.toolbar:visited {text-decoration: none; color: #0e121f }
a.toolbar:hover {text-decoration: underline; color: #003399 }

.alert {
	color: #990000 !important;
}

.alerttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

.bold {
	font-weight: bold;
}

.borderless {
    border: none !important;
}

.info {
	padding: 5px 10px 5px 10px !important;
    background-color: #eeeeee;    
    border: 1px solid #eeeeee;
}

.ready {
    padding: 5px 10px 5px 10px !important;
    background-color: #d3f5c5;
    color: #000000;
}

.notice {
    padding: 5px 10px 5px 10px !important;
    background-color: #f7bdbd;
    color: #000000;
}

.caution {
    padding: 5px 10px 5px 10px !important;
    background-color: #f1f1ac;
    color: #000000;
}

.ready input,
.info input,
.notice input {
	margin-left: -3px;
	margin-left: expression("-5px")  !important;
}

.confirmation {
	width: 100%;
	font-weight: bold;
	color: #FF0000;
	display: flex;
	padding-bottom: 20px;
}

.box_header {
   font-size: 11px;
   font-weight: bold;
   color: #332e4c;
   background-color: #eeeeee;
}

.simpleheader {
    text-decoration: underline;
	font-weight: bold;
	color: #666666;
}

.black {
	color: #000000;
}

.box_columns {
	font-weight: bold;
	color: #333333;
}

.green {
	color: #009900 !important;
}

.main_subhead {
	font-size: 11px;
	font-weight: bold;
	color: #10294d;
}

.user_display {
	color: #bacaeb;
	font-size: 10px;
}

.faint {
	color: #999999;
}


.lefthand {
	float: left;
}

.righthand {
	float: right;
}

.flush {
	float: left;
}

.hidden {
    display: none !important;
}

#errorMessages {
	padding-bottom: 10px;
}

#error500 h1,
#error500 h2,
#error500 h3 {
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#error500 h1 {
    padding-bottom: 5px;
    font-size: 22px;
}

#error500 h2 {
    padding-bottom: 5px;
    font-size: 16px;
}

#error500 h3 {
    font-size: 12px;
}

.error {
	color: #ff0000;
}

.errorTextField {
	border: 1px solid #ff0000;
}

.spacing-table {
    border-collapse: separate;
    border-spacing: 0 10px; /* this is the ultimate fix */
}
.spacing-table th {
    text-align: left;
    padding: 5px 15px;
}
.spacing-table td {
    padding: 5px 15px;
}
.spacing-table td:first-child {
    border-left-width: 3px;
    border-radius: 5px 0 0 5px;
}
.spacing-table td:last-child {
    border-right-width: 3px;
    border-radius: 0 5px 5px 0;
}

.pageBody .module .center select.select-download-options{
	content: '';
    cursor: pointer;
    -webkit-appearance: caret;
    border-radius: 0px;
    border: none;
}