/***
 Colours:
	default text:               #333333
	white tile text:            #FFFDFF
	yellow link text:           #F9C32F

 Fonts:
	default text:               Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
	navigation, title text:     Arial, "Helvetica Neue", Helvetica, sans-serif


/*=====================================
---------- RESET ----------------------
=====================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }


/*=====================================
---------- GLOBAL ELEMENTS ------------
=====================================*/

body { line-height: 1.0em; color: #000; background-color: #fff; margin: 0; padding: 0; font-size: 14px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }

a,
a:link { color: #F9C32F; text-decoration: none; }

.button { border: 1px solid #FFFFFF; /*color:#FFFDFF;*/ font-size: 14px; padding: 5px 15px; text-align: center; }
    .button.noOutline { background-color: #516AA5; border: none; color: #FFFDFF; }
    .button.greyOutline { background-color: transparent; border: 1px solid #666666; color: #666666; }
    .button.whiteOutline { background-color: transparent; border: 1px solid #FFFFFF; color: #FFFDFF; }

.arrow { background-image: url('arrowsFilter.png'); background-repeat: no-repeat; height: 5px; width: 8px; }
    .arrow.white { background-position: 0px 0px; }
    .arrow.lightBlue { background-position: -9px 0px; }
    .arrow.mediumBlue { background-position: -18px 0px; }
    .arrow.darkBlue { background-position: -27px 0px; }

textarea,
input[type=text], input[type=number],
input[type=password] { background-color: #FFFFFF; border-radius: 3px; border: 1px solid #CCC; color: #000000; font-size: 14px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; resize: none }

    textarea:focus { border: 1px solid #000; }
    input[type=text]:focus { border: 1px solid #000; }
    input[type=password]:focus { border: 1px solid #000; }

select { background-color: #FFFFFF; border: 1px solid #ccc; color: #000000; }
    select:focus { border: 1px solid #000; }
    select:focus { border: 1px solid #000; }

label { margin-right: 5px; display: inline-block }

h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 20px; line-height: 20px; }
h3 { font-size: 17px; line-height: 17px; }
h4 { font-size: 15px; line-height: 15px; }

/* Base Style */
table.top { width: 100%; border-width: 0px; margin: 0px; padding: 0px; background-color: #253D75; }
    table.top image { margin: 0px; padding: 0px; border: 0px; }

ul.menutop { font-size: 16px; font-weight: 600; margin: 0 0; padding: 0; }
ul.menu li { display: inline; list-style: none; padding-left: 15px; }
    ul.menu li a { background: none; color: #999; text-decoration: none; white-space: nowrap; }
        ul.menu li a:hover { color: #fff; text-decoration: none; white-space: nowrap; }

ul.menusub { font-size: 14px; font-weight: 600; margin: 0 0; padding: 0; }
ul.menusmall { font-size: 8px; font-weight: 600; margin: 0 0; padding: 0; }

div.padding { height: 4px; }

.nobr { white-space: nowrap; }

h1.error { font-size: 36px; line-height: 36px; color: #1FAADF; font-weight: bold; }
h2.error { font-size: 25px; line-height: 25px; color: #1FAADF; }

hr { height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; }

.ui-widget { font-family: "Segoe UI",​Helvetica,​Verdana !important; font-size: 1.0em; }
.ui-dialog { border: solid 1px #555; border-top: 5px solid #516aa5; border-radius: 3px; padding: 0px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); }
    .ui-dialog.warning { border-top: 5px solid #d00; }
.ui-widget-header { color: #000; background-color: #fff; font-weight: normal; font-size: 18px; padding-left: 0px !important }
.ui-dialog-titlebar { margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #ccc }
.ui-dialog-titlebar-close { display: none; }

.ui-datepicker { border: 1px solid #253D75; }
.ui-datepicker-header { margin: -0.2em -0.2em 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default .ui-state-hover { font-weight: bold; }

#body { padding-left: 10px; padding-right: 10px; }