html
{
background: url(../img/back_grad.png) repeat-x 0 0;
background-color: #d9dbe1;
cursor: default;
}
html,
input,
select,
textarea
{
font: 13px/140% Arial, helvetica, sans-serif;
}
h1,
h2
{
font-family: Corbel, Arial, helvetica, sans-serif;
}
body
{
width: 900px;
max-width: 96%;
margin: 1.5em auto 2em;
}
#body_main
{
background: white;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
#body_main_inner
{
padding: 12px;
background: url(../img/left_fade.png) repeat-y 0 0;
}
input[type="text"],
input[type="password"],
textarea
{
cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
cursor: default;
}
#head
{
line-height: 10px;
margin-bottom: 1.5em;
}
#printhead
{
display: none;
}
.side_logo
{
margin-bottom: 1em;
}
#navigation
{
float: left;
width: 180px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
#navigation a
{
display: block;
text-align: right;
font-size: 1.1em;
line-height: 130%;
font-weight: bold;
padding: 0.5em 16px;
color: #2847ca;
}
#navigation a:first-child
{
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
#navigation a.language-link
{
font-weight: 500;
}
#navigation a:hover
{
background-color: rgba(40, 71, 202, 0.1);
text-decoration: none;
}
#navigation a.selected,
#navigation a.selected:hover
{
background: #2847ca;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2847ca", endColorstr="#687ed9", gradientType=1);
background: -webkit-gradient(linear, left top, right top, from(#2847ca), to(#687ed9));
background: -moz-linear-gradient(left, #2847ca, #687ed9);
color: white;
}
#footer
{
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: solid 1px #2847ca;
background: #f5f6f7;
padding: 12px;
font-size: 0.85em;
line-height: 1.3em;
}
.footer-column
{
float: left;
margin-right: 2em;
}
.footer-column-right
{
float: right;
text-align: right;
}
div.use-firefox
{
border-top: solid 1px #ff850f;
padding: 6px 12px 6px 36px;
background: #fff4dd url(../img/browser/firefox.png) no-repeat 12px 6px;
font-size: 0.85em;
line-height: 1.3em;
}
.content_full
{
padding-top: 30px;
margin-left: 180px;
padding-left: 4px;
padding-right: 30px;
padding-bottom: 30px;
}
.content_full :last-child
{
margin-bottom: 0;
}
h1
{
font-size: 2em;
line-height: 120%;
font-weight: bold;
color: black;
padding: 0 0 0.1em;
margin: 0.6em 0 0.6em;
text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px, rgba(0, 0, 0, 0.3) 0px 1px 2px;
border-bottom: solid 1px #2847ca;
}
h2
{
font-size: 1.5em;
font-weight: bold;
color: black;
padding: 0 0 0.1em;
margin: 1.5em 0 1em;
text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px, rgba(0, 0, 0, 0.3) 0px 1px 2px;
}
h3
{
font-size: 1.1em;
font-weight: bold;
color: black;
padding: 0;
margin: 1.1em 0 0.8em;
text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px, rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
p,
div.p
{
margin-top: 0.9em;
margin-bottom: 0.9em;
}
h1:first-child,
h2:first-child,
h3:first-child,
p:first-child
{
margin-top: 0;
}
ul
{
padding-left: 18px;
margin: 0.3em 0 0.3em;
list-style-image: url(../img/bullet.png);
}
a
{
text-decoration: none;
color: #2b51ff;
}
a:visited
{
color: #2b51ff;
}
a:hover
{
text-decoration: underline;
color: #2b51ff;
}
a img
{
border: 0;
}
a[rel~="help"]
{
color: inherit;
border-bottom: dotted 1px #89aaf7;
cursor: help;
}
a[rel="help"]:hover,
a[rel~="help"][rel~="external"]:hover
{
border-bottom: solid 1px #f48964;
}
a[rel~="external"]
{
}
a[rel~="help"][rel~="external"]
{
background: none;
padding-right: 0;
}
small
{
font-size: 0.85em;
}
p.small,
div.small
{
font-size: 0.85em;
line-height: 130%;
}
sup
{
font-size: 0.85em;
line-height: 0.85em;
}
sub
{
font-size: 0.85em;
line-height: 0.85em;
}
img.fotorand
{
background: white;
padding: 8px;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
form
{
display: inline;
}
form div.label
{
margin-top: 0.2em;
margin-bottom: 0;
font-size: 0.85em;
line-height: 1.3em;
font-weight: bold;
color: #505050;
}
form div.label span.desc
{
margin-left: 0.8em;
font-weight: normal;
}
form div.checkbox
{
margin-top: 0.6em;
margin-bottom: 0;
}
input[type="text"],
input[type="password"],
textarea
{
border: solid 1px #2847ca;
padding: 1px 2px;
}
select
{
border: solid 1px #2847ca;
padding: 0;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover
{
border: solid 1px #2847ca;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
border: solid 1px #2847ca;
}
input[type="radio"],
input[type="checkbox"]
{
margin: -2px 6px 0 0;
vertical-align: middle;
}
input[type="button"],
input[type="submit"]
{
border: solid 1px #2847ca;
background: #e9ecf9;
padding: 1px 4px;
color: #000000;
overflow: visible;
width: auto;
}
input[type="button"]:hover,
input[type="submit"]:hover
{
border: solid 1px #2847ca;
background: #d4daf4;
}
input[type="button"].default,
input[type="submit"].default
{
font-weight: bold;
}
input[type="text"].inputerror,
input[type="password"].inputerror,
select.inputerror,
textarea.inputerror
{
background: #ffd1cb;
}