/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.




*/

body {
  background-color: #fff;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px; }

p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px; }

div.field, div.actions {
  margin-bottom: 10px;
  clear: left; }
  div.field label, div.actions label {
    width: 200px;
    display: block;
    float: left; }

#notice {
  color: green; }

.field_with_errors label {
  color: red;
  font-weight: bold; }
.field_with_errors input {
  background-color: #F1938C;
  border: 1px solid red !important; }

#error_explanation {
  width: 450px;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #error_explanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    margin-bottom: 0px;
    background-color: #c00;
    color: #fff; }
  #error_explanation ul li {
    font-size: 12px;
    margin-left: 12px;
    list-style: square; }
@charset "UTF-8";
/*==============================================================================================
 * 1. Font Embedding
 ===============================================================================================*/
/*==============================================================================================
 * 2. SASS Functions
 ===============================================================================================*/
/*==============================================================================================
 * 3. Reset
 ===============================================================================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  list-style-type: none; }

/*==============================================================================================
 * 4. Main Style
 ===============================================================================================*/
html,
body,
table,
td,
li,
label {
  font-family: sans-serif; }

body {
  margin: 20px; }

h1,
h2 {
  text-transform: uppercase;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  background: #f0f0f0;
  line-height: 46px;
  margin: 0 0 16px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

h3 {
  margin: 10px 0; }

h3.results {
  font-weight: bold;
  color: #ccc;
  font-size: 20px;
  margin: 10px 0; }

a {
  color: red;
  text-decoration: none; }

a:hover {
  color: black; }

strong {
  font-weight: bold; }

small {
  font-size: 12px; }

hr {
  margin: 0;
  padding: 0;
  border: 0;
  margin: 10px 0 20px 0;
  height: 1px;
  background: #ccc; }

/*==============================================================================================
 * 5. Global Class Definitions
 ===============================================================================================*/
.clear {
  clear: both; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.killAll {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important; }

.noBorder {
  border: 0 !important; }

.more {
  display: block;
  padding-top: 10px;
  margin-top: 1px; }

.margin220 {
  margin: 20px 0 0 220px; }

.edit,
.delete {
  border: 0;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  display: block; }

.edit {
  background: url(/assets/edit-fdb7f0fc60d8d38e5858f15b112ab605500e5481ed2c3e90892e8d57d1100f87.png) no-repeat top left; }

.delete {
  background: url(/assets/delete-2895f71d049fd342eef69c62ad470fbee29417faff9605bf2ce393f51e218ebd.png) no-repeat top left; }

.translation_missing {
  font-weight: bold;
  background: blue;
  color: white; }

.prominent {
  width: 400px;
  height: 26px !important;
  color: #4e4f55;
  font-size: 14px; }

.optionscontainer {
  width: 450px;
  float: left;
  text-align: left;
  overflow: hidden; }

.terms {
  margin-left: 100px;
  overflow: hidden; }
  .terms label {
    text-align: left !important; }
  .terms input {
    margin-top: 0px\9;
    padding: 0\9; }

.button_to {
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  float: left;
  margin-right: 10px; }

.dateprefill {
  /*line-height: 1em;*/ }

.talRight {
  text-align: right;
  padding-right: 5px; }

.talCenter {
  text-align: center; }

.notice,
.alert,
.good {
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.notice {
  border: 1px solid #f8a915;
  background: #ffe560;
  color: #e59500; }

.alert {
  border: 1px solid #ff003a;
  background: #e3174a; }

.good {
  border: 1px solid green;
  background: #00b300; }

/*==============================================================================================
 * 6. Main Style
 ===============================================================================================*/
#header {
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 16px; }
  #header img {
    margin-bottom: 8px; }
  #header h1 {
    float: right;
    text-transform: uppercase;
    font-size: 12pt;
    margin-top: 12px;
    background: none;
    font-family: sans-serif; }

#nav {
  width: 180px;
  float: left;
  position: relative; }
  #nav a {
    color: black;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px 5px 2px; }
  #nav ul {
    width: 180px;
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0 5px 5px 0; }
  #nav li {
    text-align: right;
    color: black; }
  #nav a:hover {
    color: red; }

#content {
  padding: 0;
  margin-left: 200px;
  font-size: 14px; }

#title_only {
  margin-left: 0px; }

input[type='radio'] {
  margin: 7px 10px 0 0px;
  padding: 0;
  float: left; }

.dateprefill {
  width: 190px; }

label {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 28px;
  margin-bottom: 5px;
  width: 120px;
  cursor: pointer; }

p:hover label {
  color: #df0832; }

input[type='text'],
input[type='email'],
input[type='password'],
input[type='date'],
input[type='number'] {
  margin: 0;
  padding: 0;
  border: 0;
  height: 25px;
  line-height: 1.5em !important;
  text-align: left;
  font-family: sans-serif;
  background: rgba(255, 255, 255, 0.9);
  background: #fff url(/assets/bg_input_large-84de2813c255a87903dacd734a73d7742fc0bbf0dc60e1152ec7926ad2038420.png) repeat-x bottom left;
  /*Fallback Gradient*/
  border: 1px solid #aaa;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #eeeeee, #ffffff);
  /* IE10 */
  background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
  padding: 2px 8px 2px 8px;
  -webkit-appearance: none; }

textarea {
  padding: 5px;
  font-family: sans-serif;
  border: 1px solid #aaa;
  min-height: 400px;
  background: url(/assets/bg_textarea-c54064e1e4546c86dba3b6d3e7b585fcc1f356b667d082ad9327f56bd3edbb49.png) repeat-x bottom left;
  /*Fallback Gradient*/
  border-radius: 3px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 3px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 3px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #eeeeee, #ffffff);
  /* IE10 */
  background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eeeeee, #ffffff); }

input[type='text']:focus,
input[type='password']:focus,
input[type='date']:focus {
  border: 1px solid #cf7800; }

input[type='checkbox'] {
  margin: 7px 10px 0 120px;
  float: left; }

button {
  height: 36px; }

input[type='reset'] {
  margin-right: 6px; }

input[type='submit'],
a.submit,
.actions a,
button,
input[type='reset'],
input[type='submit'].button,
.button {
  font-family: sans-serif;
  background: #ddd;
  background: url(/assets/bg_submit-37c22188f1d0f23e4460f9e2f9d0ed686de789982309b74630c816bf76081f14.png) repeat-x bottom left;
  /*Fallback Gradient*/
  background: -moz-linear-gradient(90deg, #c0c0c0, #f3f3f3);
  /* Firefox */
  background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#f3f3f3));
  /* Webkit */
  border: 1px solid #a0a0a0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #555;
  cursor: pointer;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px; }

input[type='submit']:hover,
a.submit:hover,
.actions a:hover,
button:hover,
input[type='reset']:hover,
.button:hover {
  background: #eee;
  background: url(/assets/bg_submit_over-b2bfae8273d229ea584318da4d060f2fa3d87994c3cf3dae9fa75b1702f8d68c.png) repeat-x bottom left;
  /*Fallback Gradient*/
  background: -moz-linear-gradient(90deg, #e0e0e0, #f5f5f5);
  /* Firefox */
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f5f5f5));
  /* Webkit */
  border: 1px solid #d0d0d0;
  text-decoration: none; }

input[type='submit']:active,
input[type='submit']:focus,
a.submit:active,
a.submit:focus,
.actions a:active,
.actions a:focus,
button:active,
button:focus,
input[type='reset']:focus,
.button:focus {
  background: #ccc;
  background: url(/assets/bg_submit_over-b2bfae8273d229ea584318da4d060f2fa3d87994c3cf3dae9fa75b1702f8d68c.png) repeat-x bottom left;
  /*Fallback Gradient*/
  background: -moz-linear-gradient(90deg, #ef8a00, #ffc13c);
  /* Firefox */
  background: -webkit-gradient(linear, left top, left bottom, from(#ef8a00), to(#ffc13c));
  /* Webkit */
  border-color: #cf7800;
  color: #fff; }

.actions a {
  margin: 0 6px 0 0; }

.field ul {
  float: left;
  width: 610px; }
  .field ul label {
    margin: 0;
    padding: 0;
    width: 175px;
    text-align: left; }
  .field ul input[type='checkbox'] {
    margin: 7px 10px 0 0px;
    padding: 0;
    float: left; }

.field label {
  text-align: right;
  width: 160px;
  padding-right: 20px; }

.field button {
  height: 30px; }

.extendend {
  margin: 20px 0 0 100px; }
  .extendend label {
    width: 500px !important;
    text-align: left; }

.login .login_form {
  border: 1px solid #ccc;
  padding: 40px 0 20px 0;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center; }
  .login .login_form p {
    margin-bottom: 16px;
    overflow: hidden;
    position: relative; }
  .login .login_form a {
    font-size: 12px;
    display: inline-block;
    margin-top: 15px; }
  .login .login_form select,
  .login .login_form input[type='text'],
  .login .login_form input[type='password'] {
    position: absolute;
    left: 150px; }
  .login .login_form select {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: sans-serif;
    cursor: pointer;
    padding: 2px;
    height: 32px;
    border: 1px solid #aaa;
    border-radius: 5px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -webkit-border-radius: 5px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px;
    /* FF1-3.6 */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    width: 100px;
    /*font-size:12px;*/ }
  .login .login_form select > option {
    padding: 3px;
    display: block; }
  .login .login_form select:active,
  .login .login_form select:focus {
    border: 1px solid #cf7800; }
  .login .login_form input[type='text'],
  .login .login_form input[type='password'] {
    width: 200px; }
  .login .login_form input[type='submit'] {
    margin-left: 120px;
    width: 220px; }
  .login .login_form form {
    border: 0;
    padding: 0; }
  .login .login_form .showPos {
    width: 400px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -webkit-border-radius: 5px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px;
    /* FF1-3.6 */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    overflow: hidden; }
    .login .login_form .showPos .register form {
      margin: 0;
      padding: 0;
      width: 250px; }
    .login .login_form .showPos .register label,
    .login .login_form .showPos .register form {
      float: left; }
    .login .login_form .showPos .register input {
      margin: 0 0 0 25px; }
    .login .login_form .showPos legend {
      text-align: left;
      color: #ccc;
      font-size: 14px;
      padding: 0 10px; }
    .login .login_form .showPos .rememberMe {
      margin-left: 30px;
      text-align: left; }
      .login .login_form .showPos .rememberMe input {
        margin-top: 4px\9; }

.col {
  width: 170px;
  float: left;
  margin-left: 30px; }
  .col label {
    display: block;
    color: #909090;
    font-size: 14px; }

.searchoptions {
  width: 450px;
  overflow: hidden; }

.searchoptions.big {
  margin: 0 0 20px 0; }

.searchoptions.small {
  margin: 0 0 10px 15px; }

.searchoptions .titleOnly {
  overflow: hidden;
  margin-top: 10px; }
  .searchoptions .titleOnly input[type='checkbox'] {
    margin: 0;
    padding: 0;
    margin: 6px 10px 0 0; }
  .searchoptions .titleOnly label {
    width: 350px; }

#results,
#order,
#news,
#show {
  clear: left;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  #results input[type='checkbox'],
  #order input[type='checkbox'],
  #news input[type='checkbox'],
  #show input[type='checkbox'] {
    margin: 0px 2px 0px 2px; }
  #results .linkBox,
  #order .linkBox,
  #news .linkBox,
  #show .linkBox {
    background: #efefef;
    border-radius: 5px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -webkit-border-radius: 5px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px;
    /* FF1-3.6 */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0 0 10px 0;
    padding: 10px; }
    #results .linkBox a,
    #order .linkBox a,
    #news .linkBox a,
    #show .linkBox a {
      display: inline-block;
      margin-right: 10px; }
  #results table,
  #order table,
  #news table,
  #show table {
    width: 100%; }
    #results table thead td,
    #order table thead td,
    #news table thead td,
    #show table thead td {
      color: #aaa; }
    #results table tr.highlight td,
    #order table tr.highlight td,
    #news table tr.highlight td,
    #show table tr.highlight td {
      background: #eee; }
    #results table tr.highlight td:first-child,
    #order table tr.highlight td:first-child,
    #news table tr.highlight td:first-child,
    #show table tr.highlight td:first-child {
      border-radius: 5px 0px 0px 5px;
      /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
      -webkit-border-radius: 5px 0px 0px 5px;
      /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
      -moz-border-radius: 5px 0px 0px 5px;
      /* FF1-3.6 */
      /* useful if you don't want a bg color from leaking outside the border: */
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    #results table tr.highlight td:last-child,
    #order table tr.highlight td:last-child,
    #news table tr.highlight td:last-child,
    #show table tr.highlight td:last-child {
      border-radius: 0px 5px 5px 0px;
      /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
      -webkit-border-radius: 0px 5px 5px 0px;
      /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
      -moz-border-radius: 0px 5px 5px 0px;
      /* FF1-3.6 */
      /* useful if you don't want a bg color from leaking outside the border: */
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    #results table td,
    #order table td,
    #news table td,
    #show table td {
      position: relative;
      padding: 10px;
      overflow: hidden; }
      #results table td .userCategories,
      #order table td .userCategories,
      #news table td .userCategories,
      #show table td .userCategories {
        font-size: 14px;
        color: #999; }
      #results table td img,
      #order table td img,
      #news table td img,
      #show table td img {
        width: 45px;
        float: left;
        margin-right: 5px; }
      #results table td input[type='checkbox'],
      #order table td input[type='checkbox'],
      #news table td input[type='checkbox'],
      #show table td input[type='checkbox'] {
        top: 13px;
        top: 8px\9;
        position: absolute; }

#show.agb {
  padding: 5px 20px; }
  #show.agb h2 {
    background: none;
    text-transform: none; }
  #show.agb h3 {
    font-weight: bold;
    margin: 20px 0 20px 0; }
  #show.agb ol {
    padding-left: 30px; }
  #show.agb ol li {
    margin: 10px 0 10px 0;
    padding-left: 0px;
    list-style: decimal; }

#show.statistics {
  overflow: hidden;
  /*

  .tabs {
    width:200px;
    float:left;
     li a{
          background:#ffe560 url('table_inactive.png') no-repeat 10px 50%;
          border-bottom:1px solid #f8a915;
          padding:10px 10px 5px 10px;
          font-size:14px;
          color:#e59500;
          display:block;
          padding-left:30px;
         }
     li a.active, li a:hover {
       background:#f8a915 url('table_active.png') no-repeat 10px 50%;;
       color:#ffe560;
     }
  }

  #tableContainer {
    width:350px;
    float:left;
    margin-left:10px;

    table {
      width:350px;
      font-size:12px;
      border:1px solid #ccc;
      .tCol2 {
        width:30px;
      }
      .highlight2 {background:#efefef;}

      tbody {
        tr {
          border-bottom:1px solid #ccc;
        }
      }
      tfoot {
        background:#ccc;
        font-weight:bold;
        border:1px solid #f8a915
      }
    }
  }*/ }
  #show.statistics table {
    margin-bottom: 10px;
    width: 550px;
    border: 1px solid #ccc; }
    #show.statistics table .highlight2 {
      background: #eee; }
    #show.statistics table th {
      width: 200px;
      background: #ddd;
      color: #666; }
    #show.statistics table td {
      margin: 0;
      padding: 0;
      border: 0;
      padding: 5px 5px 2px 5px; }
    #show.statistics table table {
      margin: 0;
      padding: 0;
      border: 0;
      width: 350px; }
      #show.statistics table table td {
        font-size: 12px;
        padding: 5px 10px; }
      #show.statistics table table .text {
        width: 200px; }
      #show.statistics table table .count {
        width: 50px;
        text-align: right; }
    #show.statistics table .totalText,
    #show.statistics table .totalCount {
      background: #ccc;
      font-weight: bold; }
    #show.statistics table .totalCount {
      text-align: right; }

#graphContainer {
  clear: left;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

#news .newsInfo {
  color: #777;
  overflow: hidden;
  background: #efefef;
  padding: 5px 10px 5px 7px;
  margin: 0 0 10px 0;
  font-size: 13px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  #news .newsInfo h3 a {
    font-size: 18px; }
  #news .newsInfo img {
    float: left;
    margin: 0;
    padding: 0;
    margin: 2px -18px 0 0;
    width: 45px; }
#news > div {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #eee; }
#news > div:first-child {
  border-top: 0; }
#news > div:last-child {
  border-top: 0; }
#news .content {
  padding-bottom: 10px; }

#statistics table {
  width: 400px;
  display: block;
  margin-bottom: 10px; }
  #statistics table caption {
    font-weight: bold;
    background: #f0f0f0; }
  #statistics table td {
    width: 200px;
    text-align: right; }
  #statistics table tfoot {
    font-weight: bold; }

#order table {
  background: #f3f3f3;
  margin-bottom: 10px;
  width: 100%; }
  #order table td.first {
    width: 200px; }
  #order table td {
    padding: 5px; }
    #order table td input[type='checkbox'] {
      margin-top: 10px; }

.agb_title {
  text-align: center;
  font-weight: bold; }

.agb_sect_title {
  text-align: center; }

.login {
  text-align: center; }

.prelisten a {
  display: inline-block;
  background: url(/assets/play-2535593d7257d17a9c156d91ac78a05fc98cb0c0c3265267c733cce373db13c5.png) no-repeat 0 2px;
  padding: 1px 0 1px 20px; }

.prelisten a:hover {
  background: url(/assets/play-2535593d7257d17a9c156d91ac78a05fc98cb0c0c3265267c733cce373db13c5.png) no-repeat 0 -31px; }

.formats {
  list-style-type: none;
  padding: 0;
  display: block;
  overflow: hidden; }
  .formats li {
    float: left;
    padding-left: 4px;
    padding-right: 4px; }
  .formats li.lng {
    width: 100px; }
  .formats a:hover,
  .formats a {
    list-style: none; }

.formats .ok a {
  background: url(/assets/ok-f3df10c930fa6491322075918fd4c1154bc6f45d09e067eb65570e93cd42fb60.png) no-repeat 0 0;
  padding: 1px 14px 1px 14px; }

.formats .unavailable a {
  background: url(/assets/error-011f4e33d86b448078a2bd56b7060770b2c079e86aad2b7298ab0db216758f34.png) no-repeat 0 0;
  padding: 1px 14px 1px 18px; }

.tune_detail {
  border: 1px solid #ccc;
  padding: 20px 20px 10px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 16px 0;
  overflow: hidden; }
  .tune_detail .tuneInfo {
    border-bottom: 1px solid #ccc;
    padding: 5px 0 10px 0;
    color: #777;
    font-size: 12px; }

.tune_detail table tr td,
.user_detail table tr td {
  padding: 5px 16px 5px 5px; }

.emphasize {
  font-weight: bold; }

.actions {
  overflow: hidden; }
  .actions a {
    padding: 10px 10px 0 10px;
    float: left;
    height: 24px;
    margin-left: 10px; }
  .actions input {
    float: left; }

.approved_indicator {
  width: 350px;
  margin: 10px;
  padding: 4px; }

.approved {
  border: 1px solid green;
  background: #00b300; }

.notapproved {
  border: 1px solid red;
  background: #ffcccc; }

.file_download {
  width: 240px;
  text-align: bold;
  display: block; }

.backbutton {
  float: left; }

.mandatory_notice {
  color: #ff003a; }

.pagination {
  text-align: right;
  margin-right: 15px; }
  .pagination .first,
  .pagination .last,
  .pagination .next,
  .pagination .prev {
    margin-left: 3px; }
  .pagination .next,
  .pagination .prev {
    margin-left: 5px;
    margin-right: 5px; }

#unapproved_users {
  width: 700px; }
  #unapproved_users .actions {
    width: 200px; }
  #unapproved_users tr:hover {
    background: #f0f0f0; }
  #unapproved_users .checks {
    width: 29px; }
    #unapproved_users .checks input {
      width: 20px;
      margin: 4px; }

/*
** Form style
*--------------------------*/
input[type='submit'] {
  height: 36px;
  background-color: #d4ffd7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4ffd7), to(#b2d7b5));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #d4ffd7, #b2d7b5);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #d4ffd7, #b2d7b5);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #d4ffd7, #b2d7b5);
  /* IE10 */
  background-image: -o-linear-gradient(top, #d4ffd7, #b2d7b5);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #d4ffd7, #b2d7b5);
  border: 1px solid #82b58c;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 65px;
  padding-right: 65px; }

input[type='submit']:hover {
  background: url(/assets/bg_submit_over-b2bfae8273d229ea584318da4d060f2fa3d87994c3cf3dae9fa75b1702f8d68c.png) repeat-x bottom left;
  /*Fallback Gradient*/
  background-color: #bbffbf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bbffbf), to(#90c695));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #bbffbf, #90c695);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #bbffbf, #90c695);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #bbffbf, #90c695);
  /* IE10 */
  background-image: -o-linear-gradient(top, #bbffbf, #90c695);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #bbffbf, #90c695); }

form {
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  padding: 30px 10px 30px 10px;
  overflow: hidden; }
  form .list_select {
    list-style: inline-block;
    margin: 0;
    padding: 0;
    margin: 7px 10px 0 0; }
  form label.search_label {
    width: 25px;
    line-height: 12px;
    text-align: right;
    font-size: 11px;
    padding: 5px 10px 0 0;
    color: #8b8b8b; }
  form label em {
    font-style: normal;
    display: block;
    margin: 0px;
    padding: 0px;
    line-height: 12px;
    color: #000; }
  form select {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: sans-serif;
    cursor: pointer;
    padding: 2px;
    height: 32px;
    border: 1px solid #aaa;
    border-radius: 5px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -webkit-border-radius: 5px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px;
    /* FF1-3.6 */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    /*font-size:12px;*/ }
  form select > option {
    padding: 3px;
    display: block; }
  form select:active,
  form select:focus {
    border: 1px solid #cf7800; }
  form select[multiple] {
    height: 150px;
    border-radius: 0px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -webkit-border-radius: 0px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 0px;
    /* FF1-3.6 */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  form select[multiple] option {
    display: inline-block;
    padding: 5px; }
  form input.date {
    background: #fff url(/assets/calendar_icon-674df7aaa13a6602c6708e112cdc052044e2a18ca9ddde257dcd523ab05af011.png) no-repeat 99% 50%;
    /*Fallback Gradient*/
    background-color: #eeeeee;
    background-image: url(url(/assets/calendar_icon-674df7aaa13a6602c6708e112cdc052044e2a18ca9ddde257dcd523ab05af011.png)), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
    /* Saf4+, Chrome */
    background-image: url(url(/assets/calendar_icon-674df7aaa13a6602c6708e112cdc052044e2a18ca9ddde257dcd523ab05af011.png)), -webkit-linear-gradient(top, #eeeeee, #ffffff);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: url(url(/assets/calendar_icon-674df7aaa13a6602c6708e112cdc052044e2a18ca9ddde257dcd523ab05af011.png)), -moz-linear-gradient(top, #eeeeee, #ffffff);
    /* FF3.6 */
    background-image: url(url(/assets/calendar_icon-674df7aaa13a6602c6708e112cdc052044e2a18ca9ddde257dcd523ab05af011.png)), -ms-linear-gradient(top, #eeeeee, #ffffff);
    /* IE10 */
    background-image: url(url(/assets/calendar_icon-674df7aaa13a6602c6708e112cdc052044e2a18ca9ddde257dcd523ab05af011.png)), -o-linear-gradient(top, #eeeeee, #ffffff);
    /* Opera 11.10+ */
    background-image: url(url(/assets/calendar_icon-674df7aaa13a6602c6708e112cdc052044e2a18ca9ddde257dcd523ab05af011.png)), linear-gradient(to bottom, #eeeeee, #ffffff);
    background-repeat: no-repeat;
    background-position: right center;
    margin-left: 10px;
    max-width: 160px; }
  form .buttons {
    clear: both;
    margin-top: 20px; }

form.new_tune input[type='text'],
form.new_tune input[type='email'],
form.new_tune input[type='password'],
form.new_tune input[type='date'],
form.new_tune textarea,
form.new_order input[type='text'],
form.new_order input[type='email'],
form.new_order input[type='password'],
form.new_order input[type='date'],
form.new_order textarea,
form.new_user input[type='text'],
form.new_user input[type='email'],
form.new_user input[type='password'],
form.new_user input[type='date'],
form.new_user textarea {
  width: 250px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

form.edit_user input[type='text'],
form.edit_user input[type='email'],
form.edit_user input[type='password'],
form.edit_user input[type='date'],
form.edit_user textarea {
  width: 250px;
  border-radius: 5px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 5px;
  /* FF1-3.6 */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

/*
input[type=reset], button, .actions a {
  @include box_gradient(#f2f2f2, #cccccc);
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  @include box_round(5px);

}
input[type=reset]:hover, button:hover, .actions a:hover {
  @include box_gradient(darken(#f2f2f2, 5%), darken(#cccccc, 10%));
}
*/
.altselect {
  height: 130px;
  width: 170px;
  overflow: scroll;
  line-height: 1em;
  color: #4e4f56;
  font-size: 11px; }
  .altselect .opt {
    padding: 6px 4px 4px 22px;
    margin-bottom: 5px;
    background: #f2f2f2;
    cursor: pointer; }
  .altselect .active {
    background: #ff003a url(/assets/list_active-843ca6504addd12080e657962e65112c89ad7839d3bf617a1d1a222434535e32.png) no-repeat 0 2px;
    color: #fff; }

.undisturbed {
  background: red;
  color: #a9a9a9; }

#register-form #register-form-inner {
  width: 750px;
  margin: 0 auto; }
#register-form .info {
  text-align: center;
  margin-top: 20px; }
#register-form form {
  padding-top: 15px; }
#register-form fieldset {
  width: 350px;
  float: left; }
  #register-form fieldset label {
    width: 100px; }
  #register-form fieldset input {
    width: 205px; }
  #register-form fieldset select {
    width: 225px; }
  #register-form fieldset textarea {
    width: 210px; }
#register-form .actions {
  margin-left: 220px; }
  #register-form .actions input {
    margin-right: 10px;
    height: 36px; }

#error_explanation {
  background: none;
  width: 100%;
  font-size: 14px; }
  #error_explanation h2 {
    background: none;
    line-height: 1em;
    text-transform: none; }
  #error_explanation ul {
    margin-top: 10px; }
  #error_explanation li {
    text-align: left;
    margin-bottom: 5px; }

.field_with_errors label {
  color: #ff003a;
  font-weight: normal; }
.field_with_errors input {
  border: 1px solid #ff003a; }

.pagination_info {
  float: right;
  text-align: right;
  border: 0 !important;
  margin: 10px 0 0 0;
  padding: 10px 10px 0px 10px;
  font-weight: bold;
  color: #ccc;
  margin: 10px 0; }

.pagination {
  border-top: 1px solid #eee !important;
  padding: 10px 10px 10px 10px;
  display: block;
  margin: 0 0 0 0; }
  .pagination span {
    display: inline-block; }

.short_date {
  width: 100px; }

/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */

.date {
	text-align:center;
}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}