/* Main Screen CSS Document */

/* ---- DEFAULT TEXT STYLES ---- */
body { font-family: Arial, Helvetica, "Times New Roman"; background-color: #fff; margin: 0; }

/* h1 Used in header */
h2 { font-size: 140%; font-weight: normal; line-height: 1em; margin: 0 0 0.6em 0; color: #3a98bd; } /* Used for page titles */
h3 { font-size: 90%; font-weight: bold; line-height: 1.2em; margin: 1em 0 0.8em 0; color: #b0925f; } /* Used for page sub titles */
p { font-size: 80%; margin: 0.5em 0 0.8em 0; line-height: 1.4em; color: #b0925f; }
.pdf-download { padding-left: 20px; background: url(../../images/pdf.gif) top left no-repeat; font-weight: bold; }

ul { margin: 0; padding: 0; }
li { font-size: 80%; color: #b0925f; margin: 0.5em 0 0.8em 80px; }

.divider { height: 1px; overflow: hidden; border-bottom: 1px dotted #b0925f; margin: 10px 0; }

/* -- Links -- */
a:link, a:visited { color: #b0925f; }
a:active, a:hover { color: #d1bfa0; }
a { outline: none; }
a.selected { color: #d1bfa0; }

/* ---- CLEAR STYLES ---- */
.clear { clear: both; }

/* ---- ERROR STYLES ---- */

/* ---- Error Text ---- */
.error { color: #c00 !important; }

/* -- Error Box -- */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title { padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold; }
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; }

/* ---- MARGIN STYLES ---- */
.margin10 { margin: 10px; }
.margin10-t { margin-top: 10px!important; }
.margin10-r { margin-right: 10px!important; }
.margin10-b { margin-bottom: 10px!important; }
.margin10-l { margin-left: 10px!important; }

.margin10-r-b { margin: 0 10px 10px 0!important; }

.margin20-b { margin-bottom: 20px; }

/* ---- COLUMNS ---- */

.column-200 { width: 200px; float: left; }
.column-470 { width: 470px; float: left; }

.column-240 { width: 240px; float: left; }
.column-420 { width: 420px; float: left; }

/* ---- CONTAINER ---- */
#frame { width: 960px; margin: 0 auto 0 auto; }

/* ---- HEADER ---- */
#header { position: relative; width: 960px; height: 110px; background-color: #fff; border-bottom: 10px solid #b0925f; background: url(../../images/header-london.gif) bottom right no-repeat; }
#header #header-logo { float: left; width: 240px; margin-top: 20px; }
#header h1 { float: left; color: #64bad9; /*font-size: 160%;*/ font-size: 26px; font-weight: normal; font-style: italic; line-height: 1.2em; padding: 0; margin: 25px 0 0 140px; text-align: center; }
#header #contact a { float: right; position: absolute; top: 0; right: 0; background-color: #b0925f; padding: 10px; color: #fff; text-decoration: none; }
#header #contact a:hover, #header #contact a.selected { color: #fff; text-decoration: none; border-top: 5px solid #d1bfa0; }

/* ---- NAVIGATION ---- */
#navigation { width: auto; height: 25px; float: right; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation ul li { float: left; margin: 0 0 0 15px; padding: 0; font-size: 100%; font-weight: bold; }
#navigation a { text-decoration: none; display: block; color: #b0925f; padding-top: 5px; border-top: 5px solid #fff; }
#navigation a:hover { border-top: 5px solid #d1bfa0; color: #d1bfa0; }
#navigation .selected { border-top: 5px solid #d1bfa0; }

/* ---- BODY ---- */
#body { width: 960px; }

/* ---- FOOTER ---- */
#footer { width: 100%; text-align: center; background: url(../../images/footer-background.gif) #fff top left repeat-x; padding: 15px 0; }
#footer p { color: #666; padding-top: 80px; font-size: 75%; margin: 0; }
#footer #container { width: 960px; margin: 0 auto; background: url(../../images/footer_logos.gif) top left no-repeat; }

/* ---- Help Form ---- */
#logmeinsupport { text-align: center; margin: 20px 0; }
#logmeinsupport span { font-size: 80%; margin: 0.5em 0 0.8em 0; line-height: 1.4em; color: #b0925f; }
#logmeinsupport .input-field { width: 8em; padding: 3px; text-align: center; font-size: 120%; letter-spacing: 5px; color: #b0925f; border: 0; border-bottom: 1px solid #b0925f; }