/* The Grid ---------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0 auto;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}
.table {
  display: table;
}
.table .tr {
  display: table-row;
}
.table .td,
.table .th {
  display: table-cell;
}
.ajax_submit {
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  line-height: 27px;
  background-color: #ececec;
  border: 1px solid #666666;
  height: 27px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  display: none;
}
.row.collapse .column,
.row.collapse .columns {
  padding: 0;
}
.form_row {
  margin-bottom: 10px !important;
}
.row .row.collapse {
  margin: 0;
}
.column,
.columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
.column.centered,
.columns.centered {
  float: none;
  margin: 0 auto;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
.one,
.row .one {
  width: 8.33333%;
}
.two,
.row .two {
  width: 16.66667%;
}
.three,
.row .three {
  width: 25%;
}
.four,
.row .four {
  width: 33.33333%;
}
.five,
.row .five {
  width: 41.66667%;
}
.six,
.row .six {
  width: 50%;
}
.seven,
.row .seven {
  width: 58.33333%;
}
.eight,
.row .eight {
  width: 66.66667%;
}
.nine,
.row .nine {
  width: 75%;
}
.ten,
.row .ten {
  width: 83.33333%;
}
.eleven,
.row .eleven {
  width: 91.66667%;
}
.twelve,
.row .twelve {
  width: 100%;
}
.row .offset-by-one {
  margin-left: 8.33333%;
}
.row .offset-by-two {
  margin-left: 16.66667%;
}
.row .offset-by-three {
  margin-left: 25%;
}
.row .offset-by-four {
  margin-left: 33.33333%;
}
.row .offset-by-five {
  margin-left: 41.66667%;
}
.row .offset-by-six {
  margin-left: 50%;
}
.row .offset-by-seven {
  margin-left: 58.33333%;
}
.row .offset-by-eight {
  margin-left: 66.66667%;
}
.row .offset-by-nine {
  margin-left: 75%;
}
.row .offset-by-ten {
  margin-left: 83.33333%;
}
.column-row:after,
.row:after,
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
body {
  color: #323433;
  font-family: "Helvetica Neue", "Helvetica Neue Light", HelveticaNeue-Light, Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
}
a {
  color: #3D3D3D;
  text-decoration: none;
}
ul {
  padding: 0px;
  margin: 0px;
}
ul li {
  list-style-type: none;
}
table,
tr,
td {
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
}
h2,
h3,
h4 {
  margin: 0px;
}
.fullwidth {
  width: 100%;
}
#loading_layer {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 10000;
  width: 958px;
  height: 620px;
  text-align: center;
}
#loading_layer img {
  margin-top: 100px;
}
.transparent {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
.valid_feedback {
  background-color: #B1E0B1;
  border: 2px solid #008E00;
  padding: 5px;
}
.invalid_feedback {
  background-color: #F99A9A;
  border: 2px solid #CB2929;
  padding: 5px;
}
#domain_identifier_feedback {
  height: 30px;
  width: 600px;
}
.rounded_corners_10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.rounded_corners_5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.default_border {
  border: 1px solid #C3C7CA;
}
.margin_10 {
  margin: 10px;
}
.margin_top_10 {
  margin-top: 10px;
}
.margin_top_20 {
  margin-top: 20px;
}
.margin_bottom_10 {
  margin-bottom: 10px;
}
.margin_bottom_20 {
  margin-bottom: 20px;
}
.margin_left_10 {
  margin-left: 10px;
}
.margin_right_10 {
  margin-right: 10px;
}
.box_shadow {
  box-shadow: 3px 3px 3px #888888;
}
.padding_10 {
  padding: 10px;
}
.padding_20 {
  padding: 20px;
}
.border_bottom {
  border-bottom: 1px solid #bbb;
}
.border_top {
  border-top: 1px solid #bbb;
}
.headline,
.flash {
  border-bottom: 1px solid #bbb;
}
.headline_flash {
  position: relative;
}
.headline_flash .notice {
  background-color: #FFFBB4;
  padding: 10px 20px;
}
.headline_flash .flash_error {
  background-color: #eb7c78;
  padding: 10px 20px;
}
.headline_flash .headline {
  background-color: #FFFBB4;
  font-size: 16px;
}
.headline_flash .headline .text {
  padding: 10px 20px;
}
.headline_flash .headline .icon {
  text-align: right;
  padding-right: 10px;
}
.headline_flash .headline .icon a img {
  width: 22px;
  height: 25px;
  position: relative;
  top: 5px;
}
.content_box {
  background-color: #F9F7F8;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
}
.white_box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
}
.padding_right_10 {
  padding-right: 10px;
}
.min_content_height {
  min-height: 320px;
}
.float_right {
  float: right;
}
.float_left {
  float: left;
}
.align_center {
  text-align: center;
}
.align_left {
  text-align: left;
}
.align_right {
  text-align: right;
}
.double_column {
  width: 50%;
}
.double_column .field {
  width: 300px;
  line-height: 30px;
}
form .double_column .single_form_column_element .field {
  width: 300px;
}
.label {
  height: 30px;
  width: 150px;
  float: left;
  background: none;
  color: #000;
  display: inline-block;
  vertical-align: baseline;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  padding: 0px;
  text-shadow: none;
  vertical-align: middle;
  white-space: nowrap;
}
.widget {
  width: 250px;
  float: left;
}
.choice_link {
  color: #000;
  background-color: darkorange;
  color: white;
  float: left;
  height: 35px;
  margin: 20px;
  padding: 10px;
  text-align: center;
  width: 200px;
}
.choice_link a {
  color: white;
  display: block;
  font-size: 16px;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
.double_form_column_element .input_text_l {
  margin-left: 16px;
}
.error_border {
  border: 2px double #ca0000 !important;
}
.error_text {
  color: #ca0000;
}
form .label,
form .field,
form .error_container,
form .delete_link {
  float: left;
}
form .single_form_column_element .label {
  width: 150px;
}
form .single_form_column_element .field {
  width: 350px;
}
form .label {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  width: 150px;
}
textarea,
form input[type="time"],
form input[type="number"],
form input[type="email"],
form input[type="text"],
form input[type="password"] {
  border: 1px solid #C3C7CA;
  font-size: 13px;
  height: 28px;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  /* Added for javascript validation */
  margin: 0px;
}
#teamsystems_root textarea,
#teamsystems_root form input[type="time"],
#teamsystems_root form input[type="number"],
#teamsystems_root form input[type="email"],
#teamsystems_root form input[type="text"],
#teamsystems_root form input[type="password"] {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;

  min-width: 0;
  background: none;
  box-sizing: content-box;
  animation-name: mui-auto-fill-cancel;
  letter-spacing: inherit;
  animation-duration: 10ms;
  -webkit-tap-highlight-color: transparent;
}
select,
option {
  font-size: 13px !important;
}
form .expanded_choice {
  line-height: 30px;
  vertical-align: middle;
}
form .expanded_choice label {
  margin-right: 20px;
}
.expanded_choice_item {
  /* Removed float left due to zusagen/absagen */
}
.expanded_choice_item label {
  float: left;
}
form#event_edit .expanded_choice_item,
#attendance_overview .expanded_choice_item {
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #C3C7CA;
  box-shadow: 2px 2px 2px #888888;
  padding: 5px;
  width: 207px;
  margin: 5px;
  background-color: white;
  float: left;
}
.form_row_margin {
  margin-bottom: 10px;
}
/* addition of two field take 16 pixel */
form .input_text_xxl {
  width: 280px;
}
form .input_text_xl {
  width: 214px;
}
form .input_text_l {
  width: 164px;
}
form .input_text_m {
  width: 132px;
}
form .input_text_s {
  width: 100px;
}
form .input_text_xs {
  width: 50px;
}
form .input_text_xxs {
  width: 20px;
}
.textarea_m {
  height: 80px;
}
form .time_field_group {
  margin-left: 30px;
}
.form_row_middle {
  line-height: 30px;
  vertical-align: middle;
}
select {
  padding: 4px;
}
a.underline {
  text-decoration: underline;
}
a.submit_182 {
  display: block;
  font-size: 14px;
  color: #323433;
  text-decoration: none;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
}
a.submit_100_20 {
  display: block;
  text-decoration: none;
  color: black;
}
input[type=submit] {
  font-size: 14px;
}
.submit_100_20 {
  background-image: url("/images/sprites.png");
  background-position: 0 -155px;
  background-repeat: no-repeat;
  border: 0 none;
  height: 20px;
  width: 100px;
}
.submit_100_20:hover {
  background-position: 0 -95px;
}
.submit_100 {
  background-image: url("/images/sprites.png");
  background-position: 0 -155px;
  background-repeat: no-repeat;
  border: 0 none;
  height: 30px;
  width: 100px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
}
.submit_100:hover {
  background-position: 0 -185px;
}
.submit_140 {
  background-image: url("/images/sprites.png");
  background-position: 0 -155px;
  background-repeat: no-repeat;
  border: 0 none;
  height: 30px;
  width: 140px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
}
.submit_140:hover {
  background-position: 0 -185px;
}
.submit_182_small {
  display: block;
  color: #323433;
  text-decoration: none;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  background-image: url("/images/sprites.png");
  background-position: 0 -65px;
  background-repeat: no-repeat;
  border: 0 none;
  height: 30px;
  width: 182px;
}
.submit_182 {
  background-image: url("/images/sprites.png");
  background-position: 0 -65px;
  background-repeat: no-repeat;
  border: 0 none;
  height: 30px;
  width: 182px;
}
.submit_182:hover,
.submit_182_small:hover {
  background-position: 0 -95px;
}
.bigger_button {
  height: 30px;
  border: 1px solid #ccc;
  display: block;
  font-size: 14px;
  color: #323433;
  text-decoration: none;
  line-height: 33px;
  vertical-align: middle;
  text-align: center;
  padding: 0px 10px;
}
#event {
  height: 300px;
}
body {
  margin: 0;
  padding: 0;
}
.page {
  background-color: #E5E5E5;
  margin: 0 auto;
  padding: 10px;
  width: 980px;
}
#header {
  /*.rounded_corners(10px);*/
  box-shadow: 3px 3px 3px #888888;
  background-color: #006600;
  height: 155px;
  margin-bottom: 25px;
  position: relative;
  z-index: 100;
}
#header #logo {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: white;
  border: 1px solid #C6C7CB;
  height: 99px;
  left: 40px;
  position: absolute;
  top: 25px;
  width: 99px;
  z-index: 1;
}
#header #logo a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}
#header #title {
  color: white;
  font-size: 18px;
  height: 67px;
  left: 160px;
  line-height: 67px;
  position: absolute;
  top: 25px;
  vertical-align: middle;
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
}
#header #header_bar {
  background-image: url("/images/sprites.png");
  background-position: 0 -125px;
  width: 496px;
  height: 25px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 5px;
  padding-right: 10px;
}
#header .logged_in {
  top: 36px;
}
#header .logged_out {
  top: 46px;
}
#header #login_role_box {
  position: absolute;
  right: 100px;
  text-align: right;
}
#header #login_role_box .security_button {
  background-image: url("/images/sprites.png");
  background-position: 0 -215px;
  width: 96px;
  height: 30px;
  line-height: 28px;
  vertical-align: middle;
  color: white;
  font-size: 16px;
}
#header #user_menu_container {
  position: absolute;
  top: 36px;
  right: 26px;
  text-align: right;
  /* Change color of dropdown links on hover */
  /* Show the dropdown menu on hover */
  /* Change the background color of the dropdown button when the dropdown content is shown */
}
#header #user_menu_container #user_menu {
  position: relative;
  display: inline-block;
  z-index: 1005;
}
#header #user_menu_container #user_button {
  color: white;
  font-size: 16px;
  border: none;
  z-index: 1005;
}
#header #user_menu_container #user_menu_content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1005;
  width: 220px;
  right: -26px;
}
#header #user_menu_container #user_menu_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  z-index: 1005;
  border-bottom: 1px solid black;
}
#header #user_menu_container #user_menu_content a:last-child {
  border: 0px;
}
#header #user_menu_container #user_menu_content a:hover {
  background-color: #ddd;
}
#header #user_menu_container #user_menu:hover #user_menu_content {
  display: block;
}
#header #user_menu_container #user_menu:hover #user_button {
  background-color: #3e8e41;
}
#header .security_button a {
  display: block;
  line-height: 28px;
  vertical-align: middle;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
}
#header #header_bar input[type=text],
#header #header_bar input[type=password] {
  width: 100px;
}
#header_bar a {
  color: #ddd;
  text-decoration: underline;
  margin-left: 30px;
}
/* Start of main menu */
#header #menu {
  height: 62px;
  position: relative;
  top: 90px;
}
#header #menu div {
  float: left;
}
#header #menu #left,
#header #menu #right {
  background-image: url("/images/sprites.png");
  height: 100%;
  width: 13px;
}
#header #menu #right {
  background-position: -24px 0;
}
#header #menu #middle {
  background-image: url("/images/menu_middle_1x62.png");
  background-repeat: repeat-x;
  height: 100%;
  text-align: right;
  width: 100%;
}
#header #menu ul {
  font-size: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
  z-index: 1000;
}
#header #menu ul li {
  border-left: 1px solid #D6D5DA;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 150px;
  z-index: 1000;
}
#header #menu ul li.main span {
  font-size: 15px;
  font-weight: bold;
}
#header #menu ul li.main ul.menu_level_1 li span {
  font-size: 12px;
  font-weight: bold;
}
#header #menu ul li.main {
  color: #3D3D3D;
  font-size: 15px;
  font-weight: bold;
  height: 37px;
  text-decoration: none;
  z-index: 1000;
}
#header #menu ul li span {
  font-size: 12px;
  font-weight: bold;
}
#header #menu ul li.main {
  height: 62px;
  padding-top: 22px;
}
#header #menu ul li.main:hover {
  background-image: url("/images/menu_middle_hover_1x62.png");
  background-repeat: repeat-x;
}
#header #menu ul li a {
  color: #3D3D3D;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 37px;
  text-decoration: none;
  z-index: 1000;
}
#header #menu li:hover ul.menu_level_1 {
  display: block;
  padding: 0;
  position: absolute;
  top: 62px;
  z-index: 1000;
}
#header #menu ul.menu_level_1 {
  display: none;
  padding: 0;
  position: absolute;
  top: 62px;
  z-index: 1000;
}
#header #menu ul.menu_level_1 li {
  background-color: #FCFCFC;
  border-bottom: 1px solid #D6D5DA;
  border-left: 1px solid #D6D5DA;
  border-right: 1px solid #D6D5DA;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 0;
  padding: 0;
  top: 0;
  left: -1px;
  z-index: 1000;
}
#header #menu ul.menu_level_1 li:hover {
  background-color: #F0EFF4;
  z-index: 1000;
}
#header #menu ul.menu_level_1 li a {
  font-size: 12px;
  padding-top: 0;
  z-index: 1000;
}
#header #menu li:hover ul.menu_level_1 li ul.menu_level_2 {
  display: none;
  padding: 0;
  position: absolute;
  left: 150px;
  top: 0px;
  z-index: 1000;
}
#header #menu li:hover ul.menu_level_1 li:hover ul.menu_level_2 {
  display: block;
}
/* End of main menu */
.maincontent {
  /* .rounded_corners(10px);*/
  border: 1px solid #C3C7CA;
  background-color: #FCFCFE;
  box-shadow: 3px 3px 3px #888888;
  position: relative;
}
.shadow_box {
  /* .rounded_corners(10px);*/
  background-color: #FCFCFE;
  box-shadow: 3px 3px 3px #888888;
  position: relative;
}
.bottom_right {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.block_header {
  padding: 10px;
  font-size: 14px;
  background-color: #eee;
  border-bottom: 1px solid #bbb;
}
.admin_header_bar {
  padding: 10px;
}
.admin_header_bar .admin_header_bar_element {
  float: left;
}
.c_person .admin_header_bar #button_create {
  width: 350px;
}
.admin_header_bar #button_create {
  width: 250px;
}
.c_person .admin_header_bar #select {
  width: 370px;
  text-align: right;
}
.admin_header_bar #select {
  width: 470px;
  text-align: right;
}
.c_person .admin_header_bar #select select {
  width: 300px;
}
.admin_header_bar #select select {
  width: 400px;
}
.admin_header_bar #button_select,
.admin_header_bar #button_delete {
  width: 105px;
  text-align: right;
}
a.select_role_link {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding-left: 10px;
  width: 380px;
  background-image: url("/images/sprites.png");
  background-position: 0 -245px;
  display: block;
}
a.select_role_link:hover {
  background-position: 0 -275px;
}
.tab_box {
  border-radius: 0px 10px 10px 10px !important;
}
#tabs {
  border: 0px;
  font-family: "Helvetica Neue", "Helvetica Neue Light", HelveticaNeue-Light, Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
  margin-top: 10px;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px;
}
.ui-tabs .ui-tabs-nav {
  padding: 0px !important;
}
#tabs .ui-widget-header {
  background: none;
  border: none;
}
#tabs .ui-widget-content {
  border-top: 1px solid #AAA;
}
.maincontent .ui-tabs {
  padding: 0px;
}
.ui-tabs .content_box {
  padding-top: 20px;
}
.ui-tabs .ui-corner-top {
  border: 1px solid #D3D3D3;
  color: #555555;
}
.ui-tabs .ui-corner-top {
  background: auto;
}
#tabs ul {
  list-style-type: none;
}
#tabs ul li {
  float: left;
}
.page_description {
  margin-bottom: 20px;
}
.add_link span {
  position: relative;
  bottom: 3px;
  left: 5px;
}
/* File upload */
.bar {
  height: 18px;
  background: green;
}
.description {
  padding: 10px 20px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #bbb;
}
form .description {
  background-color: #ffffff;
}
#submenu {
  position: relative;
  bottom: -1px;
}
#submenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#submenu ul li {
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  background-color: #eeeeee;
  border-top: 1px solid #c3c7ca;
  border-right: 1px solid #c3c7ca;
  border-bottom: 1px solid #c3c7ca;
  text-align: center;
}
#submenu ul li.active {
  background-color: #ffffff;
  border-bottom: none;
}
#submenu ul li.first {
  border-left: 1px solid #c3c7ca;
}
/*** Error handling ***/
input.error {
  border: 1px solid #ffb2b2;
  -moz-box-shadow: 0px 0px 3px 1px #b3092b;
  -webkit-box-shadow: 0px 0px 3px 1px #b3092b;
  box-shadow: 0px 0px 3px 1px #b3092b;
}
label.error {
  color: #b3092b;
  padding-bottom: 3px;
  display: block;
}
/* New form arrangement by grid */
.control-group:before,
.control-group:after {
  content: "";
  display: table;
}
.control-group:after {
  clear: both;
  margin-bottom: 10px;
}
.control-group {
  *zoom: 1;
}
.control-group label.error {
  float: none;
}
.control-group label,
.control-group .controls {
  float: left;
}
.control-group label {
  width: 180px;
}
.control-group .controls {
  width: 250px;
}
ul.ui-tabs-nav li.ui-state-active {
  background: #fafafa;
}
form .ui-tabs .content_box {
  background: #fafafa;
  border: 1px solid #C3C7CA;
}
#manage_staff_form label,
#person_form label {
  line-height: 28px;
}
#event_overview a,
#manage_staff_table a {
  text-decoration: underline;
}
#event_overview a:hover,
#manage_staff_table a:hover {
  text-decoration: none;
}
.fulltable {
  width: 100%;
  background: #ccc;
  border-spacing: 1px;
  border: none;
}
.fulltable th {
  background: #e9e9e9;
}
.fulltable td,
.fulltable th {
  padding: 10px 5px;
}
.searchfield {
  position: relative;
  border: dotted 1px #D6D4D5;
  padding: 3px;
  background: url(https://googledrive.com/host/0Bz6HRVCs7oBaS0R2cTFvRDM4bzA/) no-repeat right;
  width: 170px;
  transition: .3s linear;
}
.searchfield:focus {
  border: solid 1px #D6D4D5;
  width: 170px;
  transition: .3s linear;
}

html,
body {
  min-height: 100%;
}
body {
  position: relative;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
  /*dim the background*/
}
.input_readonly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
input[type=time] {
  width: 90px;
}
a.viewable {
  text-decoration: underline;
}
.text_shadow {
  text-shadow: #000000 2px 2px 2px;
}
.default_border {
  border: 1px solid #C3C7CA;
}
.odd,
.odd .label,
.odd .field,
.odd td,
tr.odd td {
  background-color: #ffffff !important;
}
.even,
.even .label,
.even .field,
.even td {
  background-color: #e9e9e9;
}
#header {
  z-index: 10;
  /* set from 0 to 10 because otherwise navigation would be behind content */
}
#header #header_separator {
  background-color: #FE0000;
  height: 3px;
  position: relative;
  top: 90px;
}
#header_bar {
  text-align: right;
}
#event_edit #person label {
  margin-right: 0px;
}
#event_edit .invitation_headline,
.role_type_headline {
  padding: 10px;
  width: 197px;
  float: left;
  margin: 5px 5px;
  background-color: #FFFBB4;
}
.assignment_form .delete_link {
  padding-top: 14px;
}
.assignment_form .invitation {
  margin-bottom: 10px;
  border-bottom: 1px solid #c3c7ca;
  border-top: 1px solid #c3c7ca;
}
.assignment_form .absences .invitation {
  border: 0px;
}
.invitation_state_init {
  background-color: #f9f7f8;
}
.invitation_state_accept {
  background-color: #effee7 !important;
}
.invitation_state_maybe {
  background-color: #fffbb4;
}
.invitation_state_reject {
  background-color: #ffeced;
}
tr.invitation_state_init td {
  background-color: #f9f7f8 !important;
}
tr.invitation_state_accept td {
  background-color: #effee7 !important;
}
tr.invitation_state_maybe td {
  background-color: #fffbb4 !important;
}
tr.invitation_state_reject td {
  background-color: #ffeced !important;
}
.assignment_form .upper_row,
#event_show .invitations .upper_row {
  height: 95px;
}
.assignment_form .lower_row,
#event_show .invitations .lower_row {
  height: 40px;
}
.assignment_form .radio_group,
#event_show .invitations .radio_group {
  text-align: left;
  margin: 0px auto;
}
.assignment_form .datetime1 .middled,
#event_show .invitations .datetime1 .middled,
.assignment_form .datetime2 .middled,
#event_show .invitations .datetime2 .middled {
  width: 110px;
}
.assignment_form .submit_event,
#event_show .invitations .submit_event,
.assignment_form .submit_all,
#event_show .invitations .submit_all {
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  line-height: 27px;
  background-color: #ececec;
  border: 1px solid #666666;
  height: 27px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  display: none;
}
.assignment_form .middled_container,
#event_show .invitations .middled_container {
  height: 60px;
}
.assignment_form .middled,
#event_show .invitations .middled {
  display: inline-block;
  vertical-align: middle;
}
.assignment_form .section.upper_row {
  padding-top: 10px;
}
.assignment_form .section {
  border-right: 1px solid #D3D3D3;
  text-align: center;
}
.assignment_form .section input {
  float: none;
}
.assignment_form .section .error {
  text-align: center;
  padding-top: 3px;
}
.assignment_form .section .section_header {
  font-size: 14px;
  font-weight: bold;
  height: 25px;
}
.assignment_form .static_invitation_state {
  margin: 15px auto;
  text-align: center;
}
.submit_error {
  float: right;
  margin-right: 20px;
  line-height: 30px;
  color: #b3092b;
  display: none;
}
.double_column {
  float: left;
  width: 49.5%;
}
.double_column_spacer {
  float: left;
  width: 1%;
}
.double_second {
  margin-left: 30px;
}
.third_column {
  float: left;
  width: 32%;
}
.two_third_column {
  width: 623px;
  float: left;
}
.third_content_box {
  width: 301px;
  float: left;
}
.two_third_content_box {
  width: 603px;
  float: left;
}
.third_column_middle {
  margin: 0px 2%;
}
#header #menu ul li {
  border-left: 1px solid #D6D5DA;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 150px !important;
  z-index: 1000;
}
#submenu ul {
  list-style-type: none;
}
#submenu li {
  float: left;
}
.error ul li {
  float: none !important;
}
.invalid {
  border: 1px solid red;
}
#organization_seasons {
  padding: 10px;
}
#organization_seasons table {
  width: 100%;
}
#organization_seasons tr {
  height: 45px;
}
#organization_seasons .team_name {
  text-align: left;
  width: 30%;
}
#organization_seasons .next_season {
  text-align: left;
  width: 70%;
}
#organization_seasons .name {
  width: 250px;
  text-align: left;
}
#organization_seasons .name input {
  width: 230px;
}
#organization_seasons .dateStart,
#organization_seasons .dateEnd {
  padding: 0px 25px;
  width: 200px;
  text-align: center;
}
#organization_seasons .dateStart input,
#organization_seasons .dateEnd input {
  width: 200px;
  text-align: center;
}
#organization_seasons .feedback {
  display: none;
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  margin: 10px 0px;
}
#organization_seasons .feedback h4 {
  margin: 15px 0px;
}
#organization_seasons .feedback .sub_headline_1 {
  margin-bottom: 10px;
}
#organization_seasons .feedback .sub_headline_2 {
  margin-bottom: 10px;
  text-decoration: underline;
}
#organization_seasons .feedback tr {
  height: 25px;
}
.a_login form {
  width: 300px;
  margin: 80px auto;
  text-align: center;
}
.a_login form input[type=text],
.a_login form input[type=password] {
  width: 200px;
  float: none;
}
.a_login form .small_label {
  width: 157px;
  text-align: left;
  margin-left: 50px;
  color: #666;
}
#locations_filter {
  margin-right: 10px;
  margin-bottom: 10px;
}
#location_edit textarea {
  height: 100px;
}
#main_listing_staff_overview .name {
  width: 600px;
}
.first_steps table {
  margin: 0px auto;
  border-spacing: 20px;
}
.first_steps_button {
  width: 400px;
  height: 40px;
  display: block;
  font-size: 16px;
  padding: 10px;
  text-align: center;
}
.big_button_grey {
  background: #fcfcfc;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fcfcfc 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#cccccc', GradientType=0);
}
.big_button_grey:hover {
  background: #eaeaea;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#cccccc', GradientType=0);
}
.gradient_light_grey {
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}
.imprint table td {
  padding: 20px;
}
.privacy h4 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.privacy ul {
  padding-left: 20px;
}
.privacy ul li {
  list-style-type: disc;
}
table.referees td,
table.referees th {
  padding: 10px;
}
#contact_table th,
#contact_table td {
  padding: 10px;
}
.subteam_container h4.subteams {
  margin: 5px;
}
.subteam_container table.subteams td {
  padding: 5px;
}
.subteam_container table.subteams td .all,
.subteam_container table.subteams td .no_one {
  cursor: pointer;
  text-decoration: underline;
}
.attendance_detail_table td.init,
.attendance_detail_legend td.init,
.attendance_detail_table div.init,
.attendance_detail_legend div.init {
  background-color: #f9f7f8 !important;
}
.attendance_detail_table td.accept,
.attendance_detail_legend td.accept,
.attendance_detail_table div.accept,
.attendance_detail_legend div.accept {
  background-color: #d2fbbb !important;
}
.attendance_detail_table td.reject,
.attendance_detail_legend td.reject,
.attendance_detail_table div.reject,
.attendance_detail_legend div.reject {
  background-color: #fdbdc0 !important;
}
.attendance_detail_table td.maybe,
.attendance_detail_legend td.maybe,
.attendance_detail_table div.maybe,
.attendance_detail_legend div.maybe {
  background-color: #fef78a !important;
}
.attendance_detail_table td.uninvited,
.attendance_detail_legend td.uninvited,
.attendance_detail_table div.uninvited,
.attendance_detail_legend div.uninvited {
  background-color: gray;
}
.centered_message {
  width: 100%;
  text-align: center;
  height: 500px;
  padding-top: 200px;
  font-size: 16px;
  color: #666;
}
#mobile_menu_icon {
  display: none;
}
#navi_arrow {
  padding-top: 5px;
}
#mmmenu {
  background-color: #e0e0e0;
}
@media only screen and (max-device-width: 480px), only screen and (max-device-width: 768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  nav#mmenu {
    display: none;
  }
  #mobile_menu_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 5px;
    padding: 9px;
    border: 1px solid black;
    border-radius: 2px;
  }
  #mobile_menu_icon img {
    width: 30px;
    height: 30px;
  }
  #header #menu #middle {
    text-align: left;
  }
  #header #logo {
    left: 100px;
  }
  #header #title {
    width: 450px;
    left: 210px;
  }
}
.show_page .topic {
  border-top: 1px solid #bbb;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #eee;
}
body.c_location #locations a {
  text-decoration: underline;
}
#location_show .columns {
  padding: 10px 25px;
}
#location_delete_box {
  position: fixed;
  display: none;
  background-color: #fff;
  top: 200px;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -250px;
  border: 2px solid #bbbbbb;
  width: 500px;
  height: 300px;
}
#location_delete_box .content_box {
  background-color: #fff;
  margin-bottom: 0px;
}
.delete_confirm_close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block !important;
}
#delete_confirm_select {
  text-align: center;
}
#delete_confirm_replace {
  margin: 20px 0px;
  width: 90%;
}
#delete_location_final {
  margin: 20px auto;
}
#location_error {
  width: 80%;
  color: #b3092b;
  margin: 0px auto;
}
.green {
  color: green;
}
.checkmark {
  font-size: 20px;
}

#community_sms .team_box,
#community_email .team_box {
  margin-bottom: 10px;
}
#community_sms .team_box .description,
#community_email .team_box .description {
  padding: 10px;
}
#community_sms .team_box .description .team,
#community_email .team_box .description .team {
  float: left;
}
#community_sms .team_box .description .fold_link,
#community_email .team_box .description .fold_link,
#community_sms .team_box .description .no_persons,
#community_email .team_box .description .no_persons {
  float: right;
  cursor: pointer;
}
#community_sms .error a,
#community_email .error a {
  text-decoration: underline;
  font-weight: bold;
}
#community_sms .person_box_headline,
#community_email .person_box_headline {
  font-weight: bold;
  margin: 5px;
}
#community_sms #characters_left,
#community_email #characters_left {
  width: 30px;
}
#community_sms .person_box_container,
#community_email .person_box_container {
  padding: 10px;
  display: none;
}
#community_sms .person_box,
#community_email .person_box {
  float: left;
  width: 222px;
  margin: 2px 5px;
}
#community_sms .field,
#community_email .field {
  width: 780px;
  height: auto;
}
#community_sms .field .hint,
#community_email .field .hint {
  font-size: 10px;
  padding-left: 20px;
}
#community_sms .field textarea,
#community_email .field textarea,
#community_sms .field input,
#community_email .field input {
  width: 390px;
}
#community_sms .field textarea,
#community_email .field textarea {
  height: 50px;
}
#community_sms #sms_description .label,
#community_email #sms_description .label {
  width: 200px;
  line-height: 1.3em;
}
#community_sms #sms_description .field,
#community_email #sms_description .field {
  width: 500px;
}
.file_element {
  height: 20px;
  padding: 5px 0px;
}
.file_element .filename {
  float: left;
  width: 400px;
}
.file_element .delete_file {
  float: right;
  width: 100px;
  text-align: center;
  cursor: pointer;
}
.file_element .delete_file img {
  height: 20px;
  width: 20px;
}
.file_element .preview {
  float: left;
}
#teaser table {
  margin: 10px 0px;
  width: 100%;
}
#teaser table td {
  padding: 5px;
}
#teaser table tr {
  height: 30px;
}
#teaser table tr#create td {
  padding-bottom: 20px;
}
#teaser table a {
  text-decoration: underline;
}
#teaser table .add {
  position: relative;
  top: 4px;
  margin-right: 5px;
}
#teaser_form .label,
#article_form .label {
  width: 200px;
}
#teaser_form .hint,
#article_form .hint {
  font-size: 10px;
}
#teaser_form .team_label,
#article_form .team_label {
  line-height: 1.3em;
}
#teaser_form .team_label label,
#article_form .team_label label {
  width: 150px;
}
#teaser_form .field,
#article_form .field {
  width: 250px;
}
#teaser_form .fullwidth .field,
#article_form .fullwidth .field {
  width: 622px;
}
#teaser_form .fullwidth .field input,
#article_form .fullwidth .field input {
  width: 612px;
}
#teaser_form input[type="checkbox"],
#article_form input[type="checkbox"] {
  position: relative;
  top: 5px;
}
#teaser_form .preview,
#article_form .preview {
  position: relative;
}
#teaser_form .preview img,
#article_form .preview img {
  width: 30px;
  height: 30px;
}
#teaser_form .big_preview,
#article_form .big_preview {
  display: none;
  position: absolute;
  border: 4px solid #fff;
  top: 0px;
  left: 0px;
}
#teaser_form .big_preview:hover,
#article_form .big_preview:hover {
  display: block;
}
#teaser_form .preview .big_preview img,
#article_form .preview .big_preview img {
  width: 300px;
  height: auto;
  z-index: 100;
}
#teaser_form #files .file_element .filename,
#article_form #files .file_element .filename {
  width: 300px;
  float: left;
}
#teaser_form #files .file_element .preview,
#article_form #files .file_element .preview {
  width: 60px;
  float: left;
  position: relative;
  z-index: 1;
}
#teaser_form #files .file_element .delete_file,
#article_form #files .file_element .delete_file {
  width: 120px;
  float: left;
}
#teaser_form .error {
  color: #b3092b;
}
#teaser_form .double_form_column_element select#teaser_teams {
  height: 100px;
  background-color: #fff;
}
.main_listing {
  margin-bottom: 20px;
}
.main_listing .header {
  font-size: 17px;
}
.main_listing table {
  width: 100%;
}
.main_listing .header {
  padding: 5px 20px;
}
.main_listing .separator {
  height: 2px;
}
.main_listing table tr td {
  padding: 8px;
  padding-left: 20px;
}
#main_listing_training_overview .name {
  width: 300px;
}
#main_listing_training_overview .location {
  width: 200px;
}
#main_listing_training_overview .time_start {
  width: 150px;
}
#non_logged_in label {
  white-space: normal;
  line-height: 1.2em;
  display: block;
}
#articles {
  width: 100%;
}
#articles .article_edit_link,
#articles .article_show_link,
#articles .article_delete_link {
  text-align: center;
  width: 15%;
}
#teasers .teaser_edit_link,
#teasers .teaser_delete_link {
  text-align: center;
  width: 15%;
}

#personal_assignment {
  position: relative;
}
#personal_assignment .tab_content {
  padding: 10px 0px;
}
#assignment_search,
#overview_search {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 1;
}
div.table.absences .date_start,
div.table.absences .date_end {
  width: 15%;
}
div.table.absences .message {
  width: 30%;
}
div.table.absences .save {
  width: 20%;
}
div.table.absences .delete {
  width: 20%;
}
div.table.absences .multilogin .person {
  width: 20%;
}
div.table.absences .multilogin .message {
  width: 20%;
}
div.table.absences .multilogin .save {
  width: 15%;
}
div.table.absences .multilogin .delete {
  width: 15%;
}
div.table.absences .delete_link {
  height: 28px;
  line-height: 39px;
}
div.table.absences .submit_loading {
  top: 8px;
  position: relative;
  margin: 0px auto;
  margin-top: 5px;
}
div.table.absences .td,
div.table.absences .th {
  padding: 10px;
}
div.table.absences .td input[type=text],
div.table.absences .th input[type=text] {
  float: none;
}
div.table.absences .ajax_submit {
  width: 120px;
}
#tabs ul.subevents li {
  float: none;
  margin-bottom: 10px;
}
#tabs ul.subevents li .field:first-child {
  margin-right: 0px;
}
#tabs ul.subevents li .field input {
  margin: 0px 5px;
}
#tabs #column_header .field:first-child {
  margin-right: 21px;
  margin-left: 5px;
}
#tabs #column_header .input_text_xl,
#tabs #column_header .input_text_m,
#tabs #column_header .input_text_s,
#tabs #column_header .input_text_xs,
#tabs #column_header .input_text_xxs {
  margin-right: 8px;
}
#score_we {
  position: relative;
  left: -5px;
  margin-right: 10px;
}
#automatic_reminder {
  margin-top: 0px;
  background: #fff;
}
#manual_reminder {
  background: #fff;
}
#automatic_reminder table .who {
  width: 190px;
  text-align: left;
}
#automatic_reminder table .activate {
  width: 100px;
  text-align: center;
}
#automatic_reminder table .days {
  width: 150px;
  text-align: center;
}
#automatic_reminder table .options {
  width: 300px;
  text-align: left;
}
#notification_persons {
  width: 350px;
  float: left;
}
#notification_persons .label {
  height: 1em;
  line-height: 1.6em;
}
#notification_persons .widget {
  width: 30px;
  margin-left: 5px;
  float: left;
}
#notification_persons hr {
  width: 207px;
  position: relative;
  top: 10px;
  margin-bottom: 20px;
  margin-left: 5px;
}
form#event_edit #event_notification_invitation_group_selection_notify_group .expanded_choice_item {
  margin-left: 0px;
}
form#event_edit #event_notification_invitation_group_selection_notify_group .expanded_choice_item input,
form#event_edit #event_notification_invitation_group_selection_notify_group .expanded_choice_item label {
  float: left;
  margin-top: 3px;
}
form#event_edit #event_notification_invitation_group_selection_notify_group .expanded_choice_item label {
  width: 150px;
  line-height: 20px;
}
#invited_persons .label,
#invited_persons label {
  width: 220px;
}
#invited_persons .widget {
  width: 30px;
}
form#event_edit #master select {
  width: 280px;
}
form#event_edit input[type=time] {
  width: 90px;
  margin-right: 10px;
}
form#event_edit #base_data_date_time input[type=time] {
  margin-left: 50px;
}
form#event_edit .time_field_group label {
  line-height: 30px;
}
form#event_edit .time_suffix {
  line-height: 30px;
}
form#event_edit .time_suffix .error {
  line-height: normal;
}
form#event_edit .meetreturn_time {
  margin-right: 30px;
}
form#event_edit .double_second .input_text_xl {
  margin-right: 15px;
}
form#event_edit .expanded_choice_item input,
form#event_edit .expanded_choice_item label {
  float: left;
  line-height: 30px;
}
form#event_edit .expanded_choice_item input {
  margin-top: 7px;
}
form#event_edit #subevents #add_link,
form#event_edit #subevents tr.subevent_row {
  height: 40px;
}
form#event_edit #subevents .identifier {
  width: 120px;
}
form#event_edit #subevents .date {
  width: 120px;
}
form#event_edit #subevents .time {
  width: 120px;
}
form#event_edit #subevents .team {
  width: 120px;
}
form#event_edit #subevents .opponent {
  width: 180px;
}
form#event_edit #subevents .homefield {
  width: 40px;
}
form#event_edit #subevents th.score {
  width: 100px;
  text-align: center;
}
form#event_edit #subevents td.score,
form#event_edit #subevents td.score_opponent,
form#event_edit #subevents .sub_score {
  width: 50px;
  text-align: center;
}
form#event_edit #subevents td.score input,
form#event_edit #subevents td.score_opponent input,
form#event_edit #subevents .sub_score input {
  float: none;
  margin: 0px;
}
form#event_edit #subevents .delete {
  width: 100px;
}
form#event_edit .training_time input {
  float: none;
}
form#event_edit .valid_with_open input[type=text] {
  float: none;
  margin-left: 55px;
}
#notification {
  padding: 10px;
}
#notification_options {
  width: 530px;
  float: left;
}
form#event_edit #notification_type .expanded_choice_item {
  width: 120px;
  margin-left: 0px;
  margin-right: 10px;
}
#notification_text {
  padding-top: 20px;
}
#notification_text textarea {
  width: 530px;
  height: 200px;
}
.defaultSkin table.mceToolbar,
.defaultSkin tr.mceFirst .mceToolbar tr td,
.defaultSkin tr.mceLast .mceToolbar tr td,
#notification_text .defaultSkin .mceStatusbar {
  background-color: #fff !important;
}
/** Event overview **/
.event_overview_block {
  margin-bottom: 20px;
}
table.event_overview {
  margin-bottom: 20px;
  width: 100%;
}
table.event_overview .nothing_available {
  text-align: center;
  height: 120px;
}
table.event_overview td.headline {
  border: none;
  font-size: 14px;
}
table.event_overview th.team,
table.event_overview td.team {
  text-align: center;
}
table.event_overview .multi_user th.datetime1,
table.event_overview .multi_user th.datetime2,
table.event_overview .multi_user td.datetime1,
table.event_overview .multi_user td.datetime2 {
  width: 130px;
}
table.event_overview .multi_user th.team,
table.event_overview .multi_user td.team {
  width: 70px;
  text-align: center;
}
table.event_overview .multi_user th.name,
table.event_overview .multi_user th.location {
  width: 200px;
}
table.event_overview .multi_user th.details,
table.event_overview .multi_user td.details {
  width: 100px;
}
table.event_overview .multi_user th.person,
table.event_overview .multi_user td.person {
  width: 210px;
}
table.event_overview .single_user th.datetime1,
table.event_overview .single_user th.datetime2,
table.event_overview .single_user td.datetime1,
table.event_overview .single_user td.datetime2 {
  width: 150px;
}
table.event_overview .single_user th.team,
table.event_overview .single_user td.team {
  width: 100px;
  text-align: center;
}
table.event_overview .single_user th.name,
table.event_overview .single_user th.location {
  width: 250px;
}
table.event_overview .single_user th.details,
table.event_overview .single_user td.details {
  width: 10px;
}
table.event_overview .single_user th.person,
table.event_overview .single_user td.person {
  width: 00px;
}
table.event_overview td,
table.event_overview th {
  padding: 10px;
}
table.event_overview th {
  text-align: left;
}
table.event_overview tr.placeholder {
  height: 50px;
}
table.event_overview tr.placeholder td,
table.event_overview tr.placeholder th {
  border-bottom: none;
}
table.event_overview #future_trainings_placeholder {
  height: 20px;
}
table.event_overview #load_more_row td {
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
table.event_overview .loading {
  display: none;
  height: 25px;
}
#event_show .all_link {
  width: 100%;
}
#event_show .full_width_information {
  padding: 10px;
}
#event_show .topic div {
  float: left;
}
#event_show #first_topic {
  border-top: none;
}
#event_show #enable_assignment,
#event_show #enable_attendance,
#event_show #enable_score_editing,
#event_show #enable_training_day_edit {
  float: right;
  text-decoration: underline;
  cursor: pointer;
}
#event_show #invitation_summary {
  margin-left: 100px;
}
#event_show .label {
  padding-left: 10px;
}
#event_show .widget {
  font-weight: bold;
  line-height: 1.5em;
  border-bottom: 10px;
}
#event_show .subevents {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 10px;
}
#event_show .subevents tr {
  height: 40px;
}
#event_show .subevents .date,
#event_show .subevents .time {
  width: 120px;
}
#event_show .subevents .opponent,
#event_show .subevents .subteam {
  width: 200px;
}
#event_show .subevents .subteam {
  font-weight: bold;
}
#event_show .subevents .score {
  width: 50px;
}
#event_show .subevents .score input {
  width: 40px;
  text-align: center;
}
#event_show .subevents .score_separator {
  width: 30px;
  text-align: center;
}
#event_show .subevents .align_right {
  padding-right: 10px;
}
#event_show .table {
  display: table;
}
#event_show .table .tr {
  display: table-row;
}
#event_show .table .td,
#event_show .table .th {
  display: table-cell;
}
#event_show .invitations {
  width: 100%;
  margin-bottom: 20px;
}
#event_show .invitations .tr {
  height: 40px;
}
#event_show .invitations .tr.header {
  height: 55px;
}
#event_show .invitations .th,
#event_show .invitations .td {
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
  line-height: 25px;
  vertical-align: middle;
}
#event_show .invitations .person,
#event_show .invitations .message {
  text-align: left;
}
#event_show .invitations .person {
  width: 200px;
}
#event_show .invitations .message {
  width: 220px;
}
#event_show .invitations .state,
#event_show .invitations .car,
#event_show .invitations .seats {
  width: 100px;
  text-align: center;
}
#event_show .invitations .attendance {
  width: 200px;
  text-align: center;
}
#event_show .invitations .seats input {
  width: 60px;
  float: none;
  text-align: center;
}
#event_show .invitations .align_right {
  padding-right: 10px;
}
#event_show .invitations .save_column {
  width: 120px;
  text-align: center;
}
#event_show .invitations .submit_event,
#event_show .invitations .submit_all {
  width: 98px;
  text-align: center;
  margin-right: 10px;
}
#event_show .write {
  display: none;
}
#event_show .button {
  text-align: right;
}
#event_show .hidden {
  visibility: hidden;
}
#main_listing_event_overview .name {
  width: 350px;
}
#main_listing_event_overview .location {
  width: 250px;
}
#main_listing_event_overview .time_start,
#main_listing_event_overview .time_end {
  width: 150px;
}
#attendance_overview .name {
  width: 200px;
}
#attendance_overview .value {
  width: 100px;
}
#attendance_overview .percentage {
  width: 80px;
}
#attendance_overview .expanded_choice_item {
  width: 446px;
}
#attendance_overview .expanded_choice_item .person,
#attendance_overview .expanded_choice_item .attended,
#attendance_overview .expanded_choice_item .invited,
#attendance_overview .expanded_choice_item .percentage {
  float: left;
}
#attendance_overview .expanded_choice_item .person {
  width: 280px;
}
#attendance_overview .expanded_choice_item .attended,
#attendance_overview .expanded_choice_item .invited {
  width: 50px;
  text-align: right;
}
#attendance_overview .expanded_choice_item .percentage {
  width: 100px;
  text-align: center;
}
#event_overview .team_events .ui-tabs-panel {
  padding: 0px;
}
#event_overview .team_events tr.canceled td {
  text-decoration: line-through;
}
.all_link {
  text-decoration: underline;
  float: right;
  cursor: pointer;
  font-weight: normal;
}
form#event_show .label {
  width: 200px;
}
#event_attendance,
#training_attendance,
#event_attendance_detail,
#training_attendance_detail {
  padding: 0px;
}
div.frozen_table_container {
  width: 696px;
  overflow-x: hidden;
  margin-left: 232px;
  overflow-y: visible;
  padding-bottom: 1px;
}
.frozen_table td,
.frozen_table th {
  width: 150px;
  border-right: 0px none black;
  border-top-width: 3px;
  /*only relevant for first row*/
  margin-top: -3px;
  /*compensate for top border*/
  text-align: center;
  position: relative;
}
.frozen_table td {
  padding: 0px;
}
.frozen_table tr.header {
  height: 29px;
}
.frozen_table tr {
  height: 35px;
}
.frozen_table tr:last-child td.firstcol {
  border-bottom: 1px solid #ccc;
}
.frozen_table th {
  background-color: #ffffff;
}
.frozen_table tr:first-child th.firstcol {
  border: 0px;
}
.frozen_table td.firstcol,
.frozen_table th.firstcol {
  position: absolute;
  width: 230px;
  left: 10px;
  top: auto;
  text-align: left;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-top: -1px;
  padding: 10px 5px;
}
.frozen_table tr.header td {
  background-color: gray;
  color: white;
}
.slider {
  width: 698px;
  margin-left: 230px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.attendance_icon {
  width: 30px;
  height: 30px;
  margin: 0px auto;
}
.attendance_icon div {
  width: 40px;
  height: 30px;
}
.attended_1 {
  background-image: url("/images/check_square_30x34.png");
  background-repeat: no-repeat;
}
.attended_0 {
  background-image: url("/images/uncheck_square_30x30.png");
  background-repeat: no-repeat;
}
.attendance_detail_table .message_container {
  font-size: 13px;
  color: gray;
  position: absolute;
  top: 0px;
  right: 0px;
}
.attendance_detail_table .message_container .message {
  font-family: "Arial", sans-serif;
  font-size: 12px;
  position: absolute;
  display: none;
  width: 146px;
  right: 0px;
  top: 0px;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #333;
  z-index: 1000;
  background-color: #eee;
}
.attendance_detail_table .message_container:hover {
  cursor: pointer;
}
.attendance_detail_table .message_container:hover .message {
  display: block;
}
.attendance_detail_legend .spacer {
  width: 50px;
}
.attendance_detail_legend .color {
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
}
.attendance_detail_legend .label {
  padding-left: 20px;
}
.attendance_detail_legend tr {
  height: 40px;
}
.attendance_detail_legend td {
  height: 30px;
  margin: 5px;
}
.ical_export {
  font-size: 12px;
  padding-top: 10px !important;
  position: relative;
  cursor: pointer;
}
.ical_export #export_hidden {
  cursor: default;
  display: none;
  position: absolute;
  width: 500px;
  border: 2px solid #555;
  background: #ffffff;
  z-index: 100;
  right: -3px;
  text-align: left;
  padding: 10px;
}
.ical_export #export_hidden a {
  text-decoration: underline;
}
.ical_export #export_hidden a:hover {
  font-weight: bold;
}
#open_invitation_log,
#open_email_log {
  cursor: pointer;
  margin-left: 20px;
}
.overlay_content_container {
  position: fixed;
  border: 2px solid #bbb;
  width: 960px;
  z-index: 50;
  display: none;
  background-color: #fff;
  top: 100px;
  overflow-y: scroll;
}
.overlay_content_container .content_box {
  background-color: #fff;
  margin-bottom: 0px;
}
.overlay_content_container table {
  width: 100%;
}
.overlay_content_container table tr {
  height: 30px;
}
.overlay_content_container table tr td,
.overlay_content_container table tr th {
  border-bottom: 1px solid #dddddd;
  padding: 0px !important;
}
.overlay_content_container table tr td:first-child {
  border-left: 1px solid #dddddd;
}
.overlay_content_container table tr td:last-child {
  border-right: 1px solid #dddddd;
  padding-right: 3px;
}
.overlay_content_container table thead tr {
  /* fallback */
  width: 97%;
  /* minus scroll bar width */
  width: -webkit-calc(84%);
  width: -moz-calc(84%);
  width: calc(84%);
}
.overlay_content_container table thead,
.overlay_content_container table tbody {
  display: block;
}
.overlay_content_container table tbody {
  height: 400px;
  /* Just for the demo          */
  overflow-y: auto;
  /* Trigger vertical scroll    */
  overflow-x: hidden;
}
.overlay_content_container .overlay_content_table {
  margin: 10px 0px;
}
.overlay_content_close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block !important;
  z-index: 100;
}
.invited_teams_headline {
  font-weight: bold;
  margin: 24px 0px 10px 0px;
}
.multi_team_entry:after {
  clear: both;
}
.multi_team_entry:before,
.multi_team_entry:after {
  content: " ";
  display: table;
}
.multi_team_entry {
  border-bottom: 1px solid grey;
  padding: 11px 0px;
}
.multi_team_entry .col {
  float: left;
}
.multi_team_entry .team_col {
  width: 30%;
}
.multi_team_entry .feedback_col {
  width: 70%;
  display: none;
}
.multi_team_entry .checkbox {
  width: 18px;
}
.multi_team_entry label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
.multi_team_entry input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0px;
  margin-right: 5px;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
#delete_multiple_team_event .delete_row {
  border-top: 1px solid #666;
  padding: 10px 0px;
}
#delete_multiple_team_event .delete_row .columns {
  line-height: 25px;
  vertical-align: middle;
}
#delete_multiple_team_event .delete_row:first-child {
  border: none;
}
#delete_multiple_team_event .delete_event_team {
  cursor: pointer;
}

.odd,
.odd .label,
.odd .field {
  background-color: #ffffff;
}
.even,
.even .label,
.even .field {
  background-color: #e9e9e9;
}
.default_border {
  border: 1px solid #C3C7CA;
}
#header #header_separator {
  background-color: #000000;
  height: 3px;
  position: relative;
  top: 90px;
}
.description {
  line-height: 2em;
}
#header #logo {
  width: 150px;
}
#header #logo img {
  position: relative;
}
#header #title {
  left: 210px;
  width: 310px;
}
.craue_formflow_steplist {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  clear: both;
  padding: 10px;
}
.craue_formflow_steplist li {
  list-style: none;
  display: block;
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #C3C7CA;
  margin-right: 20px;
  text-align: center;
  background-color: #F9F7F8;
  color: #bbbbbb;
}
.craue_formflow_steplist li.craue_formflow_current_step {
  background-color: white;
  color: #000;
}
.craue_formflow_buttons button.float_left {
  float: left;
}
#setup_step_headline {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #C3C7CA;
  padding: 10px;
  margin-bottom: 10px;
}
.info_maincontent .field {
  height: 30px;
  line-height: 30px;
  vertica-align: center;
}
#domain_identifier_feedback {
  margin-top: 10px;
}
#domain_identifier_feedback div {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#setup_gender .expanded_choice_item {
  float: left;
}
.single_form_column_element {
  width: 100% !important;
}
.error {
  color: #b3092b;
  line-height: 30px;
}
#setup_city {
  margin-left: 16px;
}
.expanded_choice_item input {
  float: left;
  position: relative;
  top: 6px;
}
.nivoSlider {
  position: relative;
  background: url(../../../../web/compiled-css/images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.nivoSlider a {
  border: 0;
  display: block;
}
#header #menu ul li {
  width: 125px;
}
#demo_table,
#price_table {
  width: 60%;
  background: #ccc;
  border-spacing: 1px;
  margin: 30px auto;
}
#demo_table td,
#price_table td,
#demo_table th,
#price_table th {
  background: #fff;
  padding: 10px;
  text-align: center;
}
#demo_table tr,
#price_table tr {
  height: 50px;
}
.green_hook {
  width: 30px;
  height: 30px;
}
#imprint_table td {
  padding: 10px;
}
.infobox {
  padding: 20px;
}
.infobox h3 {
  margin-bottom: 20px;
  color: #006300;
}
.infobox ul {
  margin-left: 15px;
}
.infobox ul li {
  list-style: disc;
  line-height: 1.8em;
}
.infobox .message {
  margin-bottom: 9px;
}
.infobox .date {
  text-decoration: underline;
  margin-bottom: 5px;
}
#accounting_overview,
#accounting_organization {
  margin: 10px 0px;
  width: 100%;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
}
#accounting_overview th,
#accounting_organization th {
  background-color: #e9e9e9;
}
#accounting_overview tr,
#accounting_organization tr {
  height: 30px;
}
#accounting_overview td,
#accounting_organization td {
  padding: 2px 5px;
}
#accounting_overview a,
#accounting_organization a {
  text-decoration: underline;
}
#admin_organization_header_nav {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font-size: 0px;
}
#admin_organization_header_nav .nav_item {
  display: inline-block;
  width: 150px;
  background-color: #fafafa;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  border-right: 1px solid #cccccc;
}
#admin_organization_header_nav .nav_item a {
  display: block;
  text-decoration: underline;
}
#admin_organization_header_nav .nav_item:hover {
  background-color: #f3f3f3;
}
#admin_organization_header_nav .active {
  background-color: #dfdfdf;
  font-weight: bold;
}
.admin form {
  padding: 10px;
}
.admin form input {
  float: none;
}
.admin form label {
  display: inline-block;
  width: 180px;
}
.admin form .row {
  margin-bottom: 5px;
}
#new_customer_overview {
  width: 100%;
}
#new_customer_overview tr {
  height: 50px;
}
#new_customer_overview a {
  text-decoration: underline;
}
#admin_communication input[type=text],
#admin_communication textarea {
  width: 100%;
}
#admin_communication textarea {
  height: 200px;
}
#admin_communication .crm_entry {
  border: 1px solid grey;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
#admin_communication .crm_entry .header {
  background-color: #006600;
  color: white;
  padding: 5px 0px;
  border-bottom: 1px solid grey;
}
#admin_communication .crm_entry .header .from {
  text-align: right;
}
#admin_communication .crm_entry .message {
  padding: 5px 0px;
}

#manage_members .widget label {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
#manage_members h4 {
  margin-bottom: 10px;
}
#year_preview {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
#year_slider {
  margin-bottom: 20px;
}
#search_result img.loading {
  margin-top: 30px;
  margin-left: 180px;
  display: none;
}
#result,
.player_box,
#delete {
  min-height: 150px;
}
.person_id {
  display: none;
}
.person_box {
  background-color: white;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #bbb;
}
.person_box:hover {
  cursor: pointer;
}
#no_contact_data_message {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #efefef;
  padding: 10px;
}
table.referees {
  width: 100%;
}
table.referees th.name {
  text-align: left;
  width: 80%;
}
table.referees td.delete {
  text-align: center;
}
table.referees td {
  border-top: 1px solid #ccc;
}
#search_members .widget {
  width: 150px;
}
#search_members .addendum {
  width: 125px;
  float: left;
}

#person_gender .expanded_choice_item {
  float: left;
  padding-top: 6px;
}
ul.contact_datas,
.contact_datas li {
  margin: 0px;
  padding: 0px;
}
ul.contact_datas {
  list-style-type: none;
}
#person_form #person_gender label {
  line-height: 1.5em;
}
#person_form #person_gender input {
  float: left;
}
#upload_person_table {
  background-color: white;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin: 0px;
  border-spacing: 0px;
}
#upload_person_table td,
#upload_person_table th {
  width: 148px;
  padding: 5px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#upload_person_table th {
  border-right: 1px solid #cccccc;
  border-bottom: 2px solid #aaa;
}
#upload_person_table td.first,
#upload_person_table th.first {
  width: 40px;
}
#upload_person_table tr {
  height: 28px;
}
.link_import_person {
  text-decoration: underline;
}
#person_import .description {
  margin-bottom: 20px;
}
#person_import .label,
#person_import .widget {
  width: 450px;
}
#person_import .single_form_column_element {
  margin-bottom: 20px;
}
h3#contact_data_headline {
  margin-top: 30px;
}
.contact_datas {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.contact_datas tr {
  height: 35px;
}
.contact_datas .contactType {
  width: 180px;
}
.contact_datas .contactType select {
  width: 150px;
}
.contact_datas .value {
  width: 250px;
}
.contact_datas .teamlist {
  width: 50px;
  text-align: center;
}
.contact_datas th.contactType,
.contact_datas th.value {
  text-align: left;
}
.fos_user_resetting_reset {
  margin-top: 30px;
}
.fos_user_resetting_reset label {
  width: 200px;
  display: block;
  float: left;
}
.fos_user_resetting_reset .description {
  margin-bottom: 20px;
}
#reset_link_invalid .description {
  margin-top: 30px;
}
#reset_link_invalid a {
  text-decoration: underline;
}
#add_funds .six {
  margin-top: 30px;
  text-align: center;
}
#add_funds .six table {
  margin: 0px auto;
}
#add_funds .six h4 {
  margin-bottom: 15px;
}
#add_funds .six input,
#add_funds .six select {
  margin-bottom: 10px;
}
#add_funds .six .account_balance {
  margin: 0px auto;
  border: 1px solid #bbb;
  padding: 20px;
  background-color: #fbfbfb;
  width: 250px;
}
#person_form .tab_content {
  padding: 0px;
}
#person_form label {
  line-height: 28px;
}
#person_form #settings .label {
  width: 80%;
}
#person_form #settings .field {
  width: 20%;
}
.a_manageAdmin #tabs .tab_content {
  padding: 0px;
}
.a_manageAdmin #tabs .tab_content h2,
.a_manageAdmin #tabs .tab_content h3 {
  padding: 10px;
}
.a_manageAdmin #tabs .tab_content table.overview {
  width: 100%;
  margin-bottom: 20px;
}
.a_manageAdmin #tabs .tab_content table.overview td {
  padding: 5px 10px;
}
.a_manageAdmin #tabs .tab_content table.overview a {
  text-decoration: underline;
}
.a_manageAdmin #tabs .tab_content table.overview td.links {
  width: 150px;
  text-align: center;
}
.a_manageAdmin #tabs .tab_content table.overview tr:hover td {
  background-color: #ddd;
}
.a_manageAdmin .roles_link:hover {
  cursor: pointer;
}
.a_manageAdmin .roles_window {
  position: absolute;
  width: 300px;
  background-color: white;
  border: 1px solid #333333;
  z-index: 1000;
  padding: 10px;
  display: none;
  right: 200px;
  top: -20px;
}
.a_manageAdmin .roles_window table {
  border-color: white;
}
.a_manageAdmin .roles_window table tr:hover td,
.a_manageAdmin .roles_window table tr td {
  background-color: #fff !important;
}
.a_manageAdmin .roles_window td {
  background-color: #fff;
}
#multilogin .loading {
  height: 30px;
  width: 30px;
  display: none;
}
#multilogin .row {
  height: 30px;
}
#multilogin .invalid_feedback,
#multilogin .valid_feedback {
  padding: 4px;
}
#multi_login_table {
  width: 100%;
}
#multi_login_table tr {
  height: 32px;
}
#multi_login_table td.username,
#multi_login_table td.password {
  width: 25%;
}
#multi_login_table .button {
  width: 200px;
  text-align: left;
}
#multi_login_table .button img {
  display: none;
  height: 30px;
  width: 30px;
}
#person_form h3 {
  padding-left: 10px;
}
table#invitation_change_email_config {
  width: 100%;
}
table#invitation_change_email_config thead tr:first-child {
  height: 30px;
}
table#invitation_change_email_config tr.even td {
  background-color: #fafafa;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
table#invitation_change_email_config thead tr th {
  text-align: center;
}
table#invitation_change_email_config thead tr th:first-child {
  text-align: left;
}
table#invitation_change_email_config td:first-child,
table#invitation_change_email_config th:first-child {
  text-align: left;
  padding-left: 10px;
  width: auto;
}
table#invitation_change_email_config td {
  text-align: center;
  width: 70px;
}
table#invitation_change_email_config th.active,
table#invitation_change_email_config th.seats {
  margin-right: 20px;
}
#refresh_div {
  padding: 10px;
  color: #0000ff;
}
#multi_logins a {
  line-height: 2.5em;
}
#export_button {
  position: absolute;
  right: 10px;
  top: -4px;
}


.records_list {
  width: 956px;
  cell-spacing: 0px;
  border-spacing: 0;
  border-collapse: collapse;
}
.records_list th {
  text-align: left;
  padding: 10px;
}
.records_list th.align_center {
  text-align: center;
}
.records_list td {
  padding: 10px;
  margin: 0px;
}
.records_list ul li {
  float: left;
  list-style-type: none;
}
.records_list .actions span {
  margin: 0px 10px;
}

.rom_entity_add_box {
  position: absolute;
  background-color: #fff;
  border: 2px solid #444;
  width: 500px;
  height: 300px;
  /*  display:none;*/
  left: 225px;
  bottom: 0px;
}
.rom_container_close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block !important;
  z-index: 100;
}
.rom_form_container {
  position: fixed;
  display: none;
  background-color: #fff;
  top: 200px;
  margin: 0px auto;
  z-index: 100;
}
.rom_form_container .content_box {
  background-color: #fff;
  margin-bottom: 0px;
}
#iframe_page {
  width: 560px !important;
  background-color: #fff !important;
}
#iframe_page em,
#iframe_page .expanded_choice_item {
  float: left;
}
#iframe_page em label,
#iframe_page .expanded_choice_item label {
  float: none;
}
#iframe_page em {
  color: #b3092b;
  padding-top: 8px;
  float: none;
  margin-left: 150px;
}
#iframe_page .field {
  width: 300px;
}
#iframe_page .default_border {
  border: none !important;
}
#iframe_page .content_box,
#iframe_page .maincontent {
  background-color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
#iframe_page .loading {
  display: none;
  margin: 0px auto;
  height: 30px;
}
#iframe_page .maincontent {
  box-shadow: none;
  border: none;
  background-color: #fff;
}
#iframe_page h2 {
  margin-left: 10px;
}

#startpage_events {
  padding: 0px;
  border-left: 1px solid #bbb;
}
#startpage_events .header {
  padding: 5px 10px;
}
#startpage_events .title {
  font-size: 14px;
  font-weight: bold;
}
#startpage_events .event {
  border-bottom: 1px solid #bbb;
}
#startpage_events .main {
  padding: 3px 10px;
}
#startpage_events .separator {
  height: 2px;
}
#startpage_events table tr td:first-child {
  width: 100px;
}
#startpage_events table tr td {
  padding: 5px 0px;
}
#startpage_events table tr td.label {
  vertical-align: top;
}
#startpage_events tr.subevent {
  display: none;
}
#startpage_events .detail_link {
  cursor: pointer;
}
#startpage_events .team {
  width: 20%;
  padding-left: 10px;
}
#startpage_events .time {
  width: 30%;
}
#startpage_events .detail_link {
  text-align: right;
  text-decoration: underline;
  padding-right: 10px;
}
.teasers {
  border-right: 1px solid #bbb;
}
.teasers .teaser {
  position: relative;
  z-index: 0;
  border-bottom: 1px solid #bbb;
  margin-top: 10px;
  padding-bottom: 10px;
}
.teasers .teaser .teaser_headline {
  font-weight: bold;
  font-size: larger;
}
.teasers .teaser .separator {
  height: 1px;
  background-color: #000;
  width: 100%;
  margin-top: 10px;
}
.teasers .teaser .image {
  width: 200px;
  margin-right: 20px;
  float: left;
}
.teasers .teaser .image img {
  border: 1px solid #bbb;
  width: 130px;
  height: 130px;
  margin: 10px;
  box-shadow: 0px 1px 5px #888888;
}
.teasers .teaser .content {
  float: left;
  position: relative;
  z-index: 0;
  padding: 20px;
  width: 100%;
}
.teasers .teaser .article_link {
  text-align: right;
  text-decoration: underline;
  margin-right: 10px;
}


#manage_subteams .input_text_l,
#manage_subteams .input_text_xs {
  margin-right: 30px;
}
.delete_link {
  padding-top: 7px;
}
.delete_link span {
  position: relative;
  top: -3px;
  padding-left: 5px;
}
ul.subteams li {
  margin-bottom: 10px;
}
#manage_subteams #column_header {
  margin-bottom: 20px;
}
#manage_subteams .manage_members_link {
  margin-right: 50px;
}
#manage_subteams .person_names {
  width: 310px;
}
#manage_subteams .person_name,
#manage_subteams .person_names label {
  width: 300px;
  padding-left: 10px;
}
#manage_subteams .person_names label {
  font-weight: bold;
}
#manage_subteams .subteam_checkboxes,
#manage_subteams .subteam_checkboxes label {
  text-align: center;
  margin: 0px;
}
#manage_subteams .subteam_checkboxes .odd,
#manage_subteams .subteam_checkboxes .even {
  padding: 0px 20px;
}

#team_form #preview_row {
  height: 120px;
}
#team_form .expanded_choice_item {
  margin-bottom: 10px;
}
#team_form .expanded_choice_item label {
  line-height: 1.5em;
}
#team_form .expanded_choice_item input {
  float: left;
}
#team_form #team_headcoach_control_group {
  display: none;
}
#team_form #team_headcoach_control_group .label {
  white-space: normal;
  line-height: 1.2em;
}
.description_headline {
  border-top: 1px solid #bbb;
  padding-left: 10px;
  margin-bottom: 20px;
}
#settings .person_property_checkbox {
  line-height: 32px;
  vertical-align: middle;
}
#settings #initial_state_addendum {
  display: none;
  height: 70px;
}
#settings #initial_state_addendum .label {
  font-size: 12px;
  white-space: normal;
  height: 70px;
  line-height: 20px;
}
#settings #initial_state_addendum .field {
  margin-top: 8px;
}
#settings,
#permissions {
  padding: 0px;
}
#settings .description,
#permissions .description {
  border-top: 1px solid #bbb;
  padding-left: 10px;
  margin-bottom: 20px;
}
#settings #first_description,
#permissions #first_description {
  border-top: 0px;
}
#settings .label,
#permissions .label {
  width: 70%;
  padding-left: 10px;
}
#settings .field,
#permissions .field {
  width: 30%;
  line-height: 30px;
}
#settings select,
#permissions select {
  width: 180px;
}
#main_listing_team_overview .team_box {
  margin: 5px;
  float: left;
  padding: 10px;
  width: 290px;
}
#main_listing_team_overview .team_box img {
  box-shadow: 0px 1px 5px #888888;
}
#main_listing_team_overview .first {
  margin-left: 33px;
}
#main_listing_team_overview .third {
  margin-right: 0px;
}
#main_listing_team_overview .footer {
  text-align: center;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
table#team td {
  padding: 17px;
}
table#team img {
  width: 120px;
}
#reaction_forbidden_message {
  height: 66px;
  line-height: 66px;
}
#reaction_forbidden_message label {
  height: 66px;
  line-height: 66px;
}

#team_list .box_headline {
  margin-bottom: 10px;
  font-weight: bold;
  height: 20px;
}
#team_list .third_column .content_box {
  height: 328px;
  /* minus padding and border */
}
.sortable {
  height: 320px;
}
.sortable li {
  background-color: #fff;
  width: 100%;
  height: 25px;
  line-height: 20px;
  vertical-align: middle;
  margin-bottom: 3px;
  text-align: center;
  border: 1px solid #bbb;
  cursor: pointer;
}
.sortable li:hover {
  cursor: pointer;
}