/*
 * reset.css
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
  font-size: 13px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
	margin: 0 0px;
	color: #fff;
	font-size: 14px;
}

button {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

html,body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}


.light {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
   border:0;
}

table {
    border-spacing:0;
}

input,
select {
    vertical-align:middle;
}

label {
  cursor: pointer;
}


input:focus {
	outline: 0;
}

button::-moz-focus-inner {
    border: none;
    padding: 0;
}

p {
	/*margin: 12px 0;*/
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}



/*
 * reset css end
 */

/*
 * uniform css begin
 */

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

@font-face {
	font-family: 'Conv_I-Ching';
	src: url('/fonts/I-Ching.eot');
	src: local('☺'), url('/fonts/I-Ching.woff') format('woff'), url('/fonts/I-Ching.ttf') format('truetype'), url('/fonts/I-Ching.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_NeutrinA';
	src: url('/fonts/neutrinoweb/NeutrinA.eot');
	src: local('☺'), url('/fonts/neutrinoweb/NeutrinA.woff') format('woff'), url('/fonts/neutrinoweb/NeutrinA.ttf') format('truetype'), url('/fonts/neutrinoweb/NeutrinA.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* google fonts */
/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/web/google/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/web/google/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/web/google/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/web/google/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/web/google/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/web/google/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/web/google/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/web/google/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/web/google/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/web/google/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/web/google/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/web/google/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  /* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/web/google/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/web/google/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/web/google/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/web/google/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/web/google/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/web/google/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/web/google/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/web/google/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/fonts/web/google/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/web/google/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/web/google/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('/fonts/web/google/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/web/google/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }


div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url(/images/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

/* INPUT & TEXTAREA */

input.text,
input.email,
input.search,
input.tel,
input.url,
input.datetime,
input.date,
input.month,
input.week,
input.time,
input.datetime-local,
input.number,
input.color,
input.password,
textarea.uniform {
  font-size: 12px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  padding: 3px;
  color: #777;
  background: url('/images/bg-input-focus.png') repeat-x 0px 0px;
  background: url('/images/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

.controls.optional input,
.controls.optional textarea,
.controls.optional .token-input-list,
.clientedit-uneditable-input
 {
  background-color: #ccc!important;
}

.grey-background {
    background-color: #ccc!important;
}

/* remove default webkit and possible mozilla .search styles */
input.search, input.search:active  {
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.text:focus,
input.email:focus,
input.search:focus,
input.tel:focus,
input.url:focus,
input.datetime:focus,
input.date:focus,
input.month:focus,
input.week:focus,
input.time:focus,
input.datetime-local:focus,
input.number:focus,
input.color:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('/images/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active,
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span,
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span,
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span,
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span,
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}


div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px;
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-family: 'Raleway', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

.button.active {

    -webkit-box-shadow: 0px 0px 0px 2px #fff;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 0px 2px #fff;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 0px 2px #fff;
}

.button.neutral.active {
    -webkit-box-shadow: 0px 0px 0px 2px #fff;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 0px 2px #fff;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 0px 2px #FDBB0C;
}




/* Select */
div.selector {
  width: 190px;
  font-size: 12px;
}

div.selector select {
  min-width: 190px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector,
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}



div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}


/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}

/*
 * uniform css end
 */

/*
 * grid css begin
 */

.grid-container {
	/*margin: 0 auto;*/
	margin-left: 15px;
  width: 950px;

}

.grid-container:before,
.grid-container:after {
	display: table;
	content: "";
}

.grid-container:after {
	clear: both;
}

.grid-row {
	margin-left: -10px;
}

.grid-row:before,
.grid-row:after {
	display: table;
	content: "";
}

.grid-row:after {
	clear: both;
}

.grid-row.compact {
  height: 5px;
}

.grid-span1,
.grid-span2,
.grid-span3,
.grid-span4,
.grid-span5,
.grid-span6,
.grid-span7,
.grid-span8,
.grid-span9,
.grid-span10,
.grid-span11,
.grid-span12 {
	float: left;
	min-height: 28px;
	margin-left: 10px;
}

.grid-span12 {
	width: 960px;
}

.grid-span11 {
	width: 870px;
}

.grid-span10 {
	width: 790px;
}

.grid-span9 {
	width: 710px;
}

.grid-span8 {
	width: 630px;
}

.grid-span7 {
	width: 550px;
}

.grid-span6 {
	width: 470px;
}

.grid-span5 {
	width: 390px;
}

.grid-span4 {
	width: 310px;
}

.grid-span3.special {
  width: 270px;
}


.grid-span3.editultrawide {
  /*width: 300px;*/
}


.grid-span3 {
	width: 230px;
}

.grid-span2 {
	width: 150px;
}

.grid-span1 {
	width: 70px;
}

.grid-span2.no-label {
	margin-top: 24px;
}


.grid-span1.compact,
.grid-span2.compact,
.grid-span3.compact,
.grid-span4.compact,
.grid-span5.compact,
.grid-span6.compact,
.grid-span7.compact,
.grid-span8.compact,
.grid-span9.compact,
.grid-span10.compact,
.grid-span11.compact,
.grid-span12.compact {
	min-height: 5px;
}

.errorcontainerabsolute {
  position: absolute;
  top: 65px;
  left: 0px;
  width: 710px;
  padding-top: 1px;
}

.newscontainer {
  position: absolute;
  top: 100px;
  left: 0px;
  height: 120px;
  width: 628px;
  overflow: auto;
  font-size: 12px;
}

.newscontainer p {
    margin: 0 0 0 0!important;
}

#nowsvg {
  position: absolute;
  top: 46px;
  left: 656px;
  z-index: -999;
  overflow: hidden;
}

#quickbutton {
  width: 80px;
  height: 25px;
  position: absolute;
  top: 478px;
  left: 310px;
}

#interaction_pdfbutton {
  width: 70px;
  height: 25px;
  position: absolute;
  top: 13px;
  left: 800px;
}

#agbbutton {
  width: 70px;
  height: 25px;
  position: absolute;
  top: 10px;
  left: 560px;
}

#backendbutton {
  width: 70px;
  height: 25px;
  position: absolute;
  top: 42px;
  left: 560px;
}

#free {
  width: 70px;
  height: 25px;
  position: absolute;
  top: 226px;
  left: 560px;
}

#free span {
  display: table-cell;
  vertical-align: middle;
}

#quickbutton span {
  display: table-cell;
  vertical-align: middle;
}


.menusearch {
  margin-top: 159px;
}


/*
@media (min-width: 1200px) {
	.grid-container {
		width: 1180px;
	}
	.grid-row {
		margin-left: -20px;
	}
	.grid-span1,
	.grid-span2,
	.grid-span3,
	.grid-span4,
	.grid-span5,
	.grid-span6,
	.grid-span7,
	.grid-span8,
	.grid-span9,
	.grid-span10,
	.grid-span11,
	.grid-span12 {
		margin-left: 20px;
	}
	.grid-span12 {
		width: 1180px;
	}
	.grid-span11 {
		width: 1080px;
	}
	.grid-span10 {
		width: 980px;
	}
	.grid-span9 {
		width: 880px;
	}
	.grid-span8 {
		width: 780px;
	}
	.grid-span7 {
		width: 680px;
	}
	.grid-span6 {
		width: 580px;
	}
	.grid-span5 {
		width: 480px;
	}
	.grid-span4 {
		width: 380px;
	}
	.grid-span3 {
		width: 280px;
	}
	.grid-span2 {
		width: 180px;
	}
	.grid-span1 {
		width: 80px;
	}
}
*/

/*
 * gridd css end
 */

/*
 * global css begin
 */



html {
	min-height: 100%;

	background: #003048;
  background-image: -o-linear-gradient(top, #004869 0%, #003048 100%);
	background-image: -moz-linear-gradient(top, #004869 0%, #003048 100%);
	background-image: -webkit-linear-gradient(top, #004869 0%, #003048 100%);
	background-image: -ms-linear-gradient(top, #004869 0%, #003048 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004869), color-stop(1, #003048));
	background-image: linear-gradient(top, #004869 0%, #003048 100%);

/*

  background-image: url(/images/space.jpg);
  width: 100%; height: 150px; background-size: 100%;
*/

}


a {
  color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 20px;
	font-weight:normal;
}


h2 {
	font-size: 16px;
	margin: 6px 0;
}

h2.label-align {
	margin-left: 90px;
}

.grid-span5 h2.label-align {
	margin-left: 160px;
}

h2.label-align.sub {
  margin-left: 90px;
}

h1.color,
h2.color {
	color: #edab4a;
}

#main {
	position: relative;
	padding: 0 0px;
}
#header {
}
#header:before,
#header:after {
	content: "";
	display: table;
}
#header:after {
	clear: both;
}


#header .ui {
	float: right;
	margin: 10px 0 0;
}



#header .user-pref-wrapper {
	float: left;
	width: 70px;
	margin: 0 10px 0 0;
	height: 25px;
	font-size: 12px;
}

/*
@media (min-width: 1200px) {
	#header .user-pref-wrapper {
  	width: 80px;
  }
}
*/

.uppercase {
  text-transform: uppercase;
}


/* group */
#header .group {
	float: left;
	margin: 0 20px 0 0;
	max-width: 300px;
	overflow: hidden;
}
	#header .group .label {
		display: inline-block;
		padding: 4px;
		text-transform: uppercase;
	}


	#header .group .type {
		display: inline-block;
		padding: 4px;
		width: 80px;
		color: #000;
		text-align: center;
		text-transform: uppercase;
		background-color: #f5c933;
	}

/* status */
#header .status {
	float: left;
	margin: 0 20px 0 0;
	max-width: 300px;
	overflow: hidden;
}
	#header .status .label {
		display: inline-block;
		padding: 4px;
		text-transform: uppercase;
	}
	#header .status .active,
	#header .status .inactive {
		display: inline-block;
		padding: 4px;
		width: 80px;
		color: #000;
		text-align: center;
	}
	#header .status .active {
		background-color: #3ebb00;
	}
	#header .status .inactive {
		background-color: #ff2600;
	}

/* languages */
#header .language-nav {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
}
	#header .language-nav li.active,
	#header .language-nav li a {
		display: block;
		border-left: 1px solid #0c5073;
		padding: 4px 4px 4px 30px;
		width: 115px;
		height: 20px;
		line-height: 20px;
		color: #fff;
		background: #003756 4px 50% no-repeat;
		overflow: hidden;
	}
		#header .language-nav a:hover {
			background-color: #005956;
		}
		#header .language-nav ul {
			position: absolute;
			top: -9999px;
			left: 0;
		}
		#header .language-nav:hover ul {
			top: 28px;
		}
			#header .language-nav li.active.de,
			#header .language-nav li.de a {
				background-image: url(/images/flag-de.png);
			}
			#header .language-nav li.active.en,
			#header .language-nav li.en a {
				background-image: url(/images/flag-de.png);
			}
			#header .language-nav li.active.kl,
			#header .language-nav li.kl a {
				background-image: url(/images/flag-de.png);
			}

/* login infos */

.button-list li.logedininfo {
  width: 230px;
  text-align: right;
  padding-top: 4px;
}

.logout {
	padding: 4px 4px 4px 4px;
	color: #fff;
	text-decoration: none;
	background: #394955;
	font-size: 12px;
	border-radius: 4px;
}


.button-list li.noleftmargin {
  margin-left:0;
}


#header .logout:hover {
	background-color: #4a5a66;
}

#button-save {
	position: absolute;
	top: 120px;
	right: 10px;
	width: 100px;
}

.phase2img {
	/*width: 100%;*/
}


/* search-form */
form.search {
	margin-bottom: 10px;
}
form.search button.search {
	/*width: 90px;*/
}
form.search input,
form.search select {
	width: 96%;
}
form.search .input-append input {
	width: 80%;
}


form.user-preferences .change {
	float: right;
	width: 100px;
	margin-right: 10px;
}

form .buttons div {
	float: left;
	width: 70px;
	margin-left: 8px;
}
	form .buttons div:first-child {
		margin-left: 0;
	}

form .buttons.right {
  float: right;
}

#userprefs form .buttons.right {
  padding-right: 145px;
}

#userprefs .meprefsright .control-label {
  width: 180px!important;
  margin-right: 15px;
}

#userprefs .warningtext {
    color: #FF4B21;
}

.padright10 {
    padding-right: 10px;
}

.padright20 {
    padding-right: 20px;
}

.padright30 {
    padding-right: 30px;
}

.padbottom20 {
    padding-bottom: 20px;
}

.padbottom30 {
    padding-bottom: 30px;
}

.padbottom35 {
    padding-bottom: 35px;
}

.padbottom40 {
    padding-bottom: 40px;
}


.padleft90 {
  padding-left: 90px;
}

.padtop5 {
  padding-top: 5px;
}

.padright5 {
    padding-right: 5px;
}

.padtop10 {
  padding-top: 10px;
}

.padtop7 {
  padding-top: 7px;
}


.padtop15 {
  padding-top: 15px;
}

.padtop20 {
  padding-top: 20px;
}

.padtop25 {
    padding-top: 25px;
  }
.padtop30 {
  padding-top: 30px;
}
.padtop35 {
    padding-top: 35px;
  }
.padtop40 {
  padding-top: 40px;
}
.padtop50 {
  padding-top: 50px;
}
.padtop60 {
  padding-top: 60px;
}
.padtop70 {
  padding-top: 70px;
}
.padtop80 {
  padding-top: 80px;
}
.padtop90 {
  padding-top: 90px;
}

.padtop100 {
  padding-top: 100px;
}

.padtop120 {
  padding-top: 120px;
}

.padtop140 {
  padding-top: 140px;
}

.padtop150 {
  padding-top: 150px;
}

.padbottom40 {
  padding-bottom: 40px;
}

.padbottom60 {
 padding-bottom: 60px;
}

.padbottom80 {
  padding-bottom: 80px;
}

.margintop16 {
    margin-top: 16px!important;
}


.padleft5 { padding-left: 5px; }
.padleft10 { padding-left: 10px; }
.padleft20 { padding-left: 20px; }
.padleft30 { padding-left: 30px; }
.padleft40 { padding-left: 40px; }
.padleft50 { padding-left: 50px; }


.input-color1 input,
.input-color1 textarea,
.input-color1 .token-input-list {
	background-color: #ffe5e5;
}
.input-color2 input,
.input-color2 textarea,
.input-color2 .token-input-list {
	background-color: #ffd9b2;
}
.input-color3 input,
.input-color3 textarea,
.input-color3 .token-input-list {
	background-color: #d6dbb8;
}
.input-color4 input,
.input-color4 textarea,
.input-color4 .token-input-list {
	background-color: #e58a2e;
}

.control-group.checkbox-special {
	/*background-color: #fff;*/
	margin-bottom: 1px;
}
.control-group.checkbox-special .checkbox {
    margin: 0;
    padding: 0;
}
.control-group.checkbox-special .checkbox .checker {
    float: left;
    padding: 5px 8px;
    margin: 0;
    width: 19px;

    overflow: hidden;
}
.control-group.checkbox-special .checkbox .inner {
    display: block;
    padding: 5px 3px 5px 0px;
    margin: 0 0 0 35px;
    width: 105px;
    min-height: 17px;
    line-height: 17px;

    overflow: hidden;
}
/*
media (min-width: 1200px) {
	.control-group.checkbox-special .checkbox .inner {
		width: 135px;
	}
}
*/

.control-group.checkbox-special.checkbox-special-color1 .checkbox .inner {

}
.control-group.checkbox-special.checkbox-special-color2 .checkbox .inner {

}
.control-group.checkbox-special.checkbox-special-color3 .checkbox .inner {

}
.control-group.checkbox-special.checkbox-special-color4 .checkbox .inner {

}


/* buttons */

.button-list {
	overflow: hidden;
	font-size: 12px;
}

.button-list li {
	float: left;
	width: 70px;
	min-height: 10px;
	margin-left: 10px;
}



.button-list li:first-child {
	margin-left: 0;
}

.toplist {
  padding-top: 6px;
  min-height: 25px;
}

.toplist.ultrawide li {
    width: 150px!important;
}

.gridtoplist{
  padding-top: 4px;
}


/*
@media (min-width: 1200px) {
	.button-list li {
		float: left;
		width: 80px;
	}
}
*/


.button-wrapper {
}

.button-wrapper.center {
	width: 100px;
	margin: 0 auto;
}


/* color grey final */
.button {
	position: relative;
	display: table;
	margin: 0 0 6px;
	width: 100%;
	height: 40px;
	background: #ecf1f5;
	color: #000;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.button.dynamic {
 	position: relative;
 	display: inline-block;
	padding: 3px 10px 3px 10px;
	width: auto;
	min-width: 140px;
	height: 20px;
	vertical-align: middle;
}

.button:hover {
  background: #CDCDCD;
}

a.button {
	text-decoration: none;
}

.button a:hover {
  text-decoration: none;
}

.button span {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}



.button.large {
	height: 86px;
}

.button span.mediumplus {
    height: 33px;
}

.button span.medium {
    height: 30px;
}

.button span.small {
  height: 25px;
}

.button.small {
  height: 25px;
}

.button.mainnavigation {
  margin: 0;
}

.button.small.interaction {
  font-size: 12px;
}

.button.wide {
  width: 145px;
}

.button.ultrawide {
  width: 150px;
}

.button.ultrawider {
    width: 200px;
  }


.button.mediumheight {
  height: 56px;
}

.button.birthday {
  font-size: 12px;
}

.button.birthday {
  height: 20px;
  width: 70px;
  /* margin-left: 240px */;

}

.button.tiny {
  height: 16px;
  margin: 0px;
  padding: 0px;
}

.button span.tiny {
  height: 15px;
}


.button.user-pref {
  height: 25px;
}

/* search color orange final orange_button */
.button.search,
.button.new2,
.button.color1,
.button.saveandview,
.button.action,
.button.orange {
  background: #D3671B;
	text-decoration: uppercase;
	color: #fff;
}

.text_orange {
  color: #D3671B;
}

.button.search:hover,
.button.new2:hover,
.button.color1:hover,
.button.saveandview:hover,
.button.action:hover,
.button.orange:hover {
  background: #E98E4B;
}

/* hellorange_button */
.button.orangelight {
  /*background:  #DA9047;*/
  /*background: #FFA95D;*/
  background: #da9356;

}

.text_orangelight {
  color: #da9356;
}


.button.orangelight:hover {
  background: #E7B68F;
}

/* color yellow final */
.button.color5,
.button.yellow,
.button.print {
  background: #fdbb0a;
}

.expires_warning {
  color: #fdbb0a; /*yellow*/
  font-weight: bold;
  text-align: left;
}

.notice-info-text {
    color: #88FA4F; /*alert green*/
    text-align: right;
    display: none;
}

.text_yellow {
  color: #fdbb0a;
}

.button.color5:hover,
.button.yellow:hover,
.button.print:hover {
  background: #FFCB4F;
}

/* color purple  */
.button.purple {
  background: #9F538C;
  color: #fff;
}

.text_purple {
  color: #9F538C;
}

/* basic color + lightness + 35 steps */
.button.purple:hover{
  background: #BC7CAC;
  color: #fff;
}


/* color green final */
.button.color7,
.button.save,
.button.edit,
.button.green,
.button.new,
.button.show,
.mybutton.green {
  background: #5C9542;
	color: #fff;
}

.text_green {
  color: #5C9542;
}

.button.color7:hover,
.button.save:hover,
.button.edit:hover,
.button.green:hover,
.button.new:hover,
.button.show:hover {
  background: #7EBB63;
}

/* color white  */
.button.white {
    background: #ffffff;
    color: #000;
    border: 1px solid black;
  }


  /* basic color + lightness + 35 steps */
  .button.white:hover{
    background: #f3f3f3;

  }


/* color grey final graublau-button */
.button.color11,
.button.cancel,
.button.savenandlist,
.button.grey {
  background: #ecf1f5;
}

.text_grey {
  color: #ecf1f5;
}


.button.color11:hover,
.button.cancel:hover,
.button.grey:hover,
.button.savenandlist:hover,
.button.grey:hover {
  background: #FFFFFF;

}

/* color red final warning, rot_button */
.button.warning,
.trashcanheader,
.button.red,
.button.color33 {
  background: #B53000;
	color: #fff!important;
}

.text_red {
  color: #B53000;
}

.button.warning:hover,
.button.red:hover,
.button.color33:hover {
  background: #FC3B00;
}


/* color blue final darkblue blau_button*/
.button.color16,
.button.saveandmenu,
.button.time,
.button.blue {
  background: #6085A3;
	color: #fff;
}
.text_blue {
  color: #6085A3;
}

.button.color16:hover,
.button.saveandmenu:hover,
.button.time:hover,
.button.blue:hover {
  background: #8DA8BD;
}

/* color lightblue hellblau_button*/
.button.lightblue,
.button.bluelight {
  background: #a1b7c9;
}
.text_lightblue,
.text_bluelight {
  color: #a1b7c9;
}

.button.lightblue:hover,
.button.bluelight:hover {
	background: #CDD9E3;
}

/* color pearl final */
.button.color6,
.button.neutral {
  background: #F0F4F6;
}
.text_neutral {
  color: #F0F4F6;
}

.button.color6:hover,
.button.neutral:hover {
  background: #FFFFFF;
}

/* beige_button */
.button.beige {
  background: #efd0b1;
}

.text_beige {
  color: #efd0b1;
}
.button.beige:hover {
  background: #FBF3EB;
}


/* forms */

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 19.5px;
  line-height: 36px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #eee;
}
legend small {
  font-size: 13.5px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}

input,
select,
textarea {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

button {

}

label {
	display: block;
	margin-bottom: 5px;
}

input,
textarea,
select,
.uneditable-input,
.token-input-list {
	display: inline-block;
	width: 210px;
	/*height: 18px;*/
	padding: 4px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #fff;
	/*border-radius: 6px;*/
	/* ipad specials */
	/*-webkit-appearance: none;*/
	-webkit-border-radius: 2px;
}

.invoiceaddress input {
  width: 220px;

}

input[type=submit] {
  -webkit-appearance: none;
}

.form-horizontal textarea {
  width: 290px;
}

div.selector {
	width: 210px;
}
div.selector select {
	border: none;
	background-color: #fff;
	color: #000;
	cursor: pointer;
}

.grid-span2 input,
.grid-span2 textarea,
.grid-span2 select,
.grid-span2 .uneditable-input,
.grid-span2 .token-input-list,
.grid-span2 div.selector {
	width: 130px;
}
.grid-span2 div.selector select {
	width: 140px;
	min-width: 140px;
}

.grid-span3 input,
.grid-span3 textarea,
.grid-span3 select,
.grid-span3 .uneditable-input,
.grid-span3 .token-input-list,
.grid-span3 div.selector {
	width: 130px;
}

.grid-span3 div.selector select {
	width: 140px;
	min-width: 140px;
}

.grid-span3.special input,
.grid-span3.special textarea,
.grid-span3.special select,
.grid-span3.special .uneditable-input,
.grid-span3.special .token-input-list,
.grid-span3.special div.selector {
	width: 167px;
}

.grid-span3.special div.selector select {
	width: 167px;
	min-width: 167px;
}


.grid-span4 input,
.grid-span4 textarea,
.grid-span4 select,
.grid-span4 .uneditable-input,
.grid-span4 .token-input-list,
.grid-span4 div.selector {
	width: 210px;
}
.grid-span4 div.selector select {
	width: 220px;
	min-width: 220px;
}

#userprefs input,
#userprefs textarea,
#userprefs select,
#userprefs .uneditable-input,
#userprefs .token-input-list,
#userprefs div.selector {
	width: 200px;
}


.button.login {
  margin-left: 10px;
  width: 220px;
  height: 40px;
}

.button.loginchangelang {
  margin-left: 10px;
  width: 220px;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
}

/*
@media (min-width: 1200px) {
  #loginbutton {
    width: 180px;
    height: 40px;
  }

	input,
	textarea,
	select,
	.uneditable-input,
	.token-input-list {
		width: 300px;
	}
	div.selector {
		width: 300px;
	}
	div.selector select {
		width: 310px;
		min-width: 310px;
	}

	.grid-span2 div.selector {
		width: 160px;
	}
	.grid-span2 div.selector select {
		width: 170px;
		min-width: 170px;
	}

	.grid-span3 input,
	.grid-span3 textarea,
	.grid-span3 select,
	.grid-span3 .uneditable-input,
	.grid-span3 .token-input-list {
		width: 170px;
	}
	.grid-span3 div.selector {
		width: 170px;
	}
	.grid-span3 div.selector select {
		width: 180px;
		min-width: 180px;
	}

	.grid-span4 input,
	.grid-span4 textarea,
	.grid-span4 select,
	.grid-span4 .uneditable-input,
	.grid-span4 .token-input-list,
	.grid-span4 div.selector {
		width: 270px;
	}
	.grid-span4 div.selector select {
		width: 280px;
		min-width: 280px;
	}

	form .buttons div {
		width: 80px;
	}
}
*/


.rememberme {
  width: 10px;
}

.token-input-list input {
	border: none;
	padding: 0;
	width: auto;
	margin: 0;
}
.grid-span2 .token-input-list input,
.grid-span3 .token-input-list input,
.grid-span4 .token-input-list input,
.grid-span5 .token-input-list input {
	width: 50px;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
label input,
label textarea,
label select {
  display: block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
  /* IE9 and down */

}
input[type="image"] {
  border: 0;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: #ffffff;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}
select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  line-height: 28px;
}
input[type="file"] {
  line-height: 18px \9;
}
select {
  width: 220px;
  background-color: #c0c0c0;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea {
  height: auto;
}
input[type="hidden"] {
  display: none;
}
/*.radio,
.checkbox {
  padding-left: 18px;
}*/
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input,
textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-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;
}
input:focus,
textarea:focus {
	outline: 0;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
  float: none;
  margin-left: 0;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
input.span12, textarea.span12, .uneditable-input.span12 {
  width: 930px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
  width: 850px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
  width: 770px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
  width: 690px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
  width: 610px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
  width: 530px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
  width: 450px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
  width: 370px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
  width: 290px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
  width: 210px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
  width: 130px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
  width: 50px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #eeeeee;
  border-color: #ddd;
  cursor: not-allowed;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
}
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
}
.form-actions {
  margin: 6px 0 10px;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}
.form-actions:after {
  clear: both;
}
.uneditable-input {
  display: block;
  background-color: #E58A2E;
  border-color: #000;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
.help-block,
.help-inline {
  color: #555555;
}
.help-block {
  display: block;
  margin-bottom: 9px;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.input-prepend,
.input-append {
  margin-bottom: 5px;
}


.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  position: relative;
  z-index: 2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc;
}
.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  margin-bottom: 9px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-append input,
.input-append select .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc;
}
.input-append .add-on,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
	display: inline-block;
	margin-bottom: 0;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  padding: 0;
  margin: 0;
}
.control-group {
  margin-bottom: 4px;
}
legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
	float: left;
	width: 140px;
	padding-top: 5px;
	text-align: right;
}

	.grid-span5 .form-horizontal .control-label,
	.grid-span3 .form-horizontal .control-label,
	.form-horizontal .grid-span3 .control-label,
	.grid-span4 .form-horizontal .control-label,
	.form-horizontal .grid-span4 .control-label {
		width: 80px;
	}
.form-horizontal .controls {
	margin-left: 160px;
}
  .grid-span5 .form-horizontal .controls,
	.grid-span3 .form-horizontal .controls,
	.form-horizontal .grid-span3 .controls,
	.grid-span4 .form-horizontal .controls,
	.form-horizontal .grid-span4 .controls {
		margin-left: 90px;
	}
.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}
.form-horizontal .form-actions {
  padding-left: 160px;
}

.grid-span7.form-nolabel .controls,
.grid-span3.form-nolabel .controls {
  margin-left: 0;
}


.grid-span3.form-nolabel textarea {
  width: 260px;
}


.grid-span3.form-nolabel .token-input-list {
  width: 260px;
  height: 120px;
  overflow: auto;
}

.private-labels {
  height: 120px;
}

.control-group.public-label {

}

.grid-span7.form-nolabel .token-input-list {
  width: 540px;
}

.grid-span7.editright {
  margin-top: 15px;
}

.editright .control-group {
  margin-bottom: 0;
}

.grid-span7.form-nolabel .view-user .token-input-list,
.grid-span7.form-nolabel .edit-user .token-input-list {
  height: 54px;
  margin-top: 0;
  margin-bottom: 5px;
}

.headline-above {
  font-size: 12px;
  padding-bottom: 2px;
}

.headline-above span.metatitle {
  font-size: 11px;
}


.edittextfields label {
  font-size: 11px;
  width: 50px;
}

.clientedit-uneditable-input {
  display: block;
  width: 170px;
  margin-top: 1px;
  border-radius: 2px;
  border: 1px solid #000;
  height: 18px;
  color: #000;
  padding: 2px;
  cursor: not-allowed;
}

.switcher {
  background: #6085A3;
  border-radius: 2px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 5px;
  padding-top: 4px;
  height: 20px;
}

.switcher.filled {
  color: #fdbb0a;
}

.textareacontainer {
  margin-top: 10px;
  margin-left: 0;
  padding: 0;
  width: 950px;
}

.alignright {
  text-align: right;
}

.textareacontainer textarea {
  margin: 0;
  width: 940px;
  overflow: auto;
}

.chart .textareacontainer {
    width: 1030px;
}

.chart .textareacontainer textarea {
    width: 1020px;
}


#client_company-coachingcomments,
#client_company-information {
  height: 200px!important;
}

#client_company-shortexecutivesummary {
  height: 150px;
}

#clientedit .edittextfields .controls {
  margin-left: 90px;
}

#clientedit .edittextfields div.control-group {
  padding: 0;
  margin: 0;

}

#clientedit .edittextfields label {
  padding: 4px 0 0 0;
  margin: 0;
  height: 18px;
}


#clientedit .edittextfields input {
  width: 170px;
  padding: 2px;

}


/* Example tokeninput style #1: Token vertical list*/
.autocomplete-input ul.token-input-list  {
	height: 120px;
  overflow: auto;
}


ul.token-input-list {
    overflow: hidden;
    cursor: text;
}
	ul.token-input-list li {
	    list-style-type: none;
	}
		ul.token-input-list li input {
			padding: 3px 8px;
		    margin: 2px 0;
			-webkit-appearance: caret;
		}

li.token-input-token {
	position: relative;
	float: left;
    overflow: hidden;
    border: 1px solid #999;
    height: auto !important;
    margin: 3px;
    padding: 2px 5px 0 15px;
    background-color: #ccc;
    border-radius: 5px;
    font-size: 12px;
    color: #000;
    cursor: default;
}
	li.token-input-token p {
	    float: left;
	    padding: 0;
	    margin: 0;
	}
	li.token-input-token span {
	    position: absolute;
	    top: 2px;
	    left: 5px;
	    color: #000;
	    cursor: pointer;
	    font-weight: bold;
	}

li.token-input-selected-token {
    background-color: #aaa;
    color: #000;
}
	li.token-input-selected-token span {
	    color: #000;
	}

div.token-input-dropdown {
    position: absolute;
    margin-left: 1px;
    width: 178px;
    background-color: #F6B723;
    overflow: hidden;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 1;
}
	div.token-input-dropdown p {
	    margin: 0;
	    padding: 5px;
	    font-weight: bold;
	    color: #000;
	}
	div.token-input-dropdown ul {
	    margin: 0;
	    padding: 0;
	}
		div.token-input-dropdown ul li {
		    background-color: #F6B723;
		    padding: 3px;
		    list-style-type: none;
			color: #000;
		}
		div.token-input-dropdown ul li.token-input-dropdown-item {
		    background-color: #F6B723;
		}
		div.token-input-dropdown ul li.token-input-dropdown-item2 {
		    background-color: #f7c834;
		}
			div.token-input-dropdown ul li em {
			    font-weight: bold;
			    font-style: normal;
			}
			div.token-input-dropdown ul li.token-input-selected-dropdown-item {
			    background-color: #e5a612;
			}


/* jquery UI overwrite */
.ui-dialog.keys-namespace {
	position: absolute;
	padding: .2em;
	width: 300px;
	text-align: center;
	overflow: hidden;
	box-shadow: 2px 2px 10px #000;
	background: #00324b;
	background-image: -o-linear-gradient(top, #004768 0%, #00324b 100%);
	background-image: -moz-linear-gradient(top, #004768 0%, #00324b 100%);
	background-image: -webkit-linear-gradient(top, #004768 0%, #00324b 100%);
	background-image: -ms-linear-gradient(top, #004768 0%, #00324b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004768), color-stop(1, #00324b));
	background-image: linear-gradient(top, #004768 0%, #00324b 100%);
}
.ui-dialog.keys-namespace.ui-widget-content {
	border: 4px solid #fff;
}
	.ui-dialog.keys-namespace .ui-widget-content {
		color: #fff;
	}
	.ui-dialog.keys-namespace .button {
		width: 100px;
	}
	.ui-dialog.keys-namespace .ui-dialog-buttonpane {
		border: none;
		padding: 10px;
		background: none;
	}
	.ui-dialog.keys-namespace .ui-dialog-titlebar {
		border: none;
		background: transparent;
	}

/* color5 */
.ui-dialog.keys-namespace .ui-dialog-buttonpane button {
	margin: 0;
	padding: 10px;
	min-width: 80px;
	height: 40px;
	border-radius: 4px;
	background: #f6b723;
	background-image: -o-linear-gradient(top, #f6e1b4 0%, #f6b723 100%);
	background-image: -moz-linear-gradient(top, #f6e1b4 0%, #f6b723 100%);
	background-image: -webkit-linear-gradient(top, #f6e1b4 0%, #f6b723 100%);
	background-image: -ms-linear-gradient(top, #f6e1b4 0%, #f6b723 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6e1b4), color-stop(1, #f6b723));
	background-image: linear-gradient(top, #f6e1b4 0%, #f6b723 100%);
}
.ui-dialog.keys-namespace .ui-dialog-buttonpane button:hover {
	background-image: -o-linear-gradient(top, #f6b723 0%, #f6b723 100%);
	background-image: -moz-linear-gradient(top, #f6b723 0%, #f6b723 100%);
	background-image: -webkit-linear-gradient(top, #f6b723 0%, #f6b723 100%);
	background-image: -ms-linear-gradient(top, #f6b723 0%, #f6b723 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6b723), color-stop(1, #f6b723));
	background-image: linear-gradient(top, #f6b723 0%, #f6b723 100%);
}
.ui-dialog.keys-namespace .ui-dialog-titlebar-close {
	background-color: #dadada;
}

.ui-dialog {
  z-index: 5;
}

/*
 * global css end
 */

/******************************************************************************************/
/*
 * custom  css begin
 */
.errormessage {
  color: #FF4B21; /*red*/
}

.hint {
  font-size: 12px;
  color: #FFF;
}

#loginscreen {
  position: relative;
}


.imprint {
  font-size: 11px;
  padding-top: 10px;
}


#loginscreen .label_username {
  width: 100px;
}

#loginscreen .infotext {
  padding-left: 20px;
}


.flash_error,
.existsmessage {
  color: #FF4B21; /*red*/
  font-weight: bold;
  text-align: left;
}


.flash_warning {
  color: #E88B1C; /*orange*/
  font-weight: bold;
  text-align: center;

}

.notsupported {
  padding: 2px;
  font-size: 15px;
  width: 960px;
  text-align: center;
  color: #FF4B21; /*red*/
  font-weight: bold;
  position: absolute;
  z-index: 1000;
  top: 25px;
  background-color: rgba(0, 0, 0, 0.6);
}

.flash_notice {
  color:  #D6DBB8; /*green*/
  font-weight: bold;
  text-align: left;
}

.flash_success {
  color:  #D6DBB8; /*green*/
  font-weight: bold;
  text-align: left;
}

.error_list {
  color: #FF4B21; /*red*/
}

ul.error_list {
  overflow: hidden;
}

#buttonspacer {
  height: 300px;
}

.newBlockSpacer {
  height: 20px;
}


.client-edit-buttons {
  float: right;
  font-size: 12px;
}

.client-edit-buttons.firstline {
  padding-top: 5px;
}

.clientinfo {
  margin-top: 10px;
}

#k-busyOverlay {
	z-index:130000;
}

.searchdropdown .selector {
  margin-top: 1px;
  margin-bottom: 10px;
}

#uniform-searchproperty1,
#uniform-searchproperty2,
#uniform-searchproperty3 {
  width: 181px!important;
}

.searchproperty {

}

.mainmenu {
  padding-top: 7px;
}


.mainmenu p.birthdays {
  height: 51px;
  overflow: auto;
  font-size: 12px;
  color: #b3b3b3;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 11px;
}



.mainmenu  p {
  margin: 5px 0 0 0;
}


.newperson {
  padding-top: 0px;
  padding-bottom: 10px;
}

.menulist {
  margin-top: -20px;
}

.searchinput {
  margin-bottom: 0px;
}

.appendright {
  /*padding-left: 143px;*/
}

.appendright {
  float: right;
}

#listsearchheader {
  font-size: 13px;
  padding-top: 0;
}

#searchbuttonlist {
  padding-top: 5px;
}

/******************** CHARTVIEWS ************************************************/

.chart {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.chartoverview {
  padding-left: 10px;
}

#chartoverview.tablesize  {
    width: 582px!important;
    /*border: 1px solid red!important;*/
}

#idcontainer {
  padding-left: 18px;
  padding-top: 10px;
  font-size: 13px;
  margin-bottom: 20px;
}


#overview4 {
  width: 146px;
}

.chart .charttable {

  padding-left: 4px;
}

.chart .charttable td.paddingbottom {
    padding-bottom: 8px!important;

}


.chart .charttable .chartcross {
  /*font-size: 14px;*/
}

#overview1  {
  margin-top: 20px;
}

.chart .charttable td {
  border: none;
  padding-top: 0;
  padding-bottom: 1px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px;
}

.chart .charttable td.label {
  padding-right: 10px;
  text-align: right;
  /*vertical-align: middle;*/
  white-space: nowrap;
}

.chart {
  font-size: 12px;
}

.chart .target {
    padding-left: 92px;
}

.chart td.two-lines-fixed {
    height: 33px
}

.chart .caption {
  font-size: 18px;
}

.chart .birthdata {
  font-size: 14px;
}

.chart .chartcolor1 {
  color: #fdbb0a;
}

.chart .chartcolor2 {
  color: #E3DD4F;
}

.chart .chartcolor3 {
  color: #aaa; /* grey text */
}

.caps {
    text-transform: uppercase;
}

#overview2 td {
  padding: 0px;
}

#overview3 {
  width: 496px;
}

#overview2 td.data,
#overview3 td.data {
  padding-left: 10px;
  padding-right: 10px;
}

.chart .td-quadrant {
    padding-left: 26px!important;
    padding-right: 18px!important;
}

#overview2 td,
#overview3 td,
#overview4 td,
#basicoverview4 td,
#overview5 td
{
  white-space:nowrap;
}

#overview2 td,
#overview3 td,
#overview4 td,
#overview5 td,
#basicoverview4 td {
  padding-top: 0;
  padding-bottom: 0;
}


.chart #overview4,
.chart #overview5,
.chart #basicoverview4 {
  padding-left: 0;
}

#overview4 .return {
  padding-right: 12px;
}

#overview4 .returnlabel {
  padding-right: 30px;
}

#overview5 td {
    line-height: 14px;
}

#overview5 .lines {
  padding-right: 12px;
}

#overview5 .dplusp {
  padding-right: 26px;
}


#overview5 .dpluspdata {
  padding-left: 7px;
}
#overview5 .emotional {
  padding-right: 10px;
}


#overview5 .listline {
  padding-left: 1px;
}


.chart .doublelines {
  vertical-align: middle;
}

.chart .roles {
  padding-right: 5px;
}



.basicHint1 {
  padding-top: 15px;
  font-size: 13px;
}

.basicHint2 {
  padding-top: 25px;
  font-size: 14px;
  text-align: center;
}

.basicHint3 {
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 14px;
  text-align: center;
}

.overview-table-container {
    display: inline-block;
}

.chart #overview4,
.chart #overview5,
.chart #overview6 {
    float: left;
}


/****** ASPECTS ********************************************************************************/

.chartaspects {
  margin-left: -10px;
  width: 485px;
}

#aspectscontent {
  top: 0;
  right: 0;
  text-align: center;
  font-size: 12px!important;

  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;

}

#aspectscontent .gatetext,
#aspectscontent .subline,
#aspectscontent .headline,
#aspectscontent .gatenumber,
#aspectscontent .subline2,
#aspectscontent .potentialgateheadline,
#aspectscontent .line {
    font-size: 12px!important; /* 12 */
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

#aspectshexagramm {
  position: absolute;
  left: 475px;
  top: 72px;
  text-align: left;
  font-family: 'Conv_I-Ching',Sans-Serif;
  font-size: 64px;
}

#magicsquare {
  position: absolute;
  left: 10px;
  top: 660px;
}

.magicsquaregrid {
  height: 460px;
}

#aspectscontainer {
  text-align: center;
}


#aspectscontainer .headline {
  color: #fdbb0a;
  font-size: 14px;
  padding-bottom: 4px;
  padding-top: 10px;
}


#aspectscontainer .headline2 {
  color: #fdbb0a;
  padding-bottom: 2px;
}

#aspectscontainer .headline3 {
  color: #fdbb0a;
  padding-bottom: 0;
}

#aspectscontainer .gatenumber {
  font-size: 22px;
  padding-bottom: 2px;
}

#aspectscontainer .gatesubline {
  text-transform: uppercase;
  padding-bottom: 6px;
}

#aspectscontainer .qinfo {
  padding-bottom: 6px;

}

#aspectscontainer .qtitle {
  color: #fdbb0a;
  padding-bottom: 4px;
}

#aspectscontainer .gatetext {
  font-size: 13px;
  padding-bottom: 10px;
}

#aspectscontainer .potentialgateheadline {
  color: #fdbb0a;
  font-size: 14px;
  padding-bottom: 5px;
}

#aspectscontainer .potentialgatetext {
  text-align: justify;
  padding-bottom: 10px;
}

#aspectscontainer .line {
  font-size: 16px;
  padding-bottom: 0;
}

#aspectscontainer .subline {
  font-size: 14px;
  padding-bottom: 2px;
}

#aspectscontainer .subline2 {
  font-size: 13px;
  padding-bottom: 6px;
}

#aspectscontainer .potentiallineheadline {
  color: #fdbb0a;

}

#aspectscontainer .potentiallinetext {
  padding-bottom: 4px;
}

#aspectscontainer .potentiallineheadlineshadow {
  color: #fdbb0a;
}

#aspectscontainer .potentiallinetextshadow {
  font-style:italic;
}

.font12 {
  font-size: 12px!important;
}

#aspectscontainer .penta .potentiallinetext,
#aspectscontainer .penta .potentiallinetextshadow {
  font-size: 12px!important;
}

#aspectscontainer .penta .line {
  font-size: 14px!important;
}

#svgdiv {
  width: 430px;
  height: 582px;
  overflow: hidden;
}

#svgdiv.library {
  width: 430px;
  height: 550px;
  overflow: hidden;
}

.button.free.zoom {
    width: 40px;
    font-size: 16px;
}

.button.free.w50 {
    width: 50px;
}

.button.free.w60 {
    width: 60px;
}
.button.free.w70 {
    width: 70px;
}
.button.free.w80 {
    width: 80px;
}
.button.free.w100 {
    width: 100px;
}


/* TIME ********************************************************************************************************/

#timeheader {
  padding-left: 131px;
  font-size: 16px;
  padding-top: 100px;
  padding-bottom: 60px;
}


#timeheader .thleft {
  width: 120px;
}

#timeheader .thright {
  text-align: right;
}

#timeheader td {
  padding-left: 5px;
  padding-right: 5px;
}

#plusminus .arrow {
  background-image: url(/images/plusminus160.png);
  background-repeat: no-repeat;
  background-position:center;
  height: 80px;
  font-size: 18px;
  color: #000;
}

#plusminus .arrow ul {
  padding-left: 35px;
}

#plusminus .arrow li {
  float: left;
  width: 52px;
  padding-top:27px;
  padding-bottom: 27px;
  text-align:center;
 /* border: 1px solid #000;*/
}


#plusminus .plusminusinput {
  width: 30px;
  border: solid 1px #000;
  font-size: 18px;
  text-align: center;
}

#timeheader:hover,
#hourminus:hover,
#hourplus:hover,
#minuteminus:hover,
#minuteplus:hover {
  cursor: pointer;
}

#plusminus .timesavebuttons {
  padding-top: 40px;
  text-align: center;
  width: 140px;
  padding-left: 45px;
}

#plusminus .infotext {
  font-size: 14px;
  padding-top: 70px;
  text-align: center;
}


/*********** comparison ****************************************************************/

.comparisonright {
  margin-left: -10px;
}

#comparison table {
  border-collapse: collapse;
  margin-bottom: 10px;
  font-size: 11px;
}

#comparison .tables li {
  float: left;
  padding-right: 15px;
}

#comparison td {
  border: solid 1px #fff;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 20px;
}

#comparison .planetname {
  text-align: left;
  font-size: 11px;
  padding-right: 5px;
  width: 58px;
}

#comparison td.different {
  background-color: #A24202;
}

#comparison .headline {
  margin-top: 20px;
  margin-bottom: 5px;
}

#comparison .sourcetime {
  margin-left: 60px;
}

#comparison .offset {
  padding-bottom: 7px;
}

#comparison li {
  text-align: center;
}


#comparison tr.header {
  font-size: 10px;
}

#ninechart .ninechart {
  padding-top: 15px;
}

#ninechart .subtitle1,
#quickview .subtitle1 {
  text-align: center;
  margin-top: 5px;
}

#ninechart .subtitle2,
#quickview .subtitle2 {
  text-align: center;
}

li.button-long {
  width: 150px;
}

.center {
  text-align: center;
}

.comparisonright .infotext {
  margin-left: -5px;
  text-align: center;
  width: 440px;

}
/** listset ***********************************************************************************/

#listset table {
  border-collapse: collapse;
  border: none;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

#listset table a {
  color: #fff;
  text-decoration: none;
}

#listset th {
  font-weight: normal;
	color: #fff;
	padding: 5px 5px 5px 5px;
  border-left: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  background: #6085A3;
}

#listset td {
  padding: 4px 5px 4px 5px;
  border-left: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  border-top: 1px solid #D3C296;
  border-bottom: 1px solid #D3C296;
  font-size: 12px;
	background-color: #fff;
	color: #000;
}

#listset tr.odd td {
  background-color: #f5f5f5;
}

#listsettable {
  border: 1px solid #D6D6D6;
  width: auto;
	border-radius: 2px;
	margin-top: 20px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
}

#listset td.name {
  width: 200px;
}

#listset td.action.addperson {
  /*width: 120px;*/
}

#listset td.description {
  width: 300px;
}

#listset td.createdat,
#listset th.createdat {
  width: 110px;
  text-align: center;
}

#listset td.action {
  width: 40px;
  text-align: center;
}

#listset td.actiondelete {
  width: 40px;
  text-align: center;
}

#listset td.action a {
  color: #fff;
}

#listset td.action.addperson a {
  color: #fff;
}

#listset th.headline {
  text-align: center;
}

.listseteditable {
  height: 10px;
}

#listsetadddialoge, .ui-autocomplete-input, .popupinput {
  width: 290px;
}


/**********************************************************************************************/
/* INTERACTION ********************************************************************************/
/**********************************************************************************************/

.interaction {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
}

.interaction .center {
  /*margin-left: 0px;*/
}

.interaction .cardleft,
.interaction .cardright {
  width: 207px;
  height: 280px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.interaction .cardleft {
  border: 6px solid #395779; /*blue*/
  margin-top:6px;
}

.interaction .cardright {
  border: 6px solid #BE5501; /*orange*/;
  margin-top:10px;
}


.interaction .cardbackgroundleft {
  width: 219px;
  height: 575px;
  margin-left: 0px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #395779; /*blue*/
  position:absolute;
  top: 65px;
  left: 15px;
  z-index: -999;
}

.interaction .cardbackgroundright {
  width: 219px;
  height: 575px;
  margin-left: 2px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #BE5501; /*orange*/
  position:absolute;
  top: 65px;
  left: 723px;
  z-index: -999;
}

.interaction .cardbackgroundspecial {
    height: 588px!important;
}


.cyclereturns .cardbackgroundright,
.cyclereturns .cardbackgroundleft {
  height: 595px;
}

.transit .cardbackgroundleft {
  height: 575px;
}

.transit .cardbackgroundright {
  top: 48px;
  height: 590px;
}


.interaction .logo {
  padding-top: 4px;
}

#logo {
  padding-top: 7px;
}

#listlogo {
  padding-top: 3px;
}


.menulogo {
  padding-top: 7px;
}

.logo.free{
  padding-top: 7px;
  padding-left: 15px;
}

.interaction .button-list {
  height: 38px;
  padding-left: 2px;
}



.interaction .button-list li {
  margin-top: 11px;
}

.interaction .transference {
  background: #9D27A5;
}



/* interaction mandala inline container */
.mandala_interaction_container {
    margin-top: 14px;
    padding-left: 18px;
    padding-top: 22px;
    position: relative;
    background: white;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    min-width: 567px;
    min-height: 571px;
}

.mandala_interaction_svg {
    width: 550px;
    height: 550px;
}
.mandala_interaction_body_graph {
    position: absolute;
    top: 153px;
    left: 203px;
}

#mandala_interaction_logo {
    position: absolute;
    top: 547px;
    left: 487px;
    z-index: 999;
    width: 70px;

}

#mandala_interaction_logo:hover {
    cursor: pointer;
}

#interaction_wheel_container {
    position: absolute;
    left: 970px;
    top: 33px;
}

#cyclereturn_wheel_container {
    position: absolute;
    left: 970px;
    top: 45px;
}

#transit_wheel_container {
    position: absolute;
    left: 970px;
    top: 30px;
}

#interaction_wheelbutton {
    position: absolute;
    left: 970px;
    top: 11px;
    width: 70px;
    height: 25px;
}

#cyclereturns_wheelbutton {
    position: absolute;
    left: 937px;
    top: 11px;
    width: 70px;
    height: 25px;
}

#transit_wheelbutton {
    position: absolute;
    left: 870px;
    top: 11px;
    width: 70px;
    height: 25px;
}

/** ICTABLE **************************************************************************/

#interactioncenter {
  margin-left: 0px;
}


#ictable {
  width: 100%;
  font-size: 12px;
}


#ictable td {
  text-align: left;
  padding-right: 5px;
}

#ictable td span {
  padding-left: 2px;
  padding-right: 2px;
}

#ictable td.title.center {
  text-align: right;
  padding-left: 2px;
  padding-right: 0px;
}

#ictable td.title.titleleft,
#ictable td.title.titleright {
  width: 226px;
}

.interaction .color3 {
  color: #aaa;
}

.interaction .color1 {
  color: #fdbb0a;
}

#ictable td.number {
  width: 15px;
  text-align: center!important;
}

#ictable td.text1 {
  width: 5%;
}

#ictable td.text2 {
  width: 107px;
}

#ictable td.right {
  text-align: right;
  padding-right: 0px;
  padding-left: 5px;
}

#ictable td.title {
  text-align: center;
}

#ictable td.title {
  font-size: 16px;
  padding-bottom: 16px;
}

#ictable td.subtitle {
  font-size: 15px;
  padding-bottom: 16px;
  text-align: center;
}

#ictable td.lastline {
  padding-bottom: 10px;
}

.nolink {
  color: black;
}


.floatTL {
  position:absolute;
  top: 14px;
  left: 245px;
  width: 470px;
  z-index: -999;
}

.interaction-float-title {
    position:absolute;
    top: 14px;
    left: 245px;
    width: 470px;
  }

.interaction-float-body {
    position:absolute;
    top: 88px;
    left: 245px;
    width: 470px;
    z-index: -999;
}

.cyclereturns-float-title {
    position:absolute;
    top: 48px;
    left: 245px;
    width: 470px;
}

.cyclereturns-float-body {
    position:absolute;
    top: 151px;
    left: 245px;
    width: 470px;
    z-index: -999;
}

#svgcenter {
  width: 470px;
  height: 530px;
  padding-top: 10px;
}

#transit #svgcenter {
  padding-top: 50px;
}

#interaction #svgcenter {
  padding-top: 60px;
}




/* TABLE PLANETS **************************************************/

.neutrinos {
  font-family: 'Conv_NeutrinA', Sans-Serif;
}

.interaction .planets {
  text-align: center;
  width: 219px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: center;
}

table.planets  {
  padding: 0 10px 0 10px !important;
}

table.planets tr {
  height: 21px;
}

table.planets td {
  padding: 0;
  vertical-align: middle;
}

table.planets td.highlighted {
  color: #fdbb0a;
}


table.planets td.su,
table.planets td.ea {
  background: #000;
}

table.planets td.matchself {
  background: #797979; /*grey*/
}

table.planets td.neutrinos {
  font-size: 15px;
  color: #A9A9A9;
  padding-left: 1px;
  padding-right: 1px;
}

table.planets td.gate {
  font-size: 15px;
  width: 10px;
  text-align:right;
}

table.planets td.line {
  font-size: 12px;
  width: 10px;
  text-align: right;
  vertical-align:top;  line-height:100%;
}


table.planets td.externaltrigger.c1 {
  color: #E88B1C; /* orange */
}

table.planets td.externaltrigger.c2 {
  color: #1E314D; /* blue */
}


table.planets td.matchother.c1 {
  background: #BE5501; /* dark orange */
}

table.planets td.matchother.c2 {
  background: #305C80; /*dark dark blue */
}

table.planets td.color,
table.planets td.externaltrigger,
table.planets td.trigger {
  width: 18px;

}


table.triggersum {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

table.triggersum td.left {
  width: 40px;
  text-align: right;
}

table.triggersum td.right {
  text-align: right;
}


table.triggersum td.down {
  color: #FF2900;
  font-size: 36px;
  padding: 10px 5px 0 0;
}

table.triggersum td.up {
  color: #227C1B;
  font-size: 36px;
  padding: 10px 5px 0 0;
}

#aspectscontainer.interaction {
  padding-bottom: 20px;
}

.button-list.inter1 {
    padding-left: 35px;
}


/* table interactioninfo **************************************************************/

table.interactioninfo {
  width: 100%;
  font-size: 12px;
  text-align: left;
  padding: 15px 30px 15px 40px;
}

table.interactioninfo td {
  padding-right: 5px;
}

table.interactioninfo td.r1 {
  width: 100px;
}

table.interactioninfo td.r2 {
  width: 26px;
}

table.interactioninfo td.r3 {
  text-align: right;
  width: 20px;
  padding-right: 0px;
}

table.interactioninfo td.r4 {
  text-align: center;
  width: 80px;
  padding-right: 0px;

}

table.interactioninfo td.r5 {
  width: 20px;
  text-align: left!important;
}

table.interactioninfo td.r6 {
  text-align: right;
}

table.interactioninfo td.r7 {
  width: 10px;
}

table.interactioninfo td.definitionslabel {
  text-align: right;
  padding-right: 7px;
  padding-top: 5px;
}

.clickable {
  cursor: pointer;
}

/* interaction returns **********************************************************************************/

.interaction .returns {
  padding: 40px 0 0 16px;
}

.interaction .returns td {
  whitespace:nowrap;
}

.interaction .returns td.exact {
  padding-bottom: 5px;
}

.interaction .returns td.designbirthdate {
  padding-bottom: 20px;
}

.interaction .returns td.birthdate {
  padding-top: 10px;
}

.interaction .returns td {
  padding-right: 10px;
}

.interaction .returns td.planet {
  color: #aaa;
}

.interaction .returns.returnsc2 {
  text-align: right;
}


.interaction .returns.returnsc2 td.planet {
  padding-left: 44px;
}

#loaderchart {
  text-align: center;
  padding-top: 300px;
}


#loadercard {
  text-align: center;
  padding-top: 150px;
}

#loaderdialog {
  text-align: center;
  padding-top: 30px;
}

#loaderinteraction {
  text-align: center;
  padding-top: 200px;
}


.cyclereturns table.planets td.highlighted {
  background: #FF2200;
}

/**** CYCLERETURNS ***********************************************/

.floatTL.cyclereturns {
  top: 48px;
}

#svgcenter.cyclereturns {
  padding-top: 35px;
}

.cyclereturns .button-list li {
  margin-top: 11px;
  padding-left: 0;
}

.cyclereturns .cardleft,
.cyclereturns .cardright {
  margin-top: 6px;
}

/***** CYCLERETURNCENTER ************************************************/
table.cyclereturncenter td.titleaddon {
  text-align: center;
}

table.cyclereturncenter td.titleaddon2 {
  text-align: center;
  padding-bottom: 16px;
  font-size: 10px;
}


table.cyclereturncenter {
  width: 100%;
  font-size: 12px;
}


table.cyclereturncenter td {
  text-align: left;
  padding-right: 5px;
  color: #fff;
}

table.cyclereturncenter td span {
  padding-left: 2px;
  padding-right: 2px;
}


table.cyclereturncenter td.number {
  width: 15px;
  text-align: center!important;
}

table.cyclereturncenter td.text1 {
  width: 5%;
}

table.cyclereturncenter td.text2 {
  width: 107px;
}

table.cyclereturncenter td.right {
  text-align: right;
  padding-right: 0px;
  padding-left: 5px;
  color: #fdbb0a;
}

.orangelink {
    color: #fdbb0a!important;
}

table.cyclereturncenter td.title {
  text-align: center;
  font-size: 16px;
  padding-bottom: 5px;
}


table.cyclereturncenter td.subtitle {
  font-size: 15px;
  padding-bottom: 10px;
}

table.cyclereturncenter td.subtitle.le {
  text-align: left;
  padding-left: 40px;
}

table.cyclereturncenter td.subtitle.re {
  text-align: right;
  padding-right: 40px;
}


table.cyclereturncenter td.lastline {
  padding-bottom: 10px;
}

table.cyclereturn td.direction {
  text-align: right;
  font-size: 11px;
  width: 10px;
  padding-left: 4px;
  padding-right: 2px;
}


table.cyclereturn td.su,
table.cyclereturn td.ea {
  background: transparent;
  color: #fff;

}


table.cyclereturn td.nn,
table.cyclereturn td.sn {
  color: #83E458;
}


table.cyclereturn td.mo,
table.cyclereturn td.me,
table.cyclereturn td.ve,
table.cyclereturn td.ma {
  color: #FFFA00;
}

table.cyclereturn td.ju,
table.cyclereturn td.sa,
table.cyclereturn td.ur,
table.cyclereturn td.ne,
table.cyclereturn td.pl {
  color: #fff;
}

/* interactionlines ***************************************************************************************/
table.interactionlines {
  padding-top: 40px;
  padding-left: 40px;
}

table.interactionlines td {
  padding-right: 20px;
  text-align: center;
}

table.interactionlines td.lineheader {
  text-align: left;
}

table.interactionlines td.time {
  text-align: left;
  padding-top: 10px;
}


#aspectscontainer.cyclereturns {
  padding-top: 15px;
}

/* interaction legend ***************************************************************************************/

.interaction .legend {
  color: #aaa;
  margin-bottom: 20px;
}

.interaction .legend h1 {
  font-size: 12px;
}

.interaction .legend.text {
  font-size: 11px;
}

table.planets td.white {
  color: #fff;
}

#solarreturnnumber {
  width: 20px;
  height: 15px;
}

li.inputnarrow {
  width: 30px;
}

.cyclereturns #pdfbutton {
  margin-left: 30px;
}


/* transit ***************************************************************************************/


.transit input.transitdate {
  width: 70px;
}

.transit input.transittime {
  width: 50px;
}

#transitdate,
#transittime {
  height: 15px;
}


.transit li.datelabel {
  text-align: right;
  padding-top: 6px;
  width: 65px;
}

.transit li.gmtlabel {
  text-align: left;
  width: 60px;
  padding-top: 6px;
  margin-left: -5px;
  margin-right: 10px;
}

.transit li.timelabel {
  width: 40px;
  text-align: right;
  padding-top: 6px;
}

.transit li.timeinupt {
    margin-left: 3px!important;
}

.transit li.dateinput {
    margin-left: 3px!important;
}


.transit li.showbutton {
    margin-left: 5px!important;
}


table.cyclereturncenter .text2 {
  color: #aaa!important;
}


#rollover_d_ea:hover,
#rollover_d_su:hover,
#rollover_d_nn:hover,
#rollover_d_sn:hover,
#rollover_d_mo:hover,
#rollover_d_me:hover,
#rollover_d_ve:hover,
#rollover_d_ma:hover,
#rollover_d_ju:hover,
#rollover_d_sa:hover,
#rollover_d_ur:hover,
#rollover_d_ne:hover,
#rollover_d_pl:hover,
#rollover_p_ea:hover,
#rollover_p_su:hover,
#rollover_p_nn:hover,
#rollover_p_sn:hover,
#rollover_p_mo:hover,
#rollover_p_me:hover,
#rollover_p_ve:hover,
#rollover_p_ma:hover,
#rollover_p_ju:hover,
#rollover_p_sa:hover,
#rollover_p_ur:hover,
#rollover_p_ne:hover,
#rollover_p_pl:hover {
  cursor: pointer;
}


.Sec_colors_1_click:hover,
.Sec_colors_2_click:hover,
.Sec_colors_3_click:hover,
.Sec_colors_4_click:hover,
.Sec_colors_5_click:hover,
.Sec_colors_6_click:hover,
.Sec_colors_7_click:hover,
.Sec_colors_8_click:hover,
.Sec_colors_9_click:hover,
.Sec_colors_10_click:hover,
.Sec_colors_11_click:hover,
.Sec_colors_12_click:hover,
.Sec_colors_13_click:hover,
.Sec_colors_14_click:hover,
.Sec_colors_15_click:hover,
.Sec_colors_16_click:hover,
.Sec_colors_17_click:hover,
.Sec_colors_18_click:hover,
.Sec_colors_19_click:hover,
.Sec_colors_20_click:hover,
.Sec_colors_21_click:hover,
.Sec_colors_22_click:hover,
.Sec_colors_23_click:hover,
.Sec_colors_24_click:hover,
.Sec_colors_25_click:hover,
.Sec_colors_26_click:hover,
.Sec_colors_27_click:hover,
.Sec_colors_28_click:hover,
.Sec_colors_29_click:hover,
.Sec_colors_30_click:hover,
.Sec_colors_31_click:hover,
.Sec_colors_32_click:hover,
.Sec_colors_33_click:hover,
.Sec_colors_34_click:hover,
.Sec_colors_35_click:hover,
.Sec_colors_36_click:hover,
.Sec_colors_37_click:hover,
.Sec_colors_38_click:hover,
.Sec_colors_39_click:hover,
.Sec_colors_40_click:hover,
.Sec_colors_41_click:hover,
.Sec_colors_42_click:hover,
.Sec_colors_43_click:hover,
.Sec_colors_44_click:hover,
.Sec_colors_45_click:hover,
.Sec_colors_46_click:hover,
.Sec_colors_47_click:hover,
.Sec_colors_48_click:hover,
.Sec_colors_49_click:hover,
.Sec_colors_50_click:hover,
.Sec_colors_51_click:hover,
.Sec_colors_52_click:hover,
.Sec_colors_53_click:hover,
.Sec_colors_54_click:hover,
.Sec_colors_55_click:hover,
.Sec_colors_56_click:hover,
.Sec_colors_57_click:hover,
.Sec_colors_58_click:hover,
.Sec_colors_59_click:hover,
.Sec_colors_60_click:hover,
.Sec_colors_61_click:hover,
.Sec_colors_62_click:hover,
.Sec_colors_63_click:hover,
.Sec_colors_64_click:hover,
.Sec_colors_54_click:hover
{
  cursor: pointer;
}



/* triggerpotentials ***************************************************************************************/

#triggerpotentials {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#triggerpotentials .headline {
  font-size: 20px;
  padding-top: 45px;
  padding-bottom: 20px;
}


#triggerpotentials .sum {
  font-size: 16px;
}

#triggerpotentials .positive {
  color: #17C6CB;
}

#triggerpotentials .negative {
  color: #D81A0D;
}

#triggerpotentials .subheadline.negative {
  padding-top: 25px;
}


#triggerpotentials  .triggers a {
  color: #fff;
  /*text-decoration: none;*/
}

#channelsaspects {
  margin-bottom: 10px;
  padding-left: 25px;
}

#channelsaspects .channelstext {
  padding-bottom: 10px;
}

#channelsaspects .title {
  width: 100%;
  text-align:center;
  font-size: 12px;
  padding-bottom: 5px;
}

#loaderchart2 {
  padding: 60px;
}

.forbidden {
  text-align: center;
}

.forbidden h2 {
  text-weight: normal;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 0px;

}

.forbidden .flash_error {
  text-align: center;
}

.forbidden .forbiddenimage {
  padding: 20px;
}

#clientedit .relationblock span.inner{
  font-size: 12px;
}


#agb {
  padding: 30px;
  width: 800px;
}

.multichart .svg {
  margin-right: 10px;
}

.multichart .svgrow {
  padding-bottom: 10px;
}

.multichart .multigridrow {
  padding-bottom: 10px;
}


#missionsvg {
  float: left;
  padding-right: 20px;
  padding-bottom: 6px;
}

.floatingbutton {
    float: left;
}

#mission .headline,
.basicview .headline {
  font-size: 13px;
  padding-bottom: 3px;
  padding-top: 5px;
  color: #fdbb0a;
}

#mission .headlinecolor,
.basicview .headlinecolor {
  color: #aaa;
}

#mission .text,
.basicview .text {
  font-size: 12px;
  padding-bottom: 5px;
  padding-right: 30px;

}

#mission .text,
#type .text {
    text-align: justify;
}

#specialnumber{
  width: 20px;
  height: 15px;
}


#specialnumber {
  width: 20px;
  height: 15px;
}

#mission .talents {
    padding-top: 2px;
}


.basicright {
  padding-top: 0;
  padding-left: 15px;
}

.basicright .headline {
  padding-top: 15px;
}

.headline a.nolink {
  color: #fdbb0a;
  text-decoration: none;
}

.headline a.nolink:hover {
  text-decoration: underline;
}


.penta {
  margin-bottom: 20px;
}

.penta .logo {
  padding-top: 4px;
}

.penta .button-list {
  height: 37px;
}

.penta .button-list li {
  margin-top: 11px;
}




/* custom 1280 SXGA grid css *************************************************************************/

.debug {
  background: grey;
}

.grid-container.sxga {
  width: 1240px;
}

.sxga .grid-row {
  margin-left: -5px;
}
.sxga .grid-span1,
.sxga .grid-span2,
.sxga .grid-span3,
.sxga .grid-span4,
.sxga .grid-span5,
.sxga .grid-span6,
.sxga .grid-span7,
.sxga .grid-span8,
.sxga .grid-span9,
.sxga .grid-span10,
.sxga .grid-span11,
.sxga .grid-span12 {
  /*border: 1px solid #0f0;*/
  margin-left: 5px;
}
.sxga .grid-span12 {
  width: 1195px;
}
.sxga .grid-span11 {
  width: 1995px;
}
.sxga .grid-span10 {
  width: 995px;
}
.sxga .grid-span9 {
  width: 895px;
}
.sxga .grid-span8 {
  width: 795px;
}
.sxga .grid-span7 {
  width: 695px;
}
.sxga .grid-span6 {
  width: 595px;
}
.sxga .grid-span5 {
  width: 495px;
}
.sxga .grid-span4 {
  width: 395px;
}
.sxga .grid-span3 {
  width: 295px;
}
.sxga .grid-span2 {
  width: 195px;
}
.sxga .grid-span1 {
  width: 95px;
}

.sxga .button-list li {
  float: left;
  width: 70px;
}

#business {
  margin-top: 10px;
  margin-bottom: 20px;
}

#business .svggraph {
  padding-left: 15px;
}

#business .svggraphrow {
  padding-bottom: 15px;
}

/*
#business .svg {

}
*/


#business .forcefield {
  margin-top: 3px;
  padding-top: 2px;
  width: 200px;
  height: 270px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #395779;
  text-align: center;
}

#business .o16forcefield{
  margin-top: 85px;
  padding-top: 2px;
  width: 200px;
  height: 290px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #BE5501;
  text-align: center;
}



#business .o16svg {
  padding-left: 15px;
  padding-right: 15px;
}


#business .forcefield .title {
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 14px;
}

#business .presencecontainer {
  float: left;
  padding-left: 15px;
  padding-right: 19px;
  height: 196px;
}

#business .svgothers {
    padding-left: 0px;
}

#business .donutspacing {
    padding-left: 18px;
}

.specialinfo {
  color: #fdbb0a; /* orange */
  position: absolute;
}

#business .specialinfo .headline {
  font-weight: bold;
  color: #fff;
}

#authenticteammode {
  top: 565px;
  left: 230px;
  width: 430px;
  text-align: center;
}

#teamtype {
  top: 605px;
  left: 230px;
  width: 430px;
  text-align: left;
}

#teamtype .white {
    color: #fff;
}


#pentarole {
  top: 605px;
  left: 15px;
  width: 200px;
  text-align: center;
}

#o16role {
  top: 655px;
  left: 15px;
  width: 200px;
  text-align: center;
}

.custommenu .button-list {
  padding-top: 10px;
}


/**** O16 ****************************************************************/
#o16 {
  padding-bottom: 20px;
}

#o16overview .o16forcefield {
  width: 257px;
  height: 390px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #BE5501;
  text-align: center;
  margin-left: -20px;

}


#o16overview .o16svg {
  padding-left: 17px;
  padding-right: 17px;
  margin-top: 10px;
}


#o16overview .o16forcefield .title {
  padding-top: 10px;
  font-size: 14px;
}

#o16 .svggraph {
  padding-right: 5px;
}



#o16 .svggraphrow {
  padding-bottom: 5px;
}

#o16 .svggraphrow2 {
  padding-top: 5px;
}

#o16 .svggraphrow3 {
  padding-top: 2px;
}


#o16 .svggraphrow2 .svggraph2 {
  padding-left: 0;
  padding-right: 10px;
}

#o16 .svggraphrow2 .svggraph3 {

}

#o16 .custommenu {
  padding-bottom:5px;
}

.headlineinfo {
  margin-top: 8px;
  color: #fdbb0a; /* orange */
}

.custommenu .grey {
  color: #A9A9A9;
}

#o16 .o16DsunNnTonegraph {
  width: 467px;
  height: 192px;
  margin-left: 482px;

  background: #fff;
  border: 1px solid #000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  position: relative;
}

.o16DsunNnTonegraph .leftone {
  position: absolute;
  top: 5px;
  left: 0;
}

.o16DsunNnTonegraph .rightone {
  position: absolute;
  top: 5px;
  right: 0;
}

.o16DsunNnTonegraph .lefttwo {
  position: absolute;
  bottom: 5px;
  left: 0;
}

.o16DsunNnTonegraph .righttwo {
  position: absolute;
  bottom: 5px;
  right: 0;
}


#o16 .svggraph.leftrow {
  float: left;
  width: 473px;
}


#o16table {
	border-radius: 2px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 10px;
  border-collapse: collapse;
  background: #fff;
  color: #000;
  margin-left: 15px;
  margin-bottom: 10px;
  width: 1296px;

}

#o16table td,
#o16table th {
  border: 1px solid #D6D6D6;
  width: 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
}


#o16table th {
  height: 20px;
  font-weight: normal;
}

#o16table td.numbers {
  width: 22px;
}

#o16table td.names {
  width: 110px!important;
  text-align: left;
  overflow: hidden;
}

#o16table .names a {
  color: #000;
  text-decoration: none;
}

#o16table .showname {
  width: 110px;
  overflow: hidden;
}

#o16table td.sumtext {
  text-align: right;
  padding-right: 3px;
}

#o16table tr.numberrow {
  height: 14px;
}

#o16table tr.channelrow {
  height: 10px;
}

#o16table tr.spaceholder {
  height: 12px;
}

#o16table td.sumnull {
  background: #FF2600;
  color: #fff;
}

#o16table th.names {
  font-weight: bold;
}

#o16table td.names {
  padding-left: 3px;
}


#o16table tr.sums {
  height: 20px;
}

#o16table tr.channelrow td {
  /*border-bottom: 1px solid #777;*/
}

#o16table td.tdspace{
  width: 5px!important;
}

.o16inactiveodd { background: #fff; }
.o16inactiveeven { background: #F5F5F5; }

.o16colorgroup1a { background: #4E0B58; color: #fff; }
.o16colorgroup1i { background: #854E8E; color: #fff; }
.o16inactive1 { background: #F8E8FB; }

.o16colorgroup2a { background: #AD6D08; color: #fff; }
.o16colorgroup2i { background: #DEA01F; color: #fff; }
.o16inactive2 { background: #FCF0D5 }

.o16colorgroup3a { background: #24630C; color: #fff; }
.o16colorgroup3i { background: #6AA653; color: #fff; }
.o16inactive3 { background: #E5F7DE; }

.o16colorgroup4a { background: #761209; color: #fff; }
.o16colorgroup4i { background: #CC4137; color: #fff; }
.o16inactive4 { background: #F5D9D7; }

.o16colorgroup5a { background: #0A396F; color: #fff; }
.o16colorgroup5i { background: #3969A0; color: #fff; }
.o16inactive5 { background: #E6F1FD; }


.o16colorgroup6a { background: #087782; color: #fff; }
.o16colorgroup6i { background: #4FAEB8; color: #fff; }
.o16inactive6 { background: #E1EEEF; }


.o16colorgroup7a { background: #5F5F5F; color: #fff; }
.o16colorgroup7i { background: #5F5F5F; color: #fff; }
.o16inactive7 { background: #F5F5F5; }


/* custom grid css *************************************************************************/

.largegrid .grid-container {
  width: 1240px;
}

.largegrid .grid-row {
  margin-left: -5px;
}
.largegrid .grid-span1,
.largegrid .grid-span2,
.largegrid .grid-span3,
.largegrid .grid-span4,
.largegrid .grid-span5,
.largegrid .grid-span6,
.largegrid .grid-span7,
.largegrid .grid-span8,
.largegrid .grid-span9,
.largegrid .grid-span10,
.largegrid .grid-span11,
.largegrid .grid-span12 {
  /*border: 1px solid #0f0;*/
  margin-left: 5px;
}
.largegrid .grid-span12 {
  width: 1195px;
}
.largegrid .grid-span11 {
  width: 1995px;
}
.largegrid .grid-span10 {
  width: 995px;
}
.largegrid .grid-span9 {
  width: 895px;
}
.largegrid .grid-span8 {
  width: 795px;
}
.largegrid .grid-span7 {
  width: 695px;
}
.largegrid .grid-span6 {
  width: 595px;
}
.largegrid .grid-span5 {
  width: 495px;
}
.largegrid .grid-span4 {
  width: 395px;
}
.largegrid .grid-span3 {
  width: 295px;
}
.largegrid .grid-span2 {
  width: 195px;
}
.largegrid .grid-span1 {
  width: 95px;
}

.largegrid .button-list li {
  float: left;
  width: 70px;
}

/*****************************************************************************************/



#o16potentials .widgetcontainer {
  width: 690px;
  height: 840px;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #000;
  color: #000;
  position: relative;
  margin-bottom: 20px;
}

#o16potentials .widgetcontainer .organisation {
  position: absolute;
  left: 0;
}

#o16potentials .widgetcontainer .innovation {
  position: absolute;
  right: 0;
}

#o16potentials .widgetcontainer .direction {
  position: absolute;
  left: 0;
  top: 250px;
}

#o16potentials .widgetcontainer .competition {
  position: absolute;
  right: 0;
  top: 250px;
}

#o16potentials .widgetcontainer .logic {
  position: absolute;
  left: 0;
  bottom: 5px;
}

#o16potentials .widgetcontainer .communication {
  position: absolute;
  right: 0;
  bottom: 5px;
}



#signin_username,
#signin_password {
  background: #fff!important;
}


.gridtoplist.minimallayout {
  margin-left: 10px;
}

.gridtoplist.minimallayout input {
  height: 15px;
}

#quickview li.newdatecontainer {
  width: 100px;
}

#quickview li.newdatelabel {
  font-size: 14px;
  text-align: right;
  padding-top: 4px;
}

#quickview .newdate {
  width: 90px;
}



#specialscontainer {
  padding-bottom: 10px;
}

.grid-row.lastrow {
  padding-bottom: 20px;
}

#menuscreen a {

}

.menulisttop {
  margin-top: 10px;
}

.menulistbottom {
  margin-bottom: 20px;
}


table.planettable {
  border-collapse:collapse;
  background: #fff;
  color: #000;
  width: 100%;
}

table.planettable,
table.planettable th,
table.planettable td {
  border: 1px solid #003751;
}

table.planettable td {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.planettable td.d {
  color: #dc7221; /* orange */
  width: 95px;
}

table.planettable td.p {
  color: #4d6d90; /*blue*/
  width: 95px;
}

table.planettable td.gate {
  width: 40px;
}

#aminotable {
    padding-bottom: 40px;
}

.aminocontainer {
    width: 989px;
    background: #fff;
    color: #000;
    padding: 20px;
}

.aminocontainer h4 {
    padding-bottom: 10px;
}
.aminocontainer td {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    text-align: center;

}

.aminocontainer td.label {
    width: 170px;
    text-align: left;
}

.aminocontainer td.stopterminators {
    font-weight: bold;

}

.aminocontainer .legend {
    padding-top: 10px;
}

.aminocontainer table {
    padding-bottom: 20px;
    font-size: 12px;
    border-spacing: 5px;

}

.aminocontainer .background_1 {
    background-color: #dc7221;
    color: #fff;
}

.aminocontainer .background_2 {
    background-color: #4d6d90;
    color: #fff;
}


.aminocontainer .background_3 {
    background-color: #dc7221;
    background-image: -webkit-linear-gradient(315deg, #dc7221 50%, #4d6d90 50%);
    color: #fff;
  }




.padleft15 {
  padding-left: 15px;
}

.padleft20 {
  padding-left: 20px!important;
}

.padleft25 {
    padding-left: 25px!important;
  }


.padleft10 {
  padding-left: 10px;
}

.padleft7 {
  padding-left: 7px;
}

.padleft5 {
  padding-left: 5px;
}

.padleft3 {
  padding-left: 3px;
}

.padleft1 {
  padding-left: 1px;
}

.padleft30 {
  padding-left: 30px!important;
}

.padleft40 {
  padding-left: 40px;
}

.left0 {
  padding-left: 0!important;
  margin-left: 0!important;
}

.left5 {
  margin-left: 5px!important;
}

/* chart overview spider inline container */
.spiderOverview {
  background: white;
  padding-top: 35px;
  padding-left: 15px!important;
  margin-top:16px;
  margin-left: 15px!important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  max-width: 570px;
  height: 545px;

}

#overviewButtonActivity {
    position: absolute;
    left: 965px;
    top: 665px;
}

#spidertitle {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    z-index: 0;
    position: absolute;
    left: 495px;
    top: 570px;
    width: 510px;
    text-align: center;
    color: #000;
    font-size: 20px;
    display: none;
  }


/* chart overview mandala inline container */
.mandala_container {
    margin-top: 16px;
    padding-left: 18px;
    padding-top: 15px;
    position: relative;
    background: white;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    max-width: 567px;
    min-height: 565px;
}


.mandala {
    position: absolute;
    top: 15px;
    left: 18px;
    width: 550px;
    height: 550px;
}

.mandala_interaction_container .mandala {
    top: 22px;
}


.mandala_svg {
    width: 550px;
    height: 550px;
}

.mandala_body_graph {
    position: absolute;
    left: 202px;
    top: 169px;
}

#mandala_logo {
    position: absolute;
    top: 541px;
    left: 487px;
    z-index: 999;
    width: 70px;

}

#mandala_logo:hover {
    cursor: pointer;
}

.pad5 {
  padding-top: 5px;
}




#emailerror {
  color: red;
}

.vimeocontainerstartpage {
  border: 2px solid #fff;
  width: 706px;
  margin-left: 80px;
}

.red {
  color: red;
}

.help-block {
  color: white;
  text-align: center;
}


/**************************************************/
#library .info {
  padding-top: 10px;
  padding-bottom: 10px;
}


#library .headline {
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 5px;
  color: #fdbb0a;
}

#library .headline2 {
  font-size: 13px;
  padding-bottom: 3px;
  padding-top: 5px;
  color: #fdbb0a;
  text-align: center;
}

#library .headline3 {
  font-size: 13px;
  padding-bottom: 3px;
  padding-top: 5px;
  color: #fdbb0a;
}


#library .headlinecolor {
  color: #aaa;
}

#library .text {
  font-size: 12px;
  padding-bottom: 15px;
}


.right {
  text-align: right;
}

.left {
  text-align: left;
}

#library .form-horizontal .control-label {
	float: left;
	width: 200px;
	padding-top: 5px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 10px;
}

#library .form-horizontal .control-label.circuit {
  width: 140px!important;
}


#library .channelinfo {
  padding-top: 5px;
  padding-bottom: 10px;
}

#library .form-horizontal .control-label.free {
	padding-top: 10px;
}


input.small {
  width: 40px;
}

input.button {
  border: 0;
}

.free div.selector {
  width: 155px;
}

.button.free {
  width: 150px;
  display: inline-block;
  text-align: center;
  height: 25px;
  margin-top: 6px;
}

.button.free.wide {
  width: 230px;
}

#library .button.free {
  margin-left: 2px;
  width: 160px;
  height: 26px;
}

.button.free.ultrawide {
  width: 300px;
}


.button.free .textblock {
 padding-top: 4px;
}

.button.free.big {
  height: 39px;
}

.button.free.big .textblock {
 padding-top: 11px;
}


.button.search span {
  width: 100%;
}

#library .hint {
  font-size: 12px;
  width: 430px;
  padding-left: 10px;
}

#library li.headline {
  width: 200px;
}

#library #svgdiv {
  margin-left: 15px;
}

#library label {
  display: inline-block;
}

#library #output {
  min-height: 400px;
  padding-top: 15px;
}


.sfTMessageContainer {
  padding-top: 15px;
  padding-bottom: 15px;
}

.sfTMessageContainer h1 {
  padding-bottom: 15px;
}

.errorimage {
  padding-top: 20px;
  padding-bottom: 20px;
}

a.forgotpassword {
  margin-left: 10px;
  font-size: 13px;
}

.lightform p {
  padding: 10px;
}

.lightform .control-group {
  padding-bottom: 10px;
}

.button.passwordresetbutton  {
  width: 220px;
}

.lightform .flash_notice,
.lightform .flash_error {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padbottom20 {
  padding-bottom:20px;
}


.padbottom10 {
  padding-bottom:10px;
}


.padbottom15 {
  padding-bottom:15px;
}

div.devdebug {
  font-size: 12px;
  color: #888;
/*  color: #fff;
  position:fixed;
  bottom:0;
  background-color: #003048;
  -khtml-opacity:.40;
  -moz-opacity:.40;
  -ms-filter:"alpha(opacity=40)";
  filter:alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4);
  opacity:.40;
*/

}

.videocontainernews {
  border: 2px solid #fff;
  width: 900px;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 60px;
}

/* MEDIATHEK ********************************************************************/

.media .gridtoplist,
.register .gridtoplist,
.standard .gridtoplist {
  min-height: 41px;
}

.media .orangetext,
.media .orangetext a,
.standard .orangetext,
.standard .orangetext a {
  color: #fdbb0a;
}

a.redtext {
  color: #FF4B21;
}

.media .header1,
.register .header1,
.standard .header1 {
  text-align: center;
  padding-top: 0;
}

.media .header2,
.register .header2,
.standard .header2 {
  padding-top: 10px;
  text-align: center;
  color: #fdbb0a;
  padding-bottom: 10px;
}


.yellotextleft {
    padding-top: 10px;
    color: #fdbb0a;
    padding-bottom: 10px;
}

.media .header3,
.standard .header3 {
  text-align: center;
  color: #fdbb0a;
  min-height: 31px;
}

.register p.yellow,
.media p.yellow,
.infoblock span.yellow,
.standard p.yellow,
.standard span.yellow {
  color: #fdbb0a;
}

.media table {
  width: 100%;
}

.media table td,
.media table th {
  white-space: nowrap;
}

.media table th.first,
.media table td.first {
  width: 20px;
  padding-left: 0!important;
  margin-left: 0;
  text-align: center;
}

.media table th.second,
.media table td.second {
  white-space: nowrap;
}


.media table th.third,
.media table td.third {
  white-space: nowrap;

}

.media table th,
.media table td {
  padding-left: 5px;
  padding-right: 5px;
}

.media .button.large,
.standard .button.large {
  width: 160px;
  margin-top: 6px;
  height: 40px;
  margin-left: 10px;
}


.media .bottomspacer,
.stanard .bottomspacer {
  height: 30px;
}

.button.video {
  width: 100px;
}

.media.module .first {
  width: 150px;
}


.media .headerblock {
    margin: 30px;
}

.media .last-seen,
.media .last-seen a
{
    color: #88FA4F;
}

iframe.videostandard {
  border: 2px solid #fff;
  margin-top: 0;
  margin-bottom: 15px;
}

/* bugfix mobile devices zoomed links in tables */
td {
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}

.register .control-block {
  padding-top: 30px;
  padding-bottom: 20px;
}


.register .control-label {
    width: 180px;
    padding-right: 10px;

}

.register .textblock {
    padding-bottom: 20px;
}

.register.step0 label,
.register.step1 label {
    display:inline;
}

.register.step1 .control-group,
.register.step2 .control-group
{
    padding-bottom: 15px;
}

.register.step4 p {
    padding-bottom: 20px;
}

.register.step0 agb {
    font-weight: bold;
}

.register .flash_error {
    text-align: center;
}


.register.step2 .control-label {
    width: 240px;
}


#passworthacktime.red,
#passwortmatch.red,
#passwordhint {
  color: #FF4B21;
}

#passworthacktime.green,
#passwortmatch.green {
  color: #5C9542;
}


.defaultTextActive {
  color: #a1a1a1;
  font-style: italic;
}

.register .ui-autocomplete-input {
  width: 210px;
}

table.upgrade,
table.cart {
  width: 100%;
}

table.upgrade {
    padding-left: 10px;
}


table.upgrade td,
table.upgrade th{
  border-bottom: solid 1px #777;
  white-space: nowrap;
}


table.cart td,
table.cart th {
  border-bottom: solid 1px #777;
  white-space: nowrap;
}

table.upgrade th,
table.cart th {
 padding-bottom: 3px;
}

table .amount {
  text-align: right;
  padding-right: 35px;
}

table.upgrade td,
table.cart td {
  padding-top: 10px;
  padding-bottom: 10px;
}

table.cart td.total {
  border-bottom: none;
}


div.border {
  /*border: 1px solid red;*/
}

#addressinfo,
#agberror {
  color: #FF4B21;
}

.redtext {
  color: #FF4B21;
}

#vatidfeedback.invoiceaddress {
  padding-left: 160px;
  /*padding-top: 10px;*/
  margin: 0;
}

.invoice .left {
  float: left;
}

.invoice .right .button.free{
  margin-top: 0;
}

#environmentdebug {
  color: #f33;
  font-size: 25px;
  position: absolute;
  width: 200px;
  height: 25px;
  top: 1px;
  left: 10px;
  z-index: -30;

}


/* IE 10 & 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .button.search.large {
    padding-top: 32px;
  }
  .button.search.half {
    padding-top: 10px;
  }

}

/* IE EDGE */
@supports (-ms-accelerator:true) {
  .button.search.large {
    padding-top: 32px;
  }
  .button.search.half {
    padding-top: 10px;
  }
}

a.grow {
  background: #9F538C;
}

a.grow.active {
  color: #fff;
}

a.grow.inactive {
  opacity: 0.7;
  color: #000;
}

a.grow:hover {
  background: #BC7CAC!important;
  color: #fff;
}

/*
 * remove powered by google image
 */
.pac-container:after{
  content:none !important;
}

.pac-container {
  width: 400px!important;
}

.geoautocomplete {
  width: 207px!important;
  margin-left: 13px!important;
}

.geoautocompletelabel {
  text-align: right;
  width: 80px;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;

}


.quickgeoautocomplete {
    width: 300px!important;
    font-size: 12px;
}

#showQuick {
    margin-top: 2px;
}

#crosstextlifescript .text {
  text-align: left!important;
  font-size: 13px!important;
}

#crosstextlifescript .headline {
  text-align: left!important;
}


.confirmprivacy {
    padding: 15px;
}

.confirmprivacy .item {
    display: block;
    width: 50px;
}

.confirmprivacy label {
    display: inline;
}

#privacyerror {
  color: #FF4B21;
}

#firstregistrationerror {
    color: #FF4B21;
}

.payment_type label {
    /*float:left;*/
}

.paymentchooser {
    color: black;
    text-align: left;
}



.paymentchooser .payment_type {
    background: white;
    border-radius: 20px;
    padding: 20px 0 0 20px;
    margin-bottom: 20px;

}


label.inline-elements {
    width: 100%;
}

.selected_label {
    background: #D3671B!important;
}

.inline-elements {
    display: inline-block;
    vertical-align: middle;
}



inline-elements .text {
    width: 100%;
    border: 1px solid red;
}



.testinfo {
    position: absolute;
    left: 10px;
    top: 35px;
    color: red;
    font-size: 20px;
    z-index: -20;
    line-height: 15px;
  }


  .testinfo .small {
    font-size: 12px;
  }


#next9svgcontent {
    padding-top: 10px;
    text-align:center;
    width: 100%;
    overflow: hidden;

}


.ninedayselement {
    padding: 10px;
    float: left;
}

.leftABButton {
    float:left!important;
}



#mandala_chart_toggle {
    position: absolute;
    left: 850px;
    width: 90px!important;
    z-index: 999;
}


#mandala_spinner {
    text-align: center;
    padding-top: 300px;
}



/* custom 14 colum grid  *************************************************************************/

.debug {
    background: grey;
}

.grid-container.fourteen {
    width: 1140px;
}

.fourteen .grid-row {
    margin-left: -5px;
}
.fourteen .grid-span1,
.fourteen .grid-span2,
.fourteen .grid-span3,
.fourteen .grid-span4,
.fourteen .grid-span5,
.fourteen .grid-span6,
.fourteen .grid-span7,
.fourteen .grid-span8,
.fourteen .grid-span9,
.fourteen .grid-span10,
.fourteen .grid-span11,
.fourteen .grid-span13,
.fourteen .grid-span14
{
    /*border: 1px solid #0f0;*/
    margin-left: 5px;
}

.fourteen .grid-span14 {
	width: 1140px;
}

.fourteen .grid-span13 {
	width: 1050px;
}


.fourteen .grid-span12 {
	width: 960px;
}

.fourteen .grid-span11 {
	width: 870px;
}

.fourteen .grid-span10 {
	width: 790px;
}

.fourteen .grid-span9 {
	width: 710px;
}

.fourteen .grid-span8 {
	width: 630px;
}

.fourteen .grid-span7 {
	width: 550px;
}

.fourteen .grid-span6 {
	width: 470px;
}

.fourteen .grid-span5 {
	width: 390px;
}

.fourteen .grid-span4 {
	width: 310px;
}

.fourteen .grid-span3.special {
  width: 270px;
}


.fourteen .grid-span3.editultrawide {
  /*width: 300px;*/
}


.fourteen .grid-span3 {
	width: 230px;
}

.fourteen .grid-span2 {
	width: 150px;
}

.fourteen .grid-span1 {
	width: 70px;
}

.fourteen .grid-span2.no-label {
	margin-top: 24px;
}

.fourteen .button-list li {
    float: left;
    width: 70px;
}

.safari-noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */
  }



.button-list li.first-element {
   margin-left: 2px;
   width: 68px;
}

.o16listtable {
    margin-left: 15px;
}


table.planets tr.chiron_table td.neutrinos,
.chiron_table {
    color: #D3D17A!important;
}

table.planets tr.chiron_table td.gate,
table.planets tr.chiron_table td.neutrinos {
    font-size: 14px;
}

table.planets tr.chiron_table td.line {
    font-size: 11px;
}

.force-left .text {
    text-align: left!important;
}

#jqgrid .pointer {
    cursor: default;
}

.ultrawidecontainer {
    width: 1545px;
}

.teaser .switcher{
    background: grey;
}

.teaser .switcher:hover {
    cursor: not-allowed!important;
}


#debug {
    font-size: 12px;
    color: red;
    padding-left: 15px;
}

.typesvg {
    float: left;
    padding-right: 20px;
    padding-bottom: 6px;
}


.forbidden-area {
    pointer-events: none;
    opacity: 0.4;

}

.disabled-area {
    opacity: 0.30!important;
 }

 .disabled-area:hover  {
     cursor: not-allowed!important;
 }

 .disabled-area .searchproperty {
     cursor: not-allowed!important;
 }


.available-infotext {
    padding: 10px;
}


/* custom main 14 colum grid  *************************************************************************/

.grid-container.base14 {
	/*margin: 0 auto;*/
	margin-left: 15px;
    width: 1140px;
}


.base14 .grid-row {
	margin-left: -10px;
}

.base14 .grid-row:before,
.grid-row:after {
	display: table;
	content: "";
}

.base14 .grid-row:after {
	clear: both;
}

.base14 .grid-row.compact {
  height: 5px;
}

.base14 .grid-span1,
.base14 .grid-span2,
.base14 .grid-span2_5,
.base14 .grid-span3,
.base14 .grid-span4,
.base14 .grid-span5,
.base14 .grid-span6,
.base14 .grid-span7,
.base14 .grid-span8,
.base14 .grid-span9,
.base14 .grid-span10,
.base14 .grid-span11,
.base14 .grid-span12,
.base14 .grid-span13,
.base14 .grid-span14 {
	float: left;
	min-height: 28px;
	margin-left: 10px;

}

.base14 .grid-span2_5 {
    margin-right: 1px;
}

.base14 .grid-span14 {
	width: 1140px;
}

.base14 .grid-span13 {
	width: 1050px;
}

.base14 .grid-span12 {
	width: 960px;
}

.base14 .grid-span11 {
	width: 870px;
}

.base14 .grid-span10 {
	width: 790px;
}

.base14 .grid-span9 {
	width: 710px;
}

.base14 .grid-span8 {
	width: 630px;
}

.base14 .grid-span7 {
	width: 550px;
}

.base14 .grid-span6 {
	width: 470px;
}

.base14 .grid-span5 {
	width: 390px;
}

.base14 .grid-span4 {
	width: 310px;
}

.base14 .grid-span3.special {
  width: 270px;
}


.base14 .grid-span3 {
	width: 230px;
}

.base14 .grid-span2_5 {
	width: 189px;
}

.base14 .grid-span2 {
	width: 150px;
}

.base14 .grid-span1 {
	width: 70px;
}

.base14 .grid-span2.no-label {
	margin-top: 24px;
}


.base14 .grid-span1.compact,
.base14 .grid-span2.compact,
.base14 .grid-span3.compact,
.base14 .grid-span4.compact,
.base14 .grid-span5.compact,
.base14 .grid-span6.compact,
.base14 .grid-span7.compact,
.base14 .grid-span8.compact,
.base14 .grid-span9.compact,
.base14 .grid-span10.compact,
.base14 .grid-span11.compact,
.base14 .grid-span12.compact {
	min-height: 5px;
}


.activation-center .orange {
    color: #fdbb0a;
}

.activation-text {
    padding-left: 15px;
    padding-right: 15px;
}


#activation .headline {
  font-size: 13px;
  padding-bottom: 3px;
  padding-top: 5px;
  color: #fdbb0a;
}

#activation .headlinecolor {
  color: #aaa;
}

#activation .text {
  font-size: 12px;
  padding-bottom: 5px;
  padding-right: 30px;

}

#activation .text {
    text-align: justify;
}

#activation .specialbar {
  padding-top: 15px;
}
/* megaphone notifications */

.megaphone {
    position: absolute;
    left: 726px;
    top: 20px;
    z-index:30;
}

.megacount {
    line-height: 24px;
}

.unread-counter {
    line-height: 24px;
}

.megaphone .mega-headline {
    padding-bottom: 5px;
    line-height: 20px;
}

.megaphone .mega-text {
    padding-bottom: 10px;
    line-height: 20px;
}

.megaphone .mega-link {
    background: #FDBC0B;
    color: #000;
    padding-bottom: 5px;
}

#supportsubmit {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.supportform-textarea {
    max-width: 586px;
}


.tips-image-container {
    border: none;
}

.button.disabled  {
	background: #3A5C70!important;
	color: #7A8D9B!important;
}

.tailwind-button-disabled {
    -khtml-opacity:.50;
    -moz-opacity:.50;
    -ms-filter:"alpha(opacity=50)";
    filter:alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
    opacity:.50;


}

.button.disabled:hover {
  -khtml-opacity:.60;
  -moz-opacity:.60;
  -ms-filter:"alpha(opacity=60)";
  filter:alpha(opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
  opacity:.60;
	background: #ddd;
	color: #fff;
	cursor: not-allowed;
}



.bg-beige {
    color: #000!important;;
    background: #efd0b1!important;
}

.bg-beige:hover {
    color: #000!important;;
    background: #FBF3EB!important;
}

.bg-orange {
    color: #FFF!important;;
    background: #D3671B!important;
}
.bg-orange:hover {
    color: #FFF!important;;
    background: #E98E4B!important;
}

.bg-orangelight {
    color: #000!important;;
    background: #da9356!important;
}
.bg-orangelight:hover {
    color: #000!important;;
    background: #E7B68F!important;
}

.bg-yellow {
    color: #000!important;;
    background: #fdbb0a!important;
}
.bg-yellow:hover {
    color: #000!important;;
    background: #FFCB4F!important;
}

.bg-purple {
    color: #FFF!important;;
    background: #9F538C!important;
}
.bg-purple:hover {
    color: #FFF!important;;
    background: #BC7CAC!important;
}

.bg-green {
    color: #FFF!important;;
    background: #5C9542!important;
}
.bg-green:hover {
    color: #FFF!important;;
    background: #7EBB63!important;
}

.bg-grey {
    color: #000!important;;
    background: #ecf1f5!important;
}
.bg-grey:hover {
    color: #000!important;;
    background: #FFFFFF!important;
}

.bg-red {
    color: #FFF!important;;
    background: #B53000!important;
}
.bg-red:hover {
    color: #FFF!important;;
    background: #FC3B00!important;
}

.bg-blue {
    color: #FFF!important;;
    background: #6085A3!important;
}
.bg-blue:hover {
    color: #FFF!important;;
    background: #8DA8BD!important;
}

.bg-lightblue {
    color: #FFF!important;;
    background: #a1b7c9!important;
}
.bg-lightblue:hover {
    color: #FFF!important;;
    background: #CDD9E3!important;
}


/* tips list of functions */

#tips .t-title {
    margin-bottom: 0px;
    color: #000;
}

#tips .tips-accordion {
    padding-left: 20px;
    padding-right: 10px;
}

.faq-accordion {
    padding-left: 20px!important;
    padding-right: 10px!important;
}

#tips .t-title.color-beige {
    color: #000;
    background: #efd0b1;
}


#tips .t-content {
    margin-bottom: 15px;
    line-height: 21px;
}

#tips .ui-accordion .ui-accordion-header {
    margin: 10px 0 0 0;
}

#tips .t-title {
    border: none;
}


#tips .bg-beige.ui-state-default .ui-icon,
#tips .bg-orangelight.ui-state-default .ui-icon,
#tips .bg-grey.ui-state-default .ui-icon,
#tips .bg-yellow.ui-state-default .ui-icon
{
    background-image: url(/images/ui-icons_222222_256x240.png)!important;
}

#tips .bg-orange.ui-state-default .ui-icon,
#tips .bg-blue.ui-state-default .ui-icon,
#tips .bg-green.ui-state-default .ui-icon,
#tips .bg-purple.ui-state-default .ui-icon
{
    background-image: url(/images/ui-icons_ffffff_256x240.png)!important;
}

.button.user-edit-control {
    width: 268px!important;
    margin-right: 88px;
}

.av-text a {
    text-decoration: underline;
}


/* faq */


#faq .t-title {
    margin-bottom: 0px;
    color: #000;
}

#faq .tips-accordion {
    padding-left: 20px;
    padding-right: 20px;
}

#faq .t-title.color-beige {
    color: #000;
    background: #efd0b1;
}


#faq .t-content {
    margin-bottom: 15px;
    line-height: 21px;
}

#faq .ui-accordion .ui-accordion-header {
    margin: 10px 0 0 0;
}

#faq .t-title {
    border: none;
}


#faq .bg-beige.ui-state-default .ui-icon,
#faq .bg-orangelight.ui-state-default .ui-icon,
#faq .bg-grey.ui-state-default .ui-icon,
#faq .bg-yellow.ui-state-default .ui-icon
{
    background-image: url(/images/ui-icons_222222_256x240.png)!important;
}

#faq .bg-orange.ui-state-default .ui-icon,
#faq .bg-blue.ui-state-default .ui-icon,
#faq .bg-green.ui-state-default .ui-icon,
#faq .bg-purple.ui-state-default .ui-icon
{
    background-image: url(/images/ui-icons_ffffff_256x240.png)!important;
}

.list-label-disabled {
    color: #7A8D9B;
}

.control-container.viplocation {
    padding-left: 10px;
}

.control-group.viplocation.divider {
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    padding-bottom: 2px;
}

.grid-span3.special.form-nolabel.vip {
    padding-left: 10px;
}

#regions.disabled,
#regions.disabled input,
#regions.disabled span,
.dach.disabled,
.dach.disabled input,
.dach.disabled span,
.worldwide.disabled,
.worldwide.disabled input,
.worldwide.disabled span,
.onlythis.disabled,
.onlythis.disabled input,
.onlythis.disabled span,
.onlythismaster.disabled,
.onlythismaster.disabled input,
.onlythismaster.disabled span,
#vip_country_id.disabled

{
    opacity: 0.6;
    cursor: not-allowed!important;

}


#regions.userprefs-disabled,
#regions.userprefs-disabled input,
#regions.userprefs-disabled span,
#vip_country_id.userprefs-disabled,
.countryonly-container.userprefs-disabled
{
    opacity: 0.6;
    cursor: not-allowed!important;

}

.countryonly-container {
    font-size: 13px!important;
}

#userprefs .vip-location-container {
    padding-left: 54px;
    max-width: 344px;
}

.vip-location-container input {
    width: 20px!important;
}

#userprefs .yellowtext {
    color: #fdbb0a;
    padding-bottom: 5px;
}

#userprefs .yellowtext.divider {
    border-bottom: 1px solid #ddd;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

#userprefs .dach {
    padding: 5px 0 5px;
}

#userprefs .vip-country-headline {
    padding-top: 5px;
    padding-bottom: 5px;
}

#userprefs .control-group.viplocation.all {
    padding-bottom: 5px;
}

.vip-popup {
    text-align: center;
}

.vip-info-block {
    padding-bottom: 15px;
}

.vip-info-container {
    border: 1px solid #ddd;
    width: 236px;
    padding: 10px 10px 10px 20px;
}


#clientedit.standard .divider {
    border-top: 1px solid #ddd;
    height: 1px;
}

.defined-center-headline {
    color: #fdbb0a;
    font-weight: bold;
}

.aspectshint {
    padding-top: 10px;
    color: #88FA4F; /*alert green*/
}

.confirm-ok-dialog  {
    padding: 25px!important;
    text-align: center!important;
    background: red!important;
    width: 500px!important;
}