﻿/* --- Reset ------------------------------------------------------------------- */
#currentWrapper  { font-size: 13.4px; line-height: 1.15; color: #333; }

/* --- Standard Tags ----------------------------------------------------------- */
body { margin: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem; font-weight: normal; line-height: 1.5; color: #292b2c; background-color: #fff; }

a { color: #0088cc; text-decoration: none; }
a:focus { outline: 0; /* outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; */ }
a:hover, a:active { outline: 0; }
a:hover, a:focus { color: #005580; text-decoration: underline; }
p, ul { margin: 0 0 15px 0; }
img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
small { font-size: 85%; }
strong { font-weight: bold; font-size: inherit; } 
em { font-style: italic; }
cite { font-style: normal; }
dl { margin-bottom: 20px; }
dt { font-weight: bold; }
dd { margin-left: 10px; }
hr { margin: 30px 0 0 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; }

span, i { color: inherit; font-size: inherit; }
iframe { border: 0; width: 100%; display: block; margin: 0 auto 0 auto;}

table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
table th { font-weight: bold; text-align: left; }
table th, table td { white-space: nowrap; overflow: hidden; padding: 5px; font-size: 12px; cursor: pointer; }
table td { padding: 0 5px; }

/* headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; font-family: inherit; font-weight: bold; color: inherit; text-rendering: optimizelegibility; }
h4, h5, h6 { margin-bottom: 7px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; color: #999999; }
h1 { font-size: 20px; } 
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 11.9px; }
h1 small { font-size: 24.5px; }
h2 small { font-size: 17.5px; }
h3 small { font-size: 14px; }
h4 small { font-size: 14px; }

blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; }
blockquote small { display: block; color: #999999; }
blockquote small:before { content: '\2014 \00A0'; }

address { display: block; margin-bottom: 20px; font-style: normal; }
code { padding: 2px 4px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; }
code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap;
	background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; }

ul, ol { margin: 0 0 10px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }

/* Not Tested */
ul.inline, ol.inline { margin-left: 0; list-style: none; overflow: hidden; }
ul.inline > li, ol.inline > li { float: left;  *display: inline; padding-right: 5px; padding-left: 5px; *zoom: 1; }


/* --- button * forms ---------------------------------------------------------- */
select option { margin: 5px; }
button, input, select, textarea { margin: 0; vertical-align: middle; }
button, input { *overflow: visible; }

input, select, textarea { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {  overflow: auto;  vertical-align: top; height: auto; resize:vertical}
/*form { margin: 0 0 20px; }  Not Convinced - finally convinced */
fieldset { padding: 20px; margin: 0; border: solid 1px #444; width: 100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
         box-sizing: border-box;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

legend {   font-size: 18px; color: #333333; border: 0; padding: 0 10px; float: left; margin-top: -32px; background: #FFF; }
legend small { font-size: 15px; color: #999999; }
label, input, button, select, textarea { font-size: inherit; font-weight: normal; }
label { display: block; margin-bottom: 5px; }
input, textarea, .uneditable-input { /*width: 206px;*/width: 100%; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  /*
	display: inline-block;
  */  
  padding: 6px 5px 7px 5px;
  /*margin-bottom: 5px;*/
  font-size: inherit;
  color: #333;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

select { padding: 5px 5px; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  border-color: #4D77AC;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}


input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
}

select { width: 100%; background-color: #ffffff; border: 1px solid #cccccc; }

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee !important;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}