@charset "utf-8";

/*
 * STARTING STYLES
 */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

#page-options, #page-back, .trebuchet {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#content {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#footer p {
color: #6c6c6c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}

/*
 * HEADERS
 */

h1, h2, h3, h4, h5 {
color: #6850a3;
clear: both;
display: block;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin: 4px 0;
}

.h2 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}

dd h2, dd h3, dd h4, dd h5 {
margin-top: 0;
}

#header h1 {
display: none;
}
h2 {
font-size: 16px;
margin-bottom: 0.5em;
}
h3 {
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
padding-bottom: 0.5em;
}

.underline {
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
}
.overline {
border-top: 1px solid #CCC;
padding-top: 5px;
}
.prominent {
background: #fff url(/secure/images/h2_prominent.gif) repeat-x 0 0;
border-top: 1px solid #a996c5;
padding-top: 5px;
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
}

/*
 * PARAGRAPH
 */

p {
line-height: 1.3em;
margin: 0 0 1em 0;
padding: 0;
}

/*
 * COLOUR
 */
 
.green {
color: #5bbf41;
}
.red {
color: #cf1e10;
}
.purple {
color: #6850a3;
}

/*
 * LISTS
 */

#container ul {
list-style-image: url(/secure/images/icons/bullet.png);
margin-bottom: 1em;
}
#container .tabs ul {
list-style-image: none;
list-style-type: none;
}
#container ul.none, #content ul.none {
list-style-type: none;
list-style-image: none;
}
#container ul.no-pad, #content ul.no-pad {
padding: 0;
margin: 0;
}
#container ul.inline li {
display: inline;
margin-right: 5px;
}
#container ul li {
padding-bottom: 2px;
}

/* 
 * LINKS
 */

a {
text-decoration:none;
}
a:link, a:visited, a:active {
color: #143788;
}
td a:visited {
color: #4d4d4d;
}
a:hover, td a:hover {
color: #2667ff;
}

/*
 * COMMON CLASSES
 */
 
.indent {
margin-left: 1em;
}

.left h2, .right h2 {
width: 430px;
}

.big {
font-size: 14px;
}
.bigger {
font-size: 13px;
}
.smaller {
font-size: 12px;
}
.small {
font-size: 11px;
}

.gray {
color: #666;
}
.light {
color: #666;
font-weight: normal;
}
.normal {
font-weight: normal;
}
.strong {
font-weight: bold;
}
.changed {
background-color: #edf;
}

.smallcaps {
font-variant: small-caps;
}

.trebuchet {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}