@CHARSET "UTF-8";

html {
height: 100%;
background: #FFFFFF;
}

body {
height: 100%;
line-height: 1;
text-align: center;
font-size: 10pt;
font-family: arial, helvetica, tahoma, sans-serif;
color: #333333;
}

ul, li, img, h1, h2, h3, h4, h5, form, p, body, html {
margin: 0;
padding: 0;
line-height: 1;
}

img {
border: 0;
}

p {
line-height: 1.5;
padding: 0 0 10px 0;
}

a {
color: #003B79;
text-decoration: underline;
}

a:hover {
color: #40A3D4;
text-decoration: underline;
}

#footer { text-align: left; width: 960px; background: #DCE6F0; border-top: 1px solid #B7CBDE; border-bottom: 1px solid #B7CBDE; font-size: 8pt; line-height: 30px; padding: 0; margin: 0 0 0 30px; /*0 auto 0 auto*/ }
#footer div.left { float: left; width: 520px; padding-left: 20px; }
#footer ul {}
#footer ul > li { display: block; height: 30px; line-height: 30px; list-style: none; float: left; margin-right: 15px; }
#footer p.right { text-align: right; font-size: 8pt; line-height: 30px; padding: 0 20px 0 0; margin: 0 0 0 620px; }
#footer a { text-decoration: none; }

/* ######## FORM ######## */
form { display: block; }

input[type="text"] { font-family: inherit; font-size: 12px; width: 170px; height: 26px; margin: 0 0 0 5px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }
input[type="password"] { font-family: inherit; font-size: 12px; width: 170px; height: 26px; margin: 0 0 0 5px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }

textarea { font-family: inherit; font-size: 12px; width: 400px; height: 250px; margin: 0 0 0 5px; padding: 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }

select { font-family: inherit; font-size: 12px; width: 176px; height: 28px; margin: 0 0 0 5px; padding: 3px 0 3px 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }

select.readonly { background: #DDDDDD; color: #666666; }
input.readonly { background: #DDDDDD; color: #666666; }

label { font-weight: bold; }

form > dl { display: block; margin: 0; padding: 0; }
form > dl > dt { width: 150px; display: block; float: left; height: 28px; line-height: 28px; margin-bottom: 3px; padding-right: 10px; }
form > dl > dd { min-height: 28px; line-height: 28px; margin-bottom: 3px; padding: 0; display: block; }

p.formerror { font-size: 8pt; color: #CC0000; }

/* ######## BUTTONS ######## */

a.button { font-weight: bold; color: #FFFFFF; text-decoration: none; background: url('/img/layout/button_bg.png') repeat-x; line-height: 40px; padding: 6px 20px 12px 20px; }
a.button:hover { color: #FFFFFF; text-decoration: none; background: url('/img/layout/button_bg_hover.png') repeat-x; }

span.button { font-weight: bold; color: #FFFFFF; text-decoration: none; background: url('/img/layout/button_bg_inactive.png') repeat-x; line-height: 40px; padding: 6px 20px 12px 20px; }


/* ######## CLEARS ######## */

.clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0;
}

.clear_right {
clear: right;
height: 0;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0;
}

.clear_left {
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0;
}