body {
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: .9rem;
	line-height: 1.5;
	color:#000;
}

body.inner {margin: 1pt;}

.leftBackground { position:fixed; top: 0; left: 0; width:40px; height:110%; background-color:#0065A4; padding-top:8px; padding-left:6px; }

H2 { margin-bottom:15px; }
TT {font-size: 100%;}

A  		{color: #069; }
A:hover {color: #F93; }
h2 a { color: #000; }
h2 a:hover { color: #000; }
h3 a { color: #000; }
h3 a:hover { color: #000; }

hr {height: 1px; background-color: #EC7700; border:none; margin-top: 35px; margin-bottom: 35px; margin-left: 0; width:98%;}
.settingsBox hr {height: 1px; background-color: #CCC; border:none; margin-top: 25px; margin-left: 0; width:98%;}

TH {font-weight:bold; font-size: .8rem; padding-top: 5pt;}

body.warning {background-color: #FCC;}

.warning {color: red;}

.failureText	{color: #EB5757; font-style: italic; padding: 10pt 0 10pt 0;}
.successText	{color: #080; font-style: italic;}	

.button { color: #FFF; font-weight:bold; background-color: #0065A4; border-radius: 3px; border: 1px solid rgba(0, 101, 164, 0.6); padding: 6pt 10pt; cursor: pointer; }
.buttonRed { color: #FFF; font-weight:bold; background-color: #EB5757; background-repeat:no-repeat; background-position-x:8px; background-position-y:6px; border-radius: 3px; border: 1px solid #EB5757; padding: 6pt 10pt; cursor: pointer; }
.buttonWhite { color: #292929; background-color: #FFF; border-radius: 3px; border: 1px solid rgba(0, 101, 164, 0.8); padding: 6pt 10pt; cursor: pointer; }

.buttomFileStorage { width: 36px; height: 32px; padding: 5pt 10pt; background-color: #0065A4; background-repeat:no-repeat; background-position-x:0; background-position-y:0; border-radius: 3px; border: 1px solid #0065A4; padding: 0; cursor: pointer; }

input    { border: 1px solid rgba(208, 208, 208, 1); border-radius: 3px; padding: 7px 0 8px 10px; }
select   { border: 1px solid rgba(208, 208, 208, 1); border-radius: 3px; padding: 6px 0 6px 10px; }
textarea { border: 1px solid rgba(208, 208, 208, 1); border-radius: 3px; padding: 7px 0 8px 10px; }

/* icon info */
a.info { background-repeat:no-repeat; width: 15px; height: 15px; text-decoration:none; }
a.info:hover { background-position: 0 -15px; }
/* end icon info */

/* upload file */
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { height: 32px; font-size: 13px; background-color: #FFF; color: #828282; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0; }
.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label img { width: 38px; height: 34px; vertical-align: middle; fill: currentColor; margin-top: -1px; }
.inputfile-6 + label { border: 1px solid rgba(208, 208, 208, 0.8); border-radius: 3px; padding: 0; }
.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: rgba(0, 101, 164, 0.4);
}
.inputfile-6 + label span { padding: 0; padding-left: 0; margin-top: 10px; margin-left: 0; }
.inputfile-6 + label strong { padding: 0; margin-left: 14px; }
.inputfile-6 + label span { width: 200px; min-height: 30px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; }
.inputfile-6 + label strong { width: 36px; height: 32px; display: inline-block; }
.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #FFF;
}
/* end upload file */

/* checkbox */
.checkbox input { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 25px; }
.checkbox__text { position: relative; padding: 0 0 0 15px; cursor: pointer; }
.checkbox__text:before { content: ''; position: absolute; top: -4px; left: 0; width: 40px; height: 16px; border-radius: 8px; background: rgba(0,0,0,.1); transition: .2s; }
.checkbox__text:after { content: ''; position: absolute; top: -2px; left: 2px; width: 12px; height: 12px; border-radius: 6px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: .2s; }
.checkbox input:checked + .checkbox__text:before { background: #0065A4; }
.checkbox input:checked + .checkbox__text:after { left: 26px; }
.checkbox input:focus + .checkbox__text:before {}
/* end checkbox */

/* checkboxBox */
.checkboxBox input[type=checkbox] { display: none; }
.pseudocheckbox::before { content: "\00A0"; display: inline-block; box-sizing: border-box; width: 15px; height: 15px; background-color: white; border: 1px solid #B0B0B0; border-radius: 2px; margin-right: 6px; vertical-align: baseline;    text-align: center; font-family: Arial, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #0065A4; }
.checkboxBox input[type=checkbox]:checked + .pseudocheckbox::before { content: "\2713"; }
/* end checkboxBox */

/* radio */
.radio input { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 7px; }
.radio__text { position: relative; padding: 0 0 0 25px; cursor: pointer; }
.radio__text:before { content: ''; position: absolute; top: 0px; left: 0; width: 12px; height: 12px; border: 1px solid #CDD1DA; border-radius: 50%; background: #FFF; }
.radio__text:after { content: ''; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; border-radius: 50%; border: 1px solid #0065A4; background: #0065A4; opacity: 0; transition: .2s; }
.radio input:checked + .radio__text:after { opacity: 1; border: 1px solid #0065A4; }
.radio input:focus + .radio__text:before { border: 1px solid #0065A4; }
/* end radio */

.boxCaption {color: #000; font-weight:bold; padding-bottom: 15pt;}

.bgrdOpacity005 {background: rgba(208, 208, 208, 0.05);}
.bgrdOpacity01 {background: rgba(208, 208, 208, 0.1);}
.bgrdOpacity02 {background: rgba(208, 208, 208, 0.2);}
.bgrdOpacity03 {background: rgba(208, 208, 208, 0.3);}

.settingsBox {background-color: rgba(208, 208, 208, 0.12); border: 1pt solid  rgba(208, 208, 208, 1); border-collapse: collapse; border-radius: 3px; padding: 15pt 20pt 20pt 20pt; width: 90%; }
.settingsBoxSmall {background-color: rgba(208, 208, 208, 0.12); border: 1pt solid  rgba(208, 208, 208, 1); border-collapse: collapse; border-radius: 3px; padding: 10pt 20pt 10pt 20pt; }
/*.settingsBox caption {color: #000; font-weight:bold; background-color: #CCD; border: 1pt solid #069;}
.settingsBox caption TH {font-weight:bold;}*/
.settingBoxCaption {color: #000; font-weight:bold; padding-bottom: 5pt;}
.settingBoxCaption TD {color: #000; font-weight:bold; padding-bottom: 5pt;}
.settingsBoxTH {text-align:left; font-weight:normal; text-transform: uppercase; font-size: .7rem; background: rgba(208, 208, 208, 0.3);}
.settingsBox TD { padding: 3pt 5pt; }
/*.settingsBox THEAD	TR,
.settingsBox TFOOT	TR {background-color: rgba(47, 128, 237, 0.05);}*/

.settingsCaption {color: #069; background-color: #CCD; border: 1pt solid #069; border-collapse: collapse;}
.settingsCaption TH {font-weight:bold;}

.errorReportBox {background-color: #F8F8F8; border: double #EB5757; color: black; padding: 5pt 5pt;}
.errorReportMarker {color: #EB5757; font-weight:bold; text-decoration: blink;}

.helloText {border: double #069; background-color: #EEF; font-weight:bold; padding: 10pt;}
.helloText:first-letter {color: #F93;}

.agreementText {border: double #069; color: black; background-color: white; font-family:Monaco, Courier, monospace; font-size: 11pt; width: 95%; height:250pt;}

.trialWarning {border: double #069; background-color: #FFF; padding:10pt;}
.trialWarning A,
.trialWarning A:active {color: #FF1C66; text-decoration: none;}
.trialWarning A:hover  {color: #DD0048; text-decoration: blink;}

.arrow {/*font-weight:bold;*/}
.arrow A,
.arrow A:active	{color: #000;text-decoration:none;}
.arrow A:hover	{color: #000;text-decoration:none;}
/*.arrow A:active	{color: #06A; text-decoration: underline;}
.arrow A:hover	{color: #F93; text-decoration: underline;}*/

.logView {font-family:Monaco, Courier, serif; color: black; background-color: white;}
.logViewInline {font-family:Monaco, Courier, serif; color: black; background: rgba(47, 128, 237, 0.05); border: 1pt solid  rgba(47, 128, 237, 0.3); padding: 10pt; tab-size:16; margin: 0 10px 0 60px;}

.histoBar	{background-color: #069; }

.minWidth { width: 1%; white-space: nowrap; }
.maxWidth { width: 49%; white-space: nowrap; }

.tabSet		{padding: 0pt; spacing: 0pt; color: rgba(0, 0, 0, .8); width:100%;}
.tabSet td:last-child { width: 100%; }
.tab, .tabNo {padding: 5pt 12pt 4pt 12pt; border-bottom: solid 1pt rgba(47, 128, 237, 0.2); opacity: 0.8}
.tab td     { text-align: left; }
.tab:hover	{opacity: 1; border-bottom: solid 1pt rgba(47, 128, 237, 0.6);}
.tab DIV	{}
.tabName	{padding: 10px 12pt 10pt 12pt; font-family: monospace; color: #444; text-transform: uppercase;}

.tabActive	{padding: 5pt 12pt 4pt 12pt; border-bottom: solid 1pt #2F80ED; font-weight: bold; color: #000; text-align: left;}

.tabDataOuter	{ padding: 0;}
.tabData		{ padding: 0pt;}

.tab A,
.tab A:active {color: rgba(0, 0, 0, .8); text-decoration: none;}
.tab A:hover  {color: rgba(0, 0, 0, .8); text-decoration: none;}

.tabActive A,
.tabActive A:active {color: #000; text-decoration: none;}
.tabActive A:hover  {color: #000; text-decoration: none;}

/* menu */
.nav { text-align:left; }
.nav ul { list-style: none; margin: 0; padding: 0; }
.nav a { text-decoration: none; outline: none; display: block;}
.topmenu { text-align: left; padding: 10px 0; }
.topmenu > li { display: inline-block; position: relative; }
.topmenu > li:last-child:after { background: none; box-shadow: none; }
.topmenu > li > a {
  padding: 12px 16px;
  color: #4F4F4F;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: 'Exo 2', sans-serif;
}
.topmenu li a:hover { color: #4F4F4F; }
.down {  background-repeat:no-repeat; background-position: right 10px top 18px; cursor:default; }
.topmenu > li > span { padding: 12px 16px; color: #4F4F4F; font-weight: 600; letter-spacing: 1px; font-size: 14px; font-family: monospace; }
.arrright { font-size: 14px; }
.submenu {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 180px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  margin-left: -105px;
  background: #fafafa;
  border: 1px solid rgba(208, 208, 208, 0.6);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  z-index: 5;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: 0s ease-in-out;/**/
}
.submenu li { border-bottom: 1px solid rgba(208, 208, 208, 0.4); }
.submenu li:last-child { border-bottom: none; }
.submenu li a { padding: 10px 20px; font-size: 12px; color: #000; }
.submenu li:hover { background-color:#0065A4; }
.submenu li a:hover { color: #FFF; }
.topmenu > li:hover .submenu { visibility: visible; opacity: 1; transform: scale(1); }
.disabledMenuItem { background-color: #F4F4F4; }
.disabledMenuItem a { cursor:default; }
.submenu li.disabledMenuItem:hover  { background-color: #F4F4F4; color: #767676; }
.submenu li.disabledMenuItem a:hover  { color: #767676; }
/* end menu */

.helpLink {}
.helpLink A,
.helpLink A:active {color: #000; text-decoration: underline;}
.helpLink A:hover  {color: #000; text-decoration: underline;}
/*.helpLink A:active {color: #069; text-decoration: none;}
.helpLink A:hover  {color: #F93; text-decoration: none;}*/

.directoryValue {font-family: monospace; color: black; word-wrap: break-word;}
.serviceName    {font-family: monospace; color: black;}

.settingFixed {background-color: rgba(208, 208, 208, 0.3); border: solid 1pt rgba(208, 208, 208, 0.6); font-family: monospace; color: Black; padding:1pt; padding: 7px 0 8px 10px;}
.externalMessage {border: double #06A; background-color: #f4f5f7; padding: 2pt;}
.messageData	{background-color: white;}
.messageSubpart	{background-color: white; border: 1pt solid #AAA;}
.messageText	{color: black; font-family: Monaco, monospace, serif;}
.retailLink	{border: double #06A; padding: 5pt; text-align:center; font-size:large; background-color: white; color: #06A;}

.rfcheader		{background-color: #EEE; border: 1pt solid #AAA;}
.rfcheaderfields	{padding: 1pt}
.rfcfieldvalue	{color: #444;}
.rfcfieldname	{font-weight:bold; color: #444;}
.rfcheaderlinks	{background-color: #CCC; width:20pt; padding: 3pt;}

/* Statistic */
.statHeaderMain { background-color: rgba(208, 208, 208, 0.22); padding: 3px 8px; margin-bottom: 10px; font-size: 13px; font-weight: bold; }
.statHeader { padding: 3px 8px; margin-bottom: 10px; font-size: 13px; font-weight: 700; }
.statTR { border-bottom: 1px solid rgba(208, 208, 208, 1); font-size: 12px; }
.statTR A { text-decoration: none; }
.whiteBG { padding: 0 10px; background-color: #FFF; }
/* end Statistic */

