/* Structure containers */
html,body { font:12px/1.0em Arial,Verdana,sans-serif; background:url(../image/background.jpg) top repeat-x #bbb; color:#000; margin:0 0 1px 0; padding:0; min-height: 100%; }
.popup { font:1em/1.4em Arial,Verdana,sans-serif; }
.popup-content { border:1px solid #999; background-color:#fff; padding:10px; margin:10px; text-align:left; }
.page { font:1em/1.4em Arial,Verdana,sans-serif; margin:0 auto 15px auto; }
.page-content { border:1px solid #999; background-color:#eee; padding:3px; text-align:left; }
.container { border:1px solid #ccc; background-color:#fff; padding:10px; margin-top:3px; }

/* Default */
h1 { font:bold 1.4em/1.4em Verdana,sans-serif; color:#999900; margin:0 0 8px 0; padding:0 0 5px 0; border-bottom:1px solid #eee; }
h2 { font:bold 1.2em/1.4em Verdana,sans-serif; color:#036; margin:0 0 10px 0; padding:6px; background:url("../image/nav-heading.gif") top left repeat-x #dadada; border-bottom:1px solid #ccc; }
.h2-table { margin: 0 0 10px 0; background:url("../image/nav-heading.gif") top left repeat-x #dadada; padding: 0 6px 0 6px; border-bottom:1px solid #ccc; }
h3 { font:bold 1.2em/1.4em Verdana,sans-serif; color:#036; margin:0; padding:6px 0 6px 0; }
h4 { font:bold 1.1em/1.4em Verdana,sans-serif; color:#000; margin:0; padding:6px 0 6px 0; }
h5 { font:normal 1.1em/1.4em Verdana,sans-serif; color:#036; margin:0; padding:6px 0 6px 0; }
p { margin:0; padding:5px 0 5px 0; }
a,a:active,a:visited { color:#036; }
a:hover { text-decoration:none; }
.secondary { color:#999; }
.secondary a { color:#999; }
.secondary a:active { color:#999; }
.secondary a:visited { color:#999; }
.secondary a:hover { text-decoration:none; }
img { border:0; }
ol { margin:8px 0 8px 0; padding:0; }
ul { margin:8px 0 8px 0; padding:0; }
li { margin-left:20px; padding:0; list-style-position: inside; }
table {font-size:1em;}

/* Support */
.spacer { clear:both; }
.todo { color:red; }
.h1-subtext { padding:6px 0 6px 0; font:normal 0.65em/1em Arial,Verdana,sans-serif; color:#000; }
.h2-subtext { padding:6px 0 6px 0; font:normal 0.75em/1em Arial,Verdana,sans-serif; color:#000; }
.questionNumber { font-weight:bold; font-size:1.5em; color:#999; padding-right:5px; }
.fulltable { width:100%; }
.superscript { vertical-align:text-top; font:normal 0.65em/1em Arial,Verdana,sans-serif; color:#000; }

/* Header */
.header { font-size:0.9em; text-align:right; }

/* Banner */
.banner { background:url("../image/banner.jpg") no-repeat #fff; }
.banner img { padding-left:20px; }

/* Footer */
.footer { font-size:0.9em; font-weight:normal; text-align:left; }
.footer li { float:right; list-style:none; margin:0; padding-left:10px; font-weight:normal; }

/* Navigation - top */
.nav-top { font:normal 0.9em/1.0em Verdana,sans-serif; background:url("../image/nav-top.gif") top left repeat-x #036; color:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:3px; padding:0; text-align:right; }
.nav-top a { color:#fff; text-decoration:none; }
.nav-top a:active { color:#fff; text-decoration:none; }
.nav-top a:visited { color:#fff; text-decoration:none; }
.nav-top ul { margin:0 5px 0 5px; padding:0; text-align:left; }
.nav-top li { float:left; list-style:none; margin:0; padding:8px 15px; }
.nav-top .active { background:url("../image/nav-heading.gif") top left repeat-x; }
.nav-top .active a { color:#000; }
.nav-top .active a:active { color:#000; }
.nav-top .active a:visited { color:#000; }
.nav-top .text { padding:8px; }

/* Content - right */
.content-right { margin-left:183px; margin-right:0; padding:0; }
.content-right .fulltable { width:100%; }
.content-right li { list-style-position:outside; margin-left:30px; }

/* Content - left */
.content-left { float:left; width:170px; padding:0; margin:0; font-size:0.9em; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:5px solid #ccc; }
.content-left .item { padding:5px 10px; border-bottom:1px solid #fff; border-right:1px solid #fff; color:#000; background:#eee; }
.content-left .item h2 { padding:0; margin:0; }
.content-left .item h3 { padding:0; margin:0; }
.content-left .item a { font-weight:normal; color:#456A8F; text-decoration:none; }
.content-left .item a:active { font-weight:normal; color:#456A8F; text-decoration:none; }
.content-left .item a:visited { font-weight:normal; color:#456A8F; text-decoration:none; }
.content-left .item a:hover { font-weight:normal; color:#456A8F; text-decoration:underline; }
.content-left .current { background:url("../image/greyfade.gif") top right repeat-y #fbfbfb; }
.content-left .current a { font-weight:normal; color:red; text-decoration:none; }
.content-left .current a:active { font-weight:normal; color:red; text-decoration:none; }
.content-left .current a:visited { font-weight:normal; color:red; text-decoration:none; }
.content-left .current a:hover { font-weight:normal; color:red; text-decoration:none; }

/* Content - CMS */
.content-cms {  }
.content-cms h1 { font:bold 1.2em/1.2em Verdana,sans-serif; margin:7px 0 8px 0; padding:0; border-width:0; color:#000; background-color:#fff; }
.content-cms h2 { font:bold 1.1em/1.1em Verdana,sans-serif; margin:10px 0 8px 0; padding:0; border-width:0; color:#000; background-color:#fff; }
.content-cms h3 { font:bold 1.0em/1.0em Verdana,sans-serif; margin:10px 0 8px 0; padding:0; border-width:0; color:#000; background-color:#fff; }
.content-cms h4 { font:normal 1.0em/1.0em Verdana,sans-serif; margin:0 0 8px 0; padding:0; border-width:0; color:#000; background-color:#fff; }

/* Data list */
.datalist table { border:1px solid #ccc; margin: 5px 0 5px 0; }
.datalist th { background:url("../image/nav-heading.gif") top repeat-x #D7D7D7; color:#000; font-weight:bold; text-align:left; padding:4px; }
.datalist th a { color:#036; }
.datalist th a:active { color:#036; }
.datalist th a:visited { color:#036; }
.datalist .tr-even { background:#eee; }
.datalist .tr-odd { background:#fff; }
.datalist td { padding:4px;}
.datalist table table { border:0; margin:0; }
.datalist table table tr { background-color:transparent; }
.datalist table table td { padding:0; }
.datalist table table td a { font:normal 0.9em/1.0em Verdana,sans-serif; text-decoration:none; }

/* Calendar table TODO find suitable colors */
.datalist .tr-break { background-color:#eee; }
.datalist .tr-presentation { background-color:#b6d1f4; }
.datalist .tr-other { background-color:#b6f3b9; }
.datalist .tr-blockout { background-color:#f7c97d; }

/* Form */
form { margin:0; padding:0; }
form table { border:1px solid #eee; margin-top: 5px; }
form tr { background:#eee; }
form td { padding:4px; }

/* Heading */
.heading table { margin:0; padding:0; background-color: #fff; }
.heading th { background-color: #fff; }
.heading tr { background-color: #fff; }
.heading td { background-color: #fff; }
.heading td h4 { font:bold 1.1em/1.4em Verdana,sans-serif; color:#000; margin:0; padding:1px 0 1px 0; }

input {font:1.0em Arial,Verdana,sans-serif; margin:0; padding:2px; border:1px solid #ccc; }
select {font:1.0em Arial,Verdana,sans-serif; margin:0; padding:2px; border:1px solid #ccc; }
textarea {font:1.0em Arial,Verdana,sans-serif; margin:0; padding:2px; border:1px solid #ccc; }
.checkbox { border-width:0; margin-right:5px; }
.radio { border-width:0; margin-right:5px; }
input.mandatory { border:1px solid #f90; }
input.groupMandatory { border:1px solid #9999FF; }
input.error { border:1px solid red; background-color:#ffc; font-weight:normal; }

.buttons { padding: 10px 0; }
.buttons table { border-width:0; }
.buttons tr { background-color: #fff; }
.buttons td { padding:0; }
input.button {
   color:#fff;
   font-family:Arial,Verdana,sans-serif;
   font-size:100%;
   padding:2px 2px 2px 2px;
   font-weight:normal;
   background-color:#456A8F;
   filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ff003366',EndColorStr='#ff8aa1b9');
}

.buttons2 { padding: 0 0 6px 0; margin-top:10px; }
.buttons2 table { border-width:0; }
.buttons2 tr { background-color: #fff; }
.buttons2 td { padding:0; }
.buttons2 input.button {
   color:#fff;
   font-family:Arial,Verdana,sans-serif;
   font-size:100%;
   padding:2px 2px 2px 2px;
   font-weight:normal;
   background-color:#456A8F;
   filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ff003366',EndColorStr='#ff8aa1b9');
}

.label { font-weight:bold; padding-right:10px; text-align:right; color:#003366; }
.required { font-weight:normal; font-size:0.9em; color:#f90; background:url("../image/asterisk.gif") 0 2px no-repeat; padding-left:13px; }
.note { font-weight:normal; color:#999; }
.subnote { font-weight:normal; font-size:0.9em; color:#999; }
.line-through { text-decoration: line-through; }
.transparent { background:transparent; }

/* Sections and groupings */
.section { margin:15px 0; }
.group { margin-top:10px; padding:5px; background:url("../image/greyfade.gif") top left repeat-y #fbfbfb; }
.group-noBackground { margin-top:10px;}

/* Pagination */
.pagination { padding:5px 0; margin-bottom:8px; text-align:center; }
.pagination .disabled { color:#ccc; }

/* Error */
.error-container { padding:10px; margin-bottom:10px; color:white; background-color:#cccc33; border:1px solid red;font-weight:normal; }
.error-container h1 { font:bold 1.2em/1.4em Verdana,sans-serif; color:red; margin:0; padding:0 0 8px 0; }
.error { font-weight:normal; color:red; }

/* Calendar */
.calendar-img { padding-bottom:3px; }

/* Inline dialog */
.inline-dialog {
    background:#eee;
    border:1px solid #999;
    padding:10px;
    width:400px;
    text-align:center;
}

/* Inline dialog for popup */
.inline-dialog-for-popup {
    background:#eee;
    border:1px solid #999;
    padding:10px;
    width:400px;
    text-align:center;
}