/* General */
html {overflow-y:scroll}
body {margin:0; font-size:70%; font-family:verdana,helvetica,arial,sans-serif; line-height:1.35}
input, select, textarea, table, button {font-size:100%; font-family:verdana,helvetica,arial,sans-serif}
a, a:visited {text-decoration:none; color:#00f}
a:hover {text-decoration:underline; color:#000}
table {width:100%; border:0}
th, td {vertical-align:top; padding:2px 5px}
td {text-align:justify}
th {padding-right:9px; white-space:nowrap}
.columns th {text-align:right}
.rows th {text-align:left}
tr.alt td {background:#eee}
h1 {margin:0; padding:0}
p {margin:15px 0; padding:0; text-align:justify}
hr {height:0; border:0; border-top:1px solid #ddd}
img {border:0}
dl, dt, dd {margin:0}
abbr {cursor:help}
pre {font:120% monospace}
.clear {clear:both}

/* Messages */
#messages p {margin:0}
.message {padding:5px 10px}
.info {background:#ffa}
.success {background:#cf0}
.warning {background:#c00; color:#fff}
.warning a {color:#fff; text-decoration:underline}

/* Form */
form.eso {margin:0; padding:0}
.eso input, .eso select, .eso textarea, .eso label {display:block; float:left}
.eso label {width:180px; padding-right:10px; text-align:right; margin-bottom:10px}
.eso label.checkbox {white-space:nowrap; font-size:80%; width:395px; text-align:left; padding-right:0; margin:3px 0 5px 0; cursor:pointer}
.eso label.checkbox:hover {text-decoration:underline}
.eso input.checkbox {margin:3px 3px 0 0; width:15px; height:15px; overflow:hidden}
.eso input.text {width:400px; margin:0 10px 5px 0}
.eso input.submit {margin:0 10px 5px 0}
.eso input.half, .eso select.half {width:192px}
.eso input.third, .eso select.third {width:145px}
.eso input.auto, .eso select.auto, .eso label.auto {width:auto}
.eso div.radio {float:left; width:400px; margin:0 15px 10px 0}
.eso div.radio label {color:#000}
.eso select {padding:2px 0 2px 2px; width:405px; margin:0 10px 5px 0}
.eso textarea {padding:2px; width:400px; height:100px; margin:0 10px 5px 0}
form.eso small {display:block; font:100% arial,helvetica,sans-serif; letter-spacing:0.02em; float:left; width:250px; padding:3px 5px; margin:0 0 5px 0; background:#ffa}
form.eso br {clear:both}
.indent {margin-left:190px}
.placeholder {color:#888}
.error {color:#f00}

/* Buttons */
.button, .button input {background:url(button.gif) no-repeat; cursor:pointer; display:-moz-inline-box; display:inline-block; height:20px; text-align:center; padding:0 0 0 0; overflow:visible}
.button, .button.disabled:active, .button.disabled:hover {text-decoration:none; margin-right:8px; _position:relative; _width:10px; _overflow-y:hidden; background-position:0 0}
.button input, .button.disabled:active input, .button.disabled:hover input {color:#fff; white-space:nowrap; line-height:1.6; font:bold 11px arial,helvetica,sans-serif; background-position:100% 0; margin:0 -8px 0 8px; padding:0 8px 0 0; border:0; _position:relative; _display:block}
.big, .big.disabled:active, .big.disabled:hover {background-position:0 -20px; height:27px; margin-right:8px}
.big input, .big.disabled:active input, .big.disabled:hover input {background-position:100% -20px; height:27px; margin:0 -8px 0 8px; padding:0 8px 0 0; font-size:15px; _padding-right:16px; _padding-left:0}
.button:hover {background-position:0 -47px}
.button:hover input {background-position:100% -47px}
.big:hover {background-position:0 -67px}
.big:hover input {background-position:100% -67px}
.button:active {background-position:0 -94px}
.button:active input {background-position:100% -94px}
.big:active {background-position:0 -114px}
.big:active input {background-position:100% -114px}
span.disabled {opacity:.5; filter:alpha(opacity=50); cursor:default; zoom:1}
span.disabled input {cursor:default}

/* Content areas */
#footer {padding:0 10px; font-family:arial,helvetica,sans-serif}
#footer, #footer a, #footer a:visited {color:#999}
#footer a:hover {color:#000}
#footerLeft {width:50%; float:left}
#footerRight {width:50%; float:left; text-align:right}

/* Headers */
h2 {margin:0 0 20px 0; padding:0; font:170% arial,helvetica,sans-serif; color:#111; border-bottom:1px solid #ccc; padding-bottom:5px}
h3 {margin:15px 0; padding:0; font:bold 140% arial,helvetica,sans-serif}
h4 {margin:20px 0 -10px 0; padding:0; font:bold 130% arial,helvetica,sans-serif}
h5 {margin:15px 0; padding:0; font-weight:bold; font-size:110%; background:#cedcf5; padding:3px 10px}
h2 input, h3 input, h4 input, h5 input {width:99%; float:none}


#language li {float:left; list-style:none; margin-right:6px; border:3px solid #fff; height:22px; overflow:hidden}
#language img {border:0; opacity:.2; filter:alpha(opacity=20); width:33px; height:22px}
#language .selected img{opacity:1; filter:alpha(opacity=100)}
#language li:hover {border-color:#00f}
#language li:hover img {opacity:1; filter:alpha(opacity=100)}

#bar ul {margin:0; padding:0}
#bar li {list-style:none; float:left; padding:0 10px; line-height:28px}
#bar li.highlight {background:#13417b}
#bar li a, #bar li a:visited {color:#fff}

.optional label {color:#888}

/* Which visa table */
.questions li {margin-bottom:4px; background:#eee; border:1px solid #ccc}
.questions h5 {margin:0 0 4px 0; padding-left:15px}
.questions .handle {background:#ddd; border-right:2px solid #bbb; float:left; width:10px; height:57px; margin-right:2px}
.questions input, table.questions select, table.questions textarea {width:auto}
.questions .col1 input {width:270px}
.questions textarea {width:200px; height:40px}
.questions ul {padding:0; margin:0; list-style-type:none}
.col1, .col2, .col3, .col4, .col5, .col6 {float:left; padding:3px 1px}
.col1 {width:280px}
.col2 {width:100px}
.col3 {width:210px}
.col4 {width:210px}
.col5 {width:30px}
.col6 {float:right; margin-right:2px}
.col6 a {color:red}

#view {background:url(body.png) repeat-x 0 -15px; padding:50px}