input, textarea, select {
  font-size: 14px; line-height: 1.1em; font-family: sans-serif; border: 1px solid #aaa; background: white; vertical-align: top; outline: 0; color: #555; border-radius: 3px; 
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  -ms-transition: background .3s ease-in-out;
  -o-transition: background .3s ease-in-out;
}  
input, textarea { padding: 4.5px 8px; }
select { vertical-align: center; }
input:focus, textarea:focus, select:focus { border: 1px solid #8EB3CE; color: #5889AD; }
input[type=checkbox], input[type=radio] { border: 0; padding: 0; display: inline; margin: 4px 4px 0 10px; box-shadow: none; }
select { padding: 0; height: 33px; line-height: 33px; }  
input, .window input { min-height: 22px; line-height: 22px; }

.invalid, .invalid:hover, .invalid:active, .invalid:focus { border: 4px solid #D64141; margin-top: -4px; }  

button, input[type=reset], input[type=submit], .btn, a.btn, .btn:visited, .btn:link {
  display: inline-block;
  color: #111;
  font-family: sans-serif;
  text-decoration: none;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  margin-right: 1em;
  margin-bottom: 1em;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#e5e5e5',GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e5e5e5', GradientType=0))";
  border: 1px solid #B2B2B2;
  border-radius: 3px;
  color: #4C4C4C;
  cursor: pointer;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, button.urgent:hover, .btn:hover, 
button:focus, input[type="reset"]:focus, input[type="submit"]:focus, button.urgent:focus, .btn:focus {
  background-color: #D5E3ED;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#d5e3ed',GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d5e3ed', GradientType=0))";
  text-decoration: none;
}
button:active, input[type="reset"]:active, input[type="submit"]:active, button.urgent:active, .btn:active {
  background: #D5E3ED;
  filter: 0;
}

input[type=checkbox]:focus { outline: 5px solid #F5E2BD; }

button.complete { height: 50px; line-height: 50px; padding: 0 20px; font-weight: bold; font-size: 1.5em; -moz-box-shadow: 0 0 0 6px #D2DFB2; -webkit-box-shadow: 0 0 0 6px #D2DFB2; box-shadow: 0 0 0 6px #D2DFB2; }
button.complete.big { height: 38px; line-height: 38px; }
button:last-child { margin-right: 0; }
button.big, .btn.big { height: 34px; line-height: 34px; padding: 0 20px; font-size: 12px; }
button.small, .btn.small {
  height: 21px;
  line-height: 21px;
  min-width: 50px;
  padding: 0 14px;
  font-size: 12px;
}
button.bold, .btn.bold { font-weight: bold; font-size: 1.1em; }
button.cancel, .cancel, .btn.cancel { background: transparent; border: 1px solid #AAA; color: #6B6A6A; text-shadow: none; box-shadow: none; filter: none; -ms-filter: none; }

.routing { display: block; position: relative; }
.routing input, #main .routing input { display: inline-block; padding-left: 20px; }
.routing img { position: absolute; top: 13px; right: 10px; }
.routing img.l { left: 8px; }

.disabled { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; 
  -webkit-transition: opacity .3s ease-in-out;  -moz-transition: opacity .3s ease-in-out;   -ms-transition: opacity .3s ease-in-out;  -o-transition: opacity .3s ease-in-out; }
.credit-cards img { -webkit-transition: opacity .3s ease-in-out;  -moz-transition: opacity .3s ease-in-out;   -ms-transition: opacity .3s ease-in-out;  -o-transition: opacity .3s ease-in-out; }
.link, button.link, .window fieldset.action button.link { display: block; height: auto; line-height: 1em; background: 0; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; width: 100%; }

.center { text-align: center; }
.center input { margin: 0 auto; }

/* The Sentinel */

.sentinel { background: white; border: 1px solid #9C9C9C; border-bottom-color: #808080; border-radius: 4px; margin-bottom: 1em; padding: 0; page-break-inside: avoid; }
.head { color: #333; background: #f3f3f3;
        background-repeat: repeat-x; border-top-left-radius: 4px; border-top-right-radius: 4px; }  
.head h1 { text-align: center; }
.head h1, .head h2, .head h3 { margin: 0; font-size: 1.3em; font-weight: 300; line-height: 24px; }  
.body, .head, .deep { border-bottom: 1px solid #9C9C9C; padding: 1em; margin: 0; }
.deep label { color: #7291A2; }
.body:last-child { border: 0; }

.title { display: block; font-size: 90%; font-weight: bold; margin: 2em; text-transform: uppercase; vertical-align: middle; text-align: center; }
.sentinel .title { font-size: 2em; margin: 0 0 .2em; color: #386C74; font-weight: 300; }
.sentinel .amount { color: #000; font-weight: bold; }  
.sentinel .completed { color: #AD7231; }
.sentinel tr td, .sentinel tr th { padding: .1em 1em .4em 0; text-align: left; }
table { border-collapse: collapse; }

.bad .title, .bad .notice { color: #C93A3A; }

.actions { float: right; background: #F8EEC7; padding: 0.7em 1em 0.7em; border-left: 1px solid #dac29e; min-height: 110px; margin: -1em; border-bottom-right-radius: 3px; }
.actions button, .actions .btn, .actions .title { margin: 0 0 0.5em !important; }
.actions .btn { font-size: 14px; }

.actions .title { color: #C07B54; font-weight: 400; font-size: 1.2em; }

.overflow { overflow: hidden; }

.deep { background: #DAE9EE; border-bottom: 0; border-top: 1px solid #A0C0C9; color: #4A627C; }

.sentinel pre { background: #DAE9EE; border-bottom: 1px solid #A0C0C9; color: #4A627C; margin: -16px -16px 16px; line-height: 1.5em; padding: 1em; }

/* Lieutenant */

.lieutenant { display: block; border: 1px solid #BCC9CA; border-bottom-width: 2px; border-radius: 3px; background: #EAEFF1; padding: 5px; font-size: 12px; }
.lieutenant .item { margin: 0 5px; }
.lieutenant label { text-transform: uppercase; letter-spacing: 1px; }

/* Tabset */

tabset, .tabset {
  border-bottom: 2px solid #A09E9E;
  display: block;
  float: left;
  width: 100%;
  outline: none;
  z-index: 10;
}    
tab, .tab, tab-active, .tab-active, tab-active:hover, .tab-active:active, .tab-active:focus, .tab-active:hover {
  filter: none;
  -ms-filter: none;
  background: inherit;
  border: 2px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  font-size: inherit;
  line-height: 2.2em;
  height: 2.4em;
  margin: 0 5px -1px 0;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}  
tab:hover, .tab:hover {
  border-color: #c1c1c1;
  background: transparent;
  bottom: -0.03cm !important;
}  
_::-webkit-full-page-media, _:future, :root tab:hover .tab:hover { bottom: -0.04cm !important; }
tab-active, .tab-active, tab-active:hover, .tab-active:active, .tab-active:focus, .tab-active:hover {
  border: 2px solid #c1c1c1;
  border-bottom: none;
  background: white;
  color: black;
  cursor: default;
  outline: none;
}  
.tabview {
  border-top: 0;
}