/* Cascading Style Sheet for HTML Forms (C) 2005, 2006, 2007, 2009, 2010, 2015, 2022, 2024 Global Virtual Airlines Group. */

table.form, table.bar {
	table-layout: auto;
	width: 100%;
}

/* Title Top Row */
table.form tr.title {
	background-color: #0000a1;
	font-family: tahoma, verdana;
	vertical-align: middle;
	color: #ffffff;
	font-weight: bold;
}

/* Button bar table */
table.bar td {
	background-color: #0000a1;
	text-align: center;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
	color: #ffffff;
}

table.form tr {
	font-family: tahoma, verdana;
	vertical-align: middle;
	background-color: #efefef;
}

table.form tr.title span.toggle {
	text-decoration: underline;
	float: right;
}

table.form td.label {
	background-color: #0000a1;
	text-align: right;
	color: #ffffff;
}

@media (min-width: 941px) {
    table.form td.label {
        width: 126px;
        min-width:110px;
        font-size: 8pt;
    }

    *.label :link, *.label :visited {
        font-size: 8pt;
    }

    table.form tr.title {
        font-size: 9pt;
    }
    
    *.title a {
        font-size: 9pt;
    }

    table.form td {
        padding: 3px 3px 3px 3px;
    }
}

@media (max-width: 940px) {
    table.form td.label {
        width: 110px;
        min-width: 90px;
        font-size: 10px;
	}
	
	*.label :link, *.label :visited {
        font-size: 10px;
	}

    table.form tr.title {
        font-size: 8pt;
    }
    
    *.title a {
        font-size: 8pt;
    }
    
    table.form td {
        padding: 1px 3px 2px 2px;
    }
}

table.form td.top {
	vertical-align: top;	
}

table.form td.coolerPost {
	text-align: left;
	font-size: 9pt;
	vertical-align: top;
	width: 195px;
}

/* Default row with data */
table.form td.data {
	color: #000000;
	text-align: left;
	font-size: 9pt;
}

select {
	font-family: tahoma, verdana;
	font-size: 9pt;
	font-weight: normal;
	background-color: #0080d1;
	color: #ffffff;
}

input, textarea {
	font-family: tahoma, verdana;
	font-size: 9pt;
	border: 1px solid #0000a1;
	background: #f0f4f8;
}

input.radio, input.check, input[type="checkbox"] {
	border: none;
	font-size: 8pt;
}

tr.title input.check {
	background-color: inherit;
}

input[type="file"]::file-selector-button {
	font-family: verdana, tahoma, sans-serif;
	color: #ffffef;
	background-color: #0000a1;
	border: thin solid #000000;
	border-radius: 2px;
}

table.bar select {
	border: 1px solid #ffffff;
}

select.req {
	border: 1px solid #e00404;
}

input.req, textarea.req, input.err {
	background: #fff8fa;
	border: 1px solid #e00404;
}

input.ok {
	background: #a0e4a0;
	border: 1px solid #20a020;
}

*.label :link, *.label :visited {
	font-family: tahoma, verdana;
	text-decoration: underline;
	color: #efffff;
}

*.title a {
	text-transform: uppercase;
	font-weight: bold;
	font-family: tahoma, verdana;
	text-decoration: underline;
	color: #efffff;
}

/* Form Spinner */
div#spinnerBack {
	position:fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height: 100%;
	background-color: #9191a1;
	opacity: .667;
	filter: alpha(opacity=67);
	z-Index: 10001;
}

div#spinner {
	position: fixed;
	background-color: #fefefe;
	border: 1px solid;
	padding: 12px;
	border-radius: 14px;
	text-align: center;
	vertical-align: middle;
	opacity: .925;
	filter: alpha(opacity=93);
	z-Index: 10002;
}