/* page definitions */

body {
    margin: 0px;
    font: 62.5% Arial,sans-serif;
    background: url(../image/toma/bg_extranet.jpg) no-repeat fixed center top;
}

#page {
    width: 750px;
    margin: 0px auto 10px;
}

#header {
    background: url(../image/toma/wave-bg.png) no-repeat scroll left bottom transparent;
    padding-bottom: 40px;
}

#content {
    border: 15px solid #ffffff;
    padding: 10px;
    background-color: #ebf2f5;
}

.error {
    color: #DD2222;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: none;
    padding-bottom: 2px;
}

form {
    font-size: 1.2em;
    font: Arial, sans-serif;
}

#top-buttons {
    position: absolute;
    top: -10000px;
    left: -10000px;
}



.loadingdiv {
    background: none;
    border: 0 none;
    height: 205px;
    text-align: center;
    width: 200px;
    position: relative;
}

.loadingdiv .preloader-gif {
    left: 0;
    position: absolute;
    top: 0;
}

.loadingdiv .preloader-text {
    background: none;
    color: #FFFFFF;
    font-size: 12px;
    height: 57px;
    left: 47px;
    overflow: hidden;
    position: absolute;
    top: 44px;
    width: 109px;
}

.loadingdiv .preloader-text-document-message {
    background: #32B0E9;
    color: #ffffff;
    font-size: 14px;
    left: -54px;
    position: absolute;
    top: 220px;
    width: 300px;
    border: 4px solid #32B0E9;
    border-radius: 4px;
}

.loadingdiv .preloader-text-document {
    background: none;
    color: #ffffff;
    font-size: 12px;
    left: 30px;
    position: absolute;
    top: 60px;
    width: 140px;
    border-radius: 7px;
}

.info-banner {
    position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.5); /* Black background with opacity */
  z-index: 2;
}

.info-banner .loadingdiv {
    top: 100px;
}

/* layout for input grid */

table.input-grid td.input-label, table.input-grid th.input-label {
    background-color: #32B0E9;
    border: 1px solid #ffffff;
    color: #ffffff;
    vertical-align: bottom;
    font-weight: 700;
    font-size: 11px;
    text-align: left;
}

table.input-grid {
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none;
}

table.input-grid td, table.input-grid th {
    padding: 3px 3px 4px;
    border: 1px solid #999999;
    background-color: #ffffff;
}

table.input-grid th.input-label {
    border-top: 1px solid #999999;
}

table.input-grid td.has-selectbox {
    padding: 0px;
}

.input-grid input, .input-grid .fake-input, .input-grid select {
    width: 100%;
    background-color: #ffffff;
    border: none;
    color: #333333;
    font-size: 1.1em;
}

table.input-grid td.has-selectbox select {
    padding: 2px 3px 2px 1px;
}

.input-grid .fake-input {
    color: #666666;
}

.input-grid tr.spacer td {
    border: none;
    height: 10px;
    padding: 0px;
    background: none;
}

.input-grid .no-border {
    border: none;
    background: none;
}

.input-grid .no-padding {
    padding: 0px;
}

.dark-b-top { border-top: 1px solid #999999 !important; }
.dark-b-left { border-left: 1px solid #999999 !important; }
.dark-b-right { border-right: 1px solid #999999 !important; }
.dark-b-bottom { border-bottom: 1px solid #999999 !important; }

/* header input elements */
#header-inputs {
    margin-bottom: 10px;
}
.aktion { width: 45px; }
.veranstalter { width: 120px; }
.veranstalter.plain-text { font-size: 1.1em; font-family: Verdana,Arial,sans-serif; padding-left: 1em; }
.reiseart { width: 100px; }
.berater { width: 150px; }
.personen { width: 90px; }
.agenturNummer { width: 120px; }
.vorgangsNummer { width: 160px; }
.bausteinNummer { width: 20px; }

/* leistungen inputs */

#leistungen-inputs {
    margin-top: 10px;
}
.lnum { width: 15px; }
.m { width: 15px; }
.anf { width: 58px; }
.leistung { width: 80px; }
.unterbringung { width: 80px; }
.belegung { width: 55px; }
.anzahl { width: 30px; }
.von { width: 60px; }
.bis { width: 60px; }
.tl-zuordnung { width: 80px; }
.st { width: 89px; }

.infolines {
    border: 1px solid #bebebe;
    padding: 3px;
    background-color: white;
    margin: 20px 0px 5px;
    font-size: 10pt;
    font-family: monospace;
}

.infolines-link{
    cursor: pointer;
    color: #1784B1;
    text-decoration: none;
}

/* rail and fly inputs */

#railAndFlyIdent-inputs {
    margin-top: 20px;
}
.rafCabin { width: 50px; }
.rafType { width: 145px; }
.rafTypeButton { width: 30px; }
.rafPerson { width: 220px; }
.rafBahncard { width: 256px; }
.rafBankCodeNumber { width: 70px; }
.rafAccountNumber { width: 179px; }
.rafValidDate { width: 70px; }
.rafDocumentNumber { width: 120px; }
.rafCountryCode { width: 53px; }


/* personen inputs */

#personen-inputs {
    margin-top: 20px;
}
.tl { width: 15px; }
.anrede { width: 40px; }
.nachname { width: 130px; }
.vorname { width: 120px; }
.titel { width: 86px; }
.geburtsdatum { width: 60px; }
.country { width: 100px; }
.pprice, .ges { width: 100px; }
td.pprice, td.ges { text-align: right; }

/* bucher inputs */

#bucher-contact {
    margin-top: 10px;
    border-spacing: 0;
}
.bucher-contact-left {padding-left:0;width:49.5%}
.bucher-contact-middle {width:1%;}
.bucher-contact-right {padding-right:0;}

.bucher-label { width: 100px; }
.b-plz-title-gap { width: 90px; }
.b-vorname { width: 150px; }
.b-titel { width: 100px; }
.b-plz { width: 60px; }
.b-ort { width: 240px; }
.b-vorwahl { width: 60px; }
.b-tel { width: 240px; }

span#form_telvorwahl-button.ui-selectmenu-button.ui-button {
    width: 70px;
    padding-left: 5px;
    text-align: center;
}

span#form_mobilvorwahl-button.ui-selectmenu-button.ui-button {
    width: 70px;
    padding-left: 5px;
    text-align: center;
}



/* buttons */

#form-bottom {
    position: relative;
}

#entry-regulations {
	line-height: 0.5em;
}

#button-row {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 270px;
}

.send-document-button {
    /* width: 225px; */
}

.invisible {
	display: none;
}

table.header {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0.25em;
}

table.header a{
	background-color: #5FC1EA;
	font-size: 1.5em;
	margin-left: 0.25em;
	padding: 0.25em;
	cursor: pointer;
	border: solid black 1px;
	color: white;
	text-decoration: none;
}

table.header a.export-button{
	line-height: 29px;
	padding: 0;
	cursor: pointer;
	border: none; 
	background-color: inherit;
}

table.header a.export-button.bosys{
	margin: 0;
}

table.header a.export-button.unclickable{
	cursor: not-allowed;
}

/* selectmenu */

#form_aktion-menu.ui-menu {
    width: 400px;
}

#form_aktion-button {
    width: 3em;
}

ul.ui-menu{
	max-height: 500px;
}

span.ui-selectmenu-text {
    text-overflow: clip;
    white-space: pre;
    height: 1.1em;
    overflow: hidden;
}

span.ui-button {
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.country .ui-button{
    padding-left: 3px;
}

.b-country .ui-button{
    padding-left: 1px;
}

li.ui-menu-item {
    white-space: nowrap;
}

.ui-selectmenu-menu.ui-menu.ui-menu-item-wrapper {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ui-button {
    border: none !important;
    background-color: white !important;
}

div.ui-menu-item-wrapper {
    display: inline-block;
    min-height: 12px;
    min-width: 25px;
}

#form_aktion-menu div.ui-menu-item-wrapper {
    width: 400px;
}

td.veranstalter {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

span[id ^= "form_anf"]{
    width: 48px !important;
}

span[id ^= "form_anrede"]{
    width: 30px !important;
}

span[id ^= "form_titel"], span[id ^= "form_country"]{
    width: inherit !important;
}

/* footer */
.extranetFooter{
	text-align: center;
}

.extranetFooter span{
	display: inline-block;
	width: 50px;
}

.extranetFooter a {
	font-size: 9pt;
	cursor: pointer;
    color: #1784B1;
    text-decoration: none;
}

#sendDialog-background {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

#sendDialog-content {
	background-color: #ebf2f5;
	margin: auto;
	padding: 10px;
	border: 15px solid #ffffff;
	width: 400px;
}

#sendDialogButtons {
	text-align: right;
	margin-top: 10px;
}

#sendDialog-headline {
	font-size: 1.3em;
}

#sendDialog-mandatoryFields {
	font-size: 1em;
}

#dialog-inputs {
	width: 100%;
}

.sendDialog-label.input-label {
	width: 20%;
}

.sendDialog-input {
	width: 80%;
}

#documentsDisplayedToCustomer_div {
	margin-top: 15px;
	
}