/*

CSS for the frontend interface

See buildcss/readme.txt for info about compiling this project's less files

The styles less file expects the @configuration variable to be set
when compiling. It includes the brand file from brand/@{configuration}.less.

This file should be compiled to ../css/CONFIGURATION.css where CONFIGURATION is
the deployment you wish to compile css for (atb, skyss, nettbussor, etc.)

*/
/* @group RESET */
/* v1.0 | 20080212  |  CSS reset from meyerweb.com */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: none;
  box-shadow: none;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* @end RESET */
/* @group TYPOGRAPHY */
/* Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #111;
  font-family: Verdana, Arial, sans-serif;
}
h1 {
  color: #6C6C6C;
  display: block;
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  /*height: 36px;*/
  line-height: 36px;
  line-height: normal;
  margin: 10px 0 15px;
}
header h1#logo {
  background: url(gfx/atb-mobillett-logo.png) no-repeat;
  width: 136px;
  height: 50px;
  display: block;
  overflow: hidden;
  text-indent: -10000em;
  margin: 0;
}
h2 {
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 16px;
  margin: 20px 0 10px;
  padding: 0 0 5px;
  color: #3C444B;
  border-bottom: 1px solid #DDD;
}
h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}
h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
  margin: 0 0 1.5em;
}
p img.left {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}
a:focus,
a:hover {
  color: #000;
}
a {
  color: #009;
  text-decoration: underline;
}
a:link,
a:visited,
span.link {
  color: #B45B20;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:active,
span.link:hover {
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong {
  font-weight: bold;
}
em,
dfn {
  font-style: italic;
}
dfn {
  font-weight: bold;
}
sup,
sub {
  line-height: 0;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
sup {
  vertical-align: super;
  font-size: 0.8em;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 3.333em;
}
ul {
  list-style-type: none;
  margin: 20px 10px;
  padding-right: 50px;
}
ul li {
  margin-bottom: 10px;
  font-weight: normal;
}
ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 20px 10px;
  padding-right: 50px;
}
ol li {
  margin-bottom: 5px;
  font-weight: normal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
/* Tables
-------------------------------------------------------------- */
table {
  margin-bottom: 1.4em;
  width: 100%;
}
th {
  font-weight: bold;
}
thead th {
  background: #c3d9ff;
}
th,
td,
caption {
  padding: 4px 10px 4px 5px;
}
tr.even td {
  background: #e5ecf9;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}
/* Misc classes
-------------------------------------------------------------- */
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
.hide {
  display: none;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0;
  padding-left: 0;
}
.last {
  margin-right: 0;
  padding-right: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* Custom classes
-------------------------------------------------------------- */
header nav a {
  color: #666;
  text-decoration: none;
}
input {
  font-size: 14px;
  letter-spacing: normal;
  padding: 3px;
  margin-bottom: 0;
}
input[type=submit],
input[type=button] {
  letter-spacing: normal;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}
/* @end TYPOGRAPHY*/
/* Variables and reusable classes */
/* reusable classes */
.top-rounded-corners {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
/* @group GRID */
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {
  min-width: 740px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
  margin-left: auto;
  margin-right: auto;
  width: 740px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}
.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10 {
  position: relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
/* Grid >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .grid_1 {
  width: 58px;
}
.container_10 .grid_2 {
  width: 132px;
}
.container_10 .grid_3 {
  width: 206px;
}
.container_10 .grid_4 {
  width: 280px;
}
.container_10 .grid_5 {
  width: 354px;
}
.container_10 .grid_6 {
  width: 428px;
}
.container_10 .grid_7 {
  width: 502px;
}
.container_10 .grid_8 {
  width: 576px;
}
.container_10 .grid_9 {
  width: 650px;
}
.container_10 .grid_10 {
  width: 724px;
}
/* Prefix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .prefix_1 {
  padding-left: 74px;
}
.container_10 .prefix_2 {
  padding-left: 148px;
}
.container_10 .prefix_3 {
  padding-left: 222px;
}
.container_10 .prefix_4 {
  padding-left: 296px;
}
.container_10 .prefix_5 {
  padding-left: 370px;
}
.container_10 .prefix_6 {
  padding-left: 444px;
}
.container_10 .prefix_7 {
  padding-left: 518px;
}
.container_10 .prefix_8 {
  padding-left: 592px;
}
.container_10 .prefix_9 {
  padding-left: 666px;
}
/* Suffix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .suffix_1 {
  padding-right: 74px;
}
.container_10 .suffix_2 {
  padding-right: 148px;
}
.container_10 .suffix_3 {
  padding-right: 222px;
}
.container_10 .suffix_4 {
  padding-right: 296px;
}
.container_10 .suffix_5 {
  padding-right: 370px;
}
.container_10 .suffix_6 {
  padding-right: 444px;
}
.container_10 .suffix_7 {
  padding-right: 518px;
}
.container_10 .suffix_8 {
  padding-right: 592px;
}
.container_10 .suffix_9 {
  padding-right: 666px;
}
/* Push Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .push_1 {
  left: 74px;
}
.container_10 .push_2 {
  left: 148px;
}
.container_10 .push_3 {
  left: 222px;
}
.container_10 .push_4 {
  left: 296px;
}
.container_10 .push_5 {
  left: 370px;
}
.container_10 .push_6 {
  left: 444px;
}
.container_10 .push_7 {
  left: 518px;
}
.container_10 .push_8 {
  left: 592px;
}
.container_10 .push_9 {
  left: 666px;
}
/* Pull Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .pull_1 {
  left: -74px;
}
.container_10 .pull_2 {
  left: -148px;
}
.container_10 .pull_3 {
  left: -222px;
}
.container_10 .pull_4 {
  left: -296px;
}
.container_10 .pull_5 {
  left: -370px;
}
.container_10 .pull_6 {
  left: -444px;
}
.container_10 .pull_7 {
  left: -518px;
}
.container_10 .pull_8 {
  left: -592px;
}
.container_10 .pull_9 {
  left: -666px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}
/* @end GRID */
/* GLOBAL STYLES*/
@supports (font: -apple-system-body) {
  html {
    font: -apple-system-body;
  }
}
body {
  font-size: 12px;
  line-height: 19.2px;
  color: #333;
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
}
.left {
  float: left;
}
.right {
  float: right;
}
.extra-bottom-margin {
  margin-bottom: 20px;
}
a.button {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background-color: #333;
  border: 1px solid #333;
  font-size: 10px;
  float: right;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}
a.button:hover {
  background-color: #444;
}
a.button span {
  padding: 5px 15px;
  display: block;
}
div.popup {
  position: absolute;
  display: none;
  z-index: 99999;
  width: 400px;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 0 15px #AAA;
  -moz-box-shadow: 0 0 15px #AAA;
  -o-box-shadow: 0 0 15px #AAA;
  box-shadow: 0 0 15px #AAA;
}
div.popup div.box {
  position: relative;
  margin: 0;
}
div.popup div.box div.close {
  position: absolute;
  right: 8px;
  top: 3px;
}
div.popup.error {
  /*	box-shadow: inset 0 1px 0 white,-1px -1px 0 #F2C7C7,1px 1px 0 #F2C7C7,-1px 1px 0 #F2C7C7,1px -1px 0 #F2C7C7, 0px 0px 200px 60px #D9D9D9;*/
  background: rgba(255, 255, 255, 0.8);
}
div.popup.success {
  box-shadow: inset 0 1px 0 #ffffff, -1px -1px 0 #b7ba8a, 1px 1px 0 #b7ba8a, -1px 1px 0 #b7ba8a, 1px -1px 0 #b7ba8a, 0px 0px 200px 60px #ffffff;
  border: 1px solid #E0E0E0;
  background: rgba(255, 255, 255, 0.9);
}
/* @group NAV */
ul#page-tabs li {
  margin: 5px 0 0 10px;
  float: right;
}
ul#page-tabs li a {
  /*    border-bottom: 1px solid white;*/
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding: 5px 10px;
  display: block;
  float: left;
  text-decoration: none;
  line-height: 19px;
  color: white;
  font-weight: bold;
  background: #596066;
  background-image: linear-gradient(bottom, #3b434b 50%, #596066 50%);
  background-image: -o-linear-gradient(bottom, #3b434b 50%, #596066 50%);
  background-image: -moz-linear-gradient(bottom, #3b434b 50%, #596066 50%);
  background-image: -webkit-linear-gradient(bottom, #3b434b 50%, #596066 50%);
  background-image: -ms-linear-gradient(bottom, #3b434b 50%, #596066 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3b434b), color-stop(0.5, #596066));
  font-size: 12px;
  /*	.background-linear-gradient(lighten(@atb-grey,70%),lighten(@atb-grey,60%));*/
}
ul#page-tabs li a:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
ul#page-tabs li:hover a {
  /*    border-bottom: 2px solid white;*/
  color: #fff;
  text-decoration: none;
  background: #cc8c5f;
  background-image: linear-gradient(bottom, #c2743c 50%, #cc8c5f 50%);
  background-image: -o-linear-gradient(bottom, #c2743c 50%, #cc8c5f 50%);
  background-image: -moz-linear-gradient(bottom, #c2743c 50%, #cc8c5f 50%);
  background-image: -webkit-linear-gradient(bottom, #c2743c 50%, #cc8c5f 50%);
  background-image: -ms-linear-gradient(bottom, #c2743c 50%, #cc8c5f 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #c2743c), color-stop(0.5, #cc8c5f));
}
ul#page-tabs li.active a {
  border-bottom: none;
  line-height: 19px;
  color: #3b434b;
  box-shadow: -2px -2px 2px #dddddd, 2px -2px 2px #dddddd;
  background: #ffffff;
  background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee), color-stop(0.5, #ffffff));
  /*.background-gloss-active(#bf7240,#b45a21,#bf7240);*/
  /*	.background-linear-gradient(lighten(@atb-grey,30%),@atb-grey);*/
}
/* END NAV */
/* FORM ELEMENTS */
input {
  padding: 5px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  box-shadow: inset 0px 0px 12px 1px rgba(30, 30, 30, 0.04);
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
input.placeholder {
  color: #BABABA;
}
input:focus {
  outline: 0;
  box-shadow: -1px -1px 6px rgba(29, 94, 149, 0.1), 1px -1px 6px rgba(135, 196, 247, 0.5), 1px 1px 3px rgba(135, 196, 247, 0.6), -1px 1px 6px rgba(135, 196, 247, 0.2);
}
input[disabled=disabled] {
  background: #eee;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  color: #aaa !important;
}
input[type=submit],
input[type=button] {
  padding: 6px 20px 7px !important;
  line-height: 17px;
  color: #FFF;
  border: 0;
  background: url(../gfx/background-buttons.png) repeat-x;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px 0 #464646, 0 1px 0 #464646, -1px 0 0 #464646, 1px 0 0 #464646;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px 0 #464646, 0 1px 0 #464646, -1px 0 0 #464646, 1px 0 0 #464646;
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px 0 #464646, 0 1px 0 #464646, -1px 0 0 #464646, 1px 0 0 #464646;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px 0 #464646, 0 1px 0 #464646, -1px 0 0 #464646, 1px 0 0 #464646;
  margin-bottom: 10px;
  cursor: pointer;
  text-shadow: 0 -1px 1px #000000;
  height: 30px;
}
/* END FORM ELEMENTS */
/* END GLOBAL */
div#content.tabs {
  /*	border-top: solid 2px @atb-grey;*/
}
body header {
  display: block;
  background: url(../gfx/header-back.png) no-repeat bottom right;
}
/* @group FORM ELEMENTS */
input[type=radio] {
  cursor: pointer;
  margin-right: 10px;
  background: transparent;
}
input[type=submit]:hover,
input[type=button]:hover {
  background-position: 0 -31px;
  text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 1px;
}
input[type=submit]:active,
input[type=button]:active {
  background-position: 0 -62px;
  text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 1px;
}
input[type=submit].green,
input[type=button].green {
  background: #168300;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #20bf00), color-stop(0.5, #189200), color-stop(0.5, #168300), color-stop(1, #0e5600));
  background: -moz-linear-gradient(center top, #20bf00 0%, #189200 50%, #168300 50%, #0e5600 100%);
  border-left: 1px solid #a4ecc8;
  border-top: 1px solid #a4ecc8;
  border-right: 1px solid #003800;
  border-bottom: 1px solid #003800;
}
input[type=submit]:hover.green,
input[type=button]:hover.green {
  background: #1a9b00;
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2fce00), color-stop(0.5, #27a100), color-stop(0.5, #259200), color-stop(1, #1d6500));
  background: -moz-linear-gradient(center top, #2fce00 0%, #27a100 50%, #259200 50%, #1d6500 100%);
}
input[type=submit].red,
input[type=button].red {
  background: #920000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bf0000), color-stop(0.5, #920000), color-stop(0.5, #830000), color-stop(1, #560000));
  background: -moz-linear-gradient(center top, #bf0000 0%, #920000 50%, #830000 50%, #560000 100%);
  border-left: 1px solid #eca4c8;
  border-top: 1px solid #eca4c8;
  border-right: 1px solid #380000;
  border-bottom: 1px solid #380000;
}
input[type=submit]:hover.red,
input[type=button]:hover.red {
  background: #a10000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ce0000), color-stop(0.5, #a10000), color-stop(0.5, #920000), color-stop(1, #650000));
  background: -moz-linear-gradient(center top, #ce0000 0%, #a10000 50%, #920000 50%, #650000 100%);
}
input[type=submit].right,
input[type=button].right {
  margin-left: 10px;
}
input[type=submit].left,
input[type=button].left {
  margin-right: 10px;
}
label {
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
  letter-spacing: normal;
}
/* @end GROUP */
/* @group TOP */
/* @group NAV */
div#login-info {
  top: 15px;
  font-size: 12px;
  font-weight: normal;
  padding: 3px 5px;
}
/* div#login-info  ul#user-dropdown li a {
        font-weight: normal;
        color: #666;
}*/
/* div#login-info  ul#user-dropdown li:hover a,  div#login-info  ul#user-dropdown li a:hover  {
        background: none;
        color: @atb-orange;
}*/
header {
  padding-top: 20px;
  position: relative;
}
header div h1#logo {
  background: url('../gfx/tel-logo.png') no-repeat left top;
  width: 164px;
  height: 44px;
  text-indent: -10000em;
  display: block;
  overflow: hidden;
  margin: 10px 0;
  padding-bottom: 70px;
}
ul#page-tabs {
  position: absolute;
  bottom: 0;
  right: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: right;
}
/* @end NAV */
/* @end NAVIGATION START */
div#content {
  padding-top: 25px;
}
/* @group LOGIN BOX */
section#login-box h1 {
  display: block;
  width: 164px;
  height: 44px;
  background: url(../gfx/tel-logo.png) no-repeat;
  margin: 0 auto 40px;
  text-indent: -1000em;
  overflow: hidden;
}
section#login-box input[type=text],
section#login-box input[type=password] {
  width: 272px;
  margin-bottom: 30px;
}
section#login-country-code-section {
  padding-bottom: 9px;
  font-size: 14px;
}
/* @end LOGIN BOX*/
/* @group TABLE */
table {
  margin-bottom: 0px !important;
}
table thead tr td {
  color: #666;
  font-weight: bold;
  border-bottom: 1px solid #DDD;
}
table thead tr td.top-left {
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}
table thead tr td.top-right {
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
table tbody tr td {
  padding: 0 6px;
  line-height: 28px;
}
table tfoot tr {
  /*	background: #999;
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(200,200,200)),color-stop(0.5, rgb(150,150,150)),color-stop(0.5, rgb(130,130,130)),color-stop(1, rgb(110,110,110)));
            background: -moz-linear-gradient(center top,rgb(200,200,200) 0%,rgb(150,150,150) 50%,rgb(130,130,130) 50%,rgb(110,110,110) 100%);*/
}
table tfoot tr td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #DDD;
}
/* @end TABLE */
/* @group SALDO OG PÅFYLLING */
section#balance,
section#refill {
  padding: 0;
  text-shadow: 1px 1px #e6f0d2;
  position: relative;
}
section#refill:hover div.btn {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #a2ad00, -1px 1px 0 #a2ad00, -1px -1px 0 #a2ad00, 1px -1px 0 #a2ad00, 1px 1px 0 #a2ad00;
  background: url(../gfx/background-pattern-green-hover.png) repeat #d8dd94;
}
section#refill:hover p {
  color: #333;
  text-shadow: 1px 1px #ffffff;
}
section#refill div.btn.active {
  background: url(../gfx/background-pattern-green-hover.png) repeat #d8dd94;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #a2ad00, -1px 1px 0 #a2ad00, -1px -1px 0 #a2ad00, 1px -1px 0 #a2ad00, 1px 1px 0 #a2ad00;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
section#refill div.btn.active p {
  color: #333;
  text-shadow: 1px 1px #ffffff;
}
section#refill div.btn p#refill-button-text {
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 34px;
  float: left;
}
section#refill div.btn div#refill-button-arrow {
  display: block;
  float: right;
  margin: 5px 10px;
  background: url(../gfx/more-arrow.png) no-repeat;
  height: 24px;
  width: 24px;
}
div#content section#balance p {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  padding: 5px 10px;
  color: #333;
}
div#content section#balance p span.amount {
  font-weight: bold;
}
div#content section#refill p {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  padding: 5px 24px;
  color: #333;
}
section#refill div#refill-form-wrapper {
  position: absolute;
  top: 30px;
  left: -593px;
  width: 730px;
  display: none;
  z-index: 1001;
}
div#refill-form-spacer {
  position: absolute;
  top: 0px;
  right: 5px;
  height: 20px;
  width: 132px;
  background: url(../gfx/background-pattern-green-hover.png) repeat #d8dd94;
  box-shadow: -1px 0 0 #a2ad00, 1px 0 0 #a2ad00;
  z-index: 1002;
}
section#refill div#refill-form-wrapper div#refill-form {
  background: url(../gfx/background-pattern-green-hover.png) repeat #d8dd94;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  padding: 30px 20px 10px;
  box-shadow: inset 0 -1px 0 #a2ad00, -1px -1px 0 #a2ad00, 0 1px 0 #a2ad00, 1px 1px 0 #a2ad00, 1px 0 0 #a2ad00;
  position: relative;
  margin: 20px 0  0 1px;
  width: 684px;
}
section#refill div#payment-info {
  display: none;
  line-height: 14px;
  margin-top: 20px;
}
section#refill div#payment-info h3 {
  color: #666;
  margin-bottom: 12px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
section#refill div#payment-info ul {
  color: #666;
  list-style: square;
}
section#refill div#payment-info ul li {
  margin-bottom: 8px;
  font-size: 12px;
}
section#refill form#amount-options label {
  display: inline;
  margin-right: 25px;
  font-size: 14px;
  letter-spacing: normal;
  cursor: pointer;
}
section#refill form#amount-options input#optional-amount-input-radio {
  margin-top: 5px;
}
/* @end REFILL*/
/* @group CONTENT */
section {
  display: block;
  padding-bottom: 30px;
}
div.expand {
  height: 20px;
  overflow: hidden;
  text-align: right;
  color: #999;
  cursor: pointer;
}
div.expand span.arrow {
  text-decoration: none;
  display: block;
  float: left;
  margin-top: 3px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background: url(../gfx/expand-arrow.png) no-repeat 0 0;
  margin-right: 5px;
}
div.expand span.arrow.open {
  background: url(../gfx/expand-arrow.png) no-repeat 0 -10px;
}
div.expand span:hover {
  color: #666;
}
div.expand span {
  text-decoration: underline;
}
/* @end CONTENT */
/* @end BALANCE */
/* @group USERS */
form#details-currentuser input[type=checkbox] {
  display: inline;
}
form#details-currentuser label.radio-or-checkbox-label {
  display: inline;
}
table tr#mainuser td {
  font-weight: bold;
}
table tr#mainuser td.action {
  font-weight: normal;
}
label#mainuser {
  float: left;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 14px;
  margin-bottom: 1px;
}
div.user {
  background: #eee;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 30px;
  padding: 15px 15px 6px;
}
div.user div.name {
  text-align: center;
  font-size: 17px;
  margin: 5px 0 15px;
}
div.user div.mobilenumber {
  text-align: center;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}
div.user div.options {
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
}
div#mainuser form,
div.user form.details-user {
  font-size: 14px;
  margin-bottom: 30px;
  display: none;
}
div#mainuser form label,
div.user form.details-user label {
  margin-bottom: 2px;
}
div#mainuser form input,
div.user form.details-user input {
  margin: 0 0 10px 30px;
  padding: 3px;
}
div#mainuser form input[type=submit],
div#mainuser form input[type=button],
div.user form.details-user input[type=submit],
div.user form.details-user input[type=button] {
  margin-top: 10px;
}
/* @end GROUP */
#history-filter {
  background-image: url(../gfx/arrow-down.png);
  height: 18px;
  width: 16px;
  float: right;
  line-height: 14px;
}
div#history-filter-wrapper label {
  font-size: 14px;
  letter-spacing: normal;
  line-height: 14px;
  margin-bottom: 1px;
  font-weight: bold;
  float: left;
}
section#history .filter-controls {
  margin-top: 30px;
  display: none;
}
section#history .filter-controls input[type=date] {
  width: 200px;
  font-size: 14px;
  padding: 3px;
  margin-top: 2px;
}
section#history .filter-controls label {
  display: inline;
  font-size: 14px;
  letter-spacing: normal;
  margin-bottom: 1px;
  cursor: pointer;
}
div#overlay-mask {
  display: none;
  background-color: rgba(255, 255, 255, 0.8);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
}
div#modal {
  z-index: 10001;
  background-color: #FFF;
  width: 554px;
  min-height: 200px;
  border: 1px solid #AAA;
  -webkit-box-shadow: 0 0 15px #AAA;
  -moz-box-shadow: 0 0 15px #AAA;
  -o-box-shadow: 0 0 15px #AAA;
  box-shadow: 0 0 15px #AAA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#modal div.modal-content {
  margin: 35px;
}
div#modal div.modal-close {
  background-image: url(../gfx/close-large.png);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}
/* TERMS STYLES */
div#terms {
  margin-top: 40px;
  margin-bottom: 100px;
}
div#terms h2 {
  margin-top: 40px;
}
div#terms h3 {
  font-size: 1.1em;
  margin-bottom: 5px;
  margin-top: 15px;
}
div#terms p {
  margin-bottom: 5px;
}
div#terms ul {
  list-style-type: circle;
  margin-top: 0;
  margin-bottom: 20px;
}
div#terms ul.loose-list li {
  margin-top: 10px;
  margin-bottom: 10px;
}
div#terms ul.loose-list {
  padding-top: 10px;
  padding-bottom: 10px;
}
div#terms li {
  margin-bottom: 0;
}
div#terms div#reg-term-controls {
  padding-top: 40px;
}
div#terms label {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  display: inline;
}
div#reg-term-controls input#accept-extended-terms {
  margin-right: 10px;
  margin-top: 8px;
}
#history-refills img,
#history-tickets img {
  opacity: 0.75;
}
#history-refills img:hover,
#history-tickets img:hover {
  opacity: 1;
}
#history-refills tr td a.email-receipt img,
#history-refills tr td a.print-receipt img,
#history-tickets tr td a.email-receipt img,
#history-tickets tr td a.print-receipt img {
  vertical-align: middle;
}
#history-pagination {
  margin: 20px auto 0px auto;
  font-size: 10px;
  text-align: center;
}
#history-pagination ul {
  margin: 0;
  padding: 0;
  color: #999;
}
#history-pagination ul li.history-pagination {
  display: inline-block;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  /*	-webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;*/
  line-height: 16px;
  -webkit-box-shadow: inset 0 5px 7px rgba(255, 255, 255, 0.275);
  -moz-box-shadow: inset 0 5px 7px rgba(255, 255, 255, 0.275);
  box-shadow: inset 0 5px 7px rgba(255, 255, 255, 0.275);
  background-color: #F0F0F0;
  border: 1px solid rgba(0, 0, 0, 0.09);
  font-weight: bold;
}
#history-pagination .history-pagination.current {
  background-color: inherit;
  border: 0px solid ;
}
/*
#history-pagination .history-pagination.current:hover {
        color: #333;
}*/
.history-pagination.first:hover,
.history-pagination.prev:hover,
.history-pagination.next:hover,
.history-pagination.last:hover {
  border: 1px solid #333;
  cursor: pointer;
  background-color: #FCFCFC;
  color: #333;
}
#history-pagination .history-pagination:active {
  -webkit-box-shadow: inset 0 2px 3px #DBDBDB;
  -moz-box-shadow: inset 0 2px 3px #DBDBDB;
  box-shadow: inset 0 2px 3px #DBDBDB;
}
#footer {
  margin-top: 100px;
  font-size: 10px;
  font-style: italic;
  text-align: center;
}
#footer div#WTW-logo {
  width: 84px;
  height: 42px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-indent: -1000em;
  background: url(../gfx/powered-by-wtw-software.png) no-repeat;
  display: inline-block;
}
.border {
  border-width: 1px;
  border-style: solid;
  border-color: #b7c1c9;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 5px #b7c1c9;
}
.box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 17px;
  padding: 10px;
  margin-bottom: 20px;
}
.box .close {
  background-image: url('../gfx/close-small.png');
  background-repat: no-repeat;
  position: absolute;
  right: 22px;
  top: 16px;
  height: 16px;
  width: 16px;
  opacity: 0.6;
}
.box .close:hover {
  cursor: pointer;
  opacity: 0.8;
}
/* This is the Telemark frontend brand file */
.grey {
  background: url(../gfx/background-pattern-grey.png) repeat;
  border: 1px solid #A3A3A3;
  padding: 10px;
}
.green {
  color: #cae3a6;
  border: 1px solid #bedd93;
  color: #7b8769;
  background: #cae3a6;
}
.yellow,
.wtwui-dialog.yellow {
  background: #fff9b5;
  border: 1px solid #f6e958;
  color: #aea53a;
  border-radius: 2px;
}
.wtwui-dialog.yellow .content {
  color: #786e19;
}
.wtwui-dialog.yellow .buttons {
  border-color: #fffbd4;
}
.wtwui-dialog.yellow .button {
  color: #4e4710;
  border-radius: 2px;
  font-weight: bold;
  border-color: #DBC753;
  background: url(../gfx/background-pattern-yellow.png) repeat #ffffd6;
  box-shadow: 1px 1px 1px #b6a645;
}
.red {
  background: #cc6a54 !important;
  border: 1px solid #c65940;
  color: whitesmoke;
  text-shadow: 1px 1px #b74e36 !important;
}
/* Redefine logo mixins */
a:link,
a:visited,
span.link {
  color: #121414;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #3c3c3c;
}
header div h1#logo {
  background: url('../gfx/tel-logo.png') no-repeat left top;
}
/* PAGE TABS */
ul#page-tabs li a {
  background: #121414;
  background-image: linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -o-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -moz-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -webkit-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -ms-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #121414), color-stop(0.5, #1e2121));
}
ul#page-tabs li:hover a {
  background: #3c3c3c;
  background-image: linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -o-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -moz-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -webkit-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -ms-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3c3c3c), color-stop(0.5, #565656));
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
ul#page-tabs li.active a {
  background: #ffffff;
  background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%, #ffffff 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee), color-stop(0.5, #ffffff));
  color: #121414;
  text-shadow: none;
}
/* BUTTONS */
input[type=submit],
input[type=button] {
  background: url(../gfx/background-buttons.png) repeat-x;
  background: #121414;
  background-image: linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -o-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -moz-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -webkit-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -ms-linear-gradient(bottom, #121414 50%, #1e2121 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #121414), color-stop(0.5, #1e2121));
  text-shadow: 0 -1px 1px #000000;
}
input[type=submit]:hover,
input[type=button]:hover {
  background: #3c3c3c;
  background-image: linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -o-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -moz-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -webkit-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -ms-linear-gradient(bottom, #3c3c3c 50%, #565656 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3c3c3c), color-stop(0.5, #565656));
}
#new-user {
  margin-top: 20px;
}
::selection {
  background: rgba(210, 73, 41, 0.8);
  color: whitesmoke;
}
::-moz-selection {
  background: rgba(210, 73, 41, 0.8);
  color: whitesmoke;
}
#login-box {
  margin-top: 20px;
}
#outer-wrapper {
  height: 900px;
  max-height: 900px;
}
.ocr-help {
  display: none!important;
}
/* @group DatePicker */
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */
/* the input field */
.date {
  letter-spacing: normal;
}
/* calendar root element */
#calroot {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  z-index: 500;
  margin-top: -15px;
  width: 198px;
  padding: 2px;
  background-color: #fff;
  font-size: 11px;
  border: 1px solid #ccc;
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
  padding: 2px 0;
  height: 22px;
}
#caltitle {
  font-size: 14px;
  color: #0150D1;
  float: left;
  text-align: center;
  width: 155px;
  line-height: 20px;
  text-shadow: 0 1px 0 #ddd;
}
#calnext,
#calprev {
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(../gfx/prev.gif) no-repeat scroll center center;
  float: left;
  cursor: pointer;
}
#calnext {
  background-image: url(../gfx/next.gif);
  float: right;
}
#calprev.caldisabled,
#calnext.caldisabled {
  visibility: hidden;
}
/* year/month selector */
#caltitle select {
  font-size: 10px;
}
/* names of the days */
#caldays {
  height: 14px;
  border-bottom: 1px solid #ddd;
}
#caldays span {
  display: block;
  float: left;
  width: 28px;
  text-align: center;
}
/* container for weeks */
#calweeks {
  background-color: #fff;
  margin-top: 4px;
}
/* single week */
.calweek {
  clear: left;
  height: 22px;
}
/* single day */
.calweek a {
  display: block;
  float: left;
  width: 27px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  margin-left: 1px;
  text-align: center;
  line-height: 20px;
  color: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* different states */
.calweek a:hover,
.calfocus {
  background-color: #ddd;
}
/* sunday */
a.calsun {
  color: red;
}
/* offmonth day */
a.caloff {
  color: #ccc;
}
a.caloff:hover {
  background-color: #f5f5fa;
}
/* unselecteble day */
a.caldisabled {
  background-color: #efefef !important;
  color: #ccc	!important;
  cursor: default;
}
/* current day */
#calcurrent {
  background-color: black;
  color: #fff;
}
/* today */
#caltoday {
  background-color: black;
  color: #fff;
}
/* @end group */
.wtwui-dialog.success {
  background: #b9ff7d;
}
.wtwui-dialog.error {
  background: #dba2a2;
}
.wtwui-dialog.confirm {
  background: #f8ffa0;
}
.wtwui-element .buttons {
  border: 0;
}
.wtwui-element .buttons button {
  border: 1px solid #CFCFCF;
}
.wtwui-dialog .content {
  color: black;
}
.wtwui-element h1 {
  color: black;
  font-weight: bold;
}
input[type="submit"] {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
input[type="submit"].disabled {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#delete-error {
  color: darkred;
  font-weight: bold;
}
.delete-warning-title {
  font-weight: bold;
}
.delete-warning-message {
  font-style: italic;
}
#confirm-delete.hidden,
#delete-instructions.hidden,
#confirm-delete-input.hidden {
  display: none;
}
.hidden {
  visibility: hidden;
}
table.users td {
  height: 29px;
  line-height: 29px;
  padding: 15px 5px;
}
table td span.link {
  color: #d24929;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
table td span.link:hover {
  text-decoration: none;
}
#subuser-admin table {
  margin-top: 25px;
}
#subuser-admin table {
  margin-top: 25px;
}
#subuser-admin table.disabled {
  color: gray!important;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#subuser-admin table.disabled input,
#subuser-admin table.disabled .link {
  cursor: default !important;
  text-decoration: none !important;
}
#subuser-admin #save {
  float: right;
  margin-top: 20px;
}
#subuser-admin .description {
  margin-top: 15px;
  color: gray;
}
table tr td.last {
  width: 100%;
  text-align: right;
  font-style: normal;
  padding-right: 10px !important;
}
table tr.deletable td {
  text-decoration: line-through;
  background: whitesmoke;
}
table tr.deletable td.last,
table tr.deletable td input {
  text-decoration: none;
}
table tr .table-strike {
  width: 100%;
  background: black;
  height: 1px;
  margin-top: 49%;
}
#subuser-request-mobile {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 135px;
}
#subuser-admin table input {
  margin: 0px;
}
#subuser-admin table td.status-text {
  font-size: 11px;
  line-height: 15px;
  color: gray;
}
#subuser-admin table input.firstname,
#subuser-admin table input.lastname {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 140px;
}
#subuser-admin select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 130px;
}
#subuser-admin .country-code {
  text-align: center;
}
/* Overrides the default css for CHOSEN, see chosen.css for default css*/
.chosen-container {
  font-size: 12px !important;
  vertical-align: top !important;
}
.account-charger #charger {
  max-height: 9999px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s;
  min-height: 200px;
}
.account-charger #charger.hidden {
  max-height: 0px;
}
.account-charger input[type="submit"] {
  margin: 0px;
}
.loader {
  background-image: url(../gfx/ajaxloader_small.gif);
  height: 30px;
  width: 16px;
  margin-left: 0px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
  float: right;
  vertical-align: top;
}
.loader.active {
  display: inline-block;
}
.success-message {
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  float: right;
  font-weight: bold;
  color: rgba(162, 173, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.success-message.active {
  display: inline-block;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.submit-wrapper {
  margin-top: 15px;
  float: right;
  width: 100%;
}
.submit-wrapper #cancel {
  float: left;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  color: #919191;
  font-size: 11px;
  -ms-transition: color 0.15s;
  -o-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -webkit-transition: color 0.15s;
}
.submit-wrapper #cancel:hover {
  cursor: pointer;
  color: #424242;
}
.submit-wrapper #cancel:hover .x {
  cursor: pointer;
  color: #424242;
}
.submit-wrapper #cancel .x {
  font-weight: bold;
}
.account-charger section.amount {
  margin: 50px 0px 0px 0px;
}
.account-charger section.amount h2 {
  font-size: 18px;
  font-weight: normal;
  border: 0px solid black;
  margin: 0px;
  color: #6B6B6B;
}
.account-charger section.amount h1 {
  font-size: 78px;
  margin: 5px 0px 0px 0px;
  color: #6B6B6B;
  font-weight: bold;
}
.account-charger section.amount h1.thousand {
  font-size: 72px;
}
.account-charger section.amount h1.ten-thousand {
  font-size: 64px;
}
.account-charger section.charger {
  margin: 50px 0px 0px 0px;
  border-left: 1px solid #7A7A7A;
  width: 313px;
  padding: 0px 0px 0px 40px;
}
.account-charger section.charger label {
  display: inline-block;
  vertical-align: top;
  padding-top: 13px;
  color: #d24929;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.account-charger section.charger input {
  margin: 15px 5px 0px 0px;
  padding: 6px;
  height: 18px;
}
.account-charger section.charger input[type="submit"] {
  margin: 0px 0px 0px 0px;
  height: auto;
}
.account-charger section.charger input[type="text"] {
  font-size: 12px;
  font-weight: bold;
  font-family: verdana;
  color: #4F4F4F;
}
.account-charger section.charger h3 {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
.account-charger #fill {
  float: right;
}
.account-charger #help {
  position: absolute;
  display: block;
  bottom: 5px;
  margin: 0px;
  color: #d24929;
  text-decoration: none;
  cursor: pointer;
  font-size: 10px;
}
.account-charger #fill .fill-step {
  display: none;
  vertical-align: top;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  max-height: 0px;
  position: relative;
  width: 100%;
}
.account-charger #fill .fill-step.active {
  display: inline-block;
  max-height: 900px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.account-charger #fill #select-amount .min-max {
  display: block;
  font-style: italic;
  font-size: 10px;
  color: #6E6E6E;
  text-shadow: 1px 1px white;
  margin-left: 24px;
  margin-top: 2px;
}
.account-charger #fill #select-amount .custom-amount-container {
  display: inline-block;
}
.account-charger #fill #select-amount input[type="submit"] {
  margin-top: 7px;
}
.account-charger #fill #select-amount input.custom {
  padding-top: 2px;
}
.account-charger #fill #select-amount input[name="custom-amount"] {
  font-size: 12px;
  padding: 3px 6px;
  width: 90px;
  vertical-align: top;
  margin-top: 10px;
}
.account-charger #fill #select-card .save-card-description {
  max-height: 300px;
  -ms-transition: opacity 0.2s, max-height 0.2s;
  -o-transition: opacity 0.2s, max-height 0.2s;
  -moz-transition: opacity 0.2s, max-height 0.2s;
  -webkit-transition: opacity 0.2s, max-height 0.2s;
  transition: opacity 0.2s, max-height 0.2s;
  overflow: hidden;
}
.account-charger #fill #select-card .save-card-description.hidden {
  max-height: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.account-charger .save-card-description {
  margin-top: 25px;
}
.account-charger .save-card-description input[name="accept-save-card"] {
  height: 20px;
  margin: 0px 10px 0px 0px;
  display: inline-block;
  vertical-align: top;
}
.account-charger .save-card-description .description {
  display: inline-block;
  vertical-align: top;
  width: 285px;
}
.account-charger .save-card-description .description h4 {
  margin: 0px;
  padding-top: 1px;
}
.account-charger .save-card-description .description p {
  font-style: italic;
  color: gray;
  margin-top: 8px;
  font-size: 11px;
  line-height: 20px;
}
.wtwui-tip.error {
  border-color: #b74e36;
}
.wtwui-tip.error .content {
  color: whitesmoke;
  background-color: #cc6a54;
}
.wtwui-tip.error .tip {
  border-color: #af4b34;
  background-color: #ca634c;
}
#payment-completed {
  margin-top: 30px;
}
#payment-completed h3 {
  margin: 0px 0px 20px 0px;
}
#added-card {
  position: relative;
  height: 90px;
}
#added-card input[name="nickname"] {
  float: left;
}
#added-card input[type="submit"] {
  font-size: 12px;
  height: 26px;
  line-height: 12px;
  margin-top: 3px;
  margin-left: 5px;
}
/* SETTINGS */
#settings h4 {
  font-weight: bold;
  margin-bottom: 10px;
}
#settings section {
  margin: 45px 0px 0px 0px;
}
#settings .subuser-notification {
  margin-top: 10px;
  margin-bottom: 30px;
}
#settings .subuser-notification #quit-subuser {
  font-size: 10px;
  padding: 3px 10px !important;
  height: 20px;
  width: auto;
  line-height: 10px !important;
  float: right;
  margin-top: -3px !important;
}
#settings input {
  margin: 0px;
}
#settings table tr {
  border-bottom: 1px solid #DDD;
}
#settings table tr #first-colum {
  padding-right: 32px;
}
#settings table tr td {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  height: 51px;
  line-height: 51px;
}
#settings table tr td input {
  width: 142px;
}
#settings table tr td input[name="email"] {
  width: 300px;
}
#settings section#my-creditcards table tfoot {
  font-style: normal;
}
#settings section#my-creditcards table td input {
  margin-left: 2px;
}
#settings section#my-creditcards .add-card-loader {
  opacity: 0.01;
  filter: alpha(opacity=001);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=001)";
  background-image: url(../gfx/ajaxloader_small.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
}
#settings section#my-creditcards .add-card-loader.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#settings input[type="submit"] {
  float: right;
  font-size: 12px;
  height: 25px;
  line-height: 13px;
  width: auto;
  min-width: 95px;
}
#settings input[type="submit"].delete-user {
  float: left;
}
#settings #accepted-extended-terms {
  margin-top: 20px;
}
#settings #accepted-extended-terms h5 {
  display: inline-block;
  vertical-align: top;
}
#settings #accepted-extended-terms input {
  display: inline-block;
  vertical-align: top;
  margin: 3px 15px 0px 0px;
}
section#notifications {
  margin: 30px 0px;
  margin-bottom: -20px;
  padding: 0px;
}
section#notifications .notification {
  width: 713px;
  position: relative;
  margin: 0px 0px 7px 0px;
  padding-top: 15px;
  padding-bottom: 15px;
}
section#notifications .notification .x {
  position: absolute;
  top: 4px;
  right: 8px;
  cursor: pointer;
}
#terms h1 {
  font-size: 28px;
}
header a:link,
header a:visited {
  color: #d24929;
  text-decoration: none;
}