/* Global Reset */

* {
border:0;
margin:0;
padding:0;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
:focus {
outline:0;
border:0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
outline:0;
border:0;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
}

/* General */

html {
overflow-y:scroll;
}
body {
background:#e6e6e6 url(../images/bg.gif) repeat-x;
color:#111;
font:.75em Arial, Helvetica, sans-serif;
}
a {
color:#004678;
cursor:pointer;
text-decoration:none;
}
a:hover {
color:#aa1e1e;
}
a:active {
color:#555;
}
h1 {
color:#aa1e1e;
font:normal 1.8em Arial, Helvetica, sans-serif;
margin:0px 0px 15px 0px;
}
h2 {
color:#aa1e1e;
font:normal 1.6em/1.4em Arial, Helvetica, sans-serif;
margin:5px 0px 15px 0px;
}
h3 {
color:#333;
font:bold 1.4em/1.4em Arial, Helvetica, sans-serif;
margin:5px 0px 10px 0px;
}
h4 {
color:#333;
font:bold 1.15em/1.4em Arial, Helvetica, sans-serif;
margin:5px 0px 10px 0px;
}
h5 {
color:#111;
font:bold 1em/1.4em Arial, Helvetica, sans-serif;
margin:5px 0px 10px 0px;
}
hr {
clear:both;
color:#ccc;
background-color:#ccc;
height:1px;
margin:0px 0px 5px 0px;
}
p {
line-height:1.8em;
margin:10px 0px 15px 0px;
}
blockquote {
line-height:1.8em;
quotes:none;
}
ol, ul {
list-style:none;
line-height:1.7em;
}
pre, code {
font:1em "Courier New", Courier, mono;
}
abbr, acronym {
border-bottom:1px dotted #aaa;
}
ins {
padding:1px;
background-color:#fffadc;
text-decoration:none;
}

/* Layout */

#top {
background:url(../images/top.jpg) no-repeat;
margin:auto;
}
#header {
height:100px;
}
#header strong {
color:#aa1e1e;
float:left;
font:normal 2.5em/100px Arial, Helvetica, sans-serif;
width:450px;
}
#header .logo {
display:block;
float:left;
background:url(../images/logo.gif) center center no-repeat;
width:225px;
height:100px;
text-indent:-9999em;
}
#main {
background:#fff;
border:1px solid #ccc;
margin:25px 0px 25px 0px;
padding:20px 20px 20px 20px;
width:910px;
}
#content {
float:left;
width:620px;
}
#fullcontent {
width:100%;
}
#sidebar {
float:right;
width:250px;
}
.wrapper {
margin:auto;
width:950px;
}

/* Nav */

#nav {
display:block;
height:40px;
width:950px;
}

/* Top Nav */

.topnav {
background:url(../images/topnav.gif) no-repeat;
float:right;
width:250px;
}
.topnav ul {
margin:0px 0px 0px 10px;
position:relative;
}
.topnav li:first-child {
background:url(../images/nav.gif) top left no-repeat;
}
.topnav li {
float:left;
height:30px;
padding:0px;
position:relative;
zoom:1;
z-index:1000;
}
.topnav li a {
display:block;
background:url(../images/nav.gif) top right no-repeat;
color:#fff;
float:left;
font:bold 1em Arial, Helvetica, sans-serif;
padding:7px 15px 3px 15px;
height:20px;
}
.topnav li a:hover,
.topnav li a:active {
color:#fff;
}
.topnav li:hover {
background:url(../images/nav.gif) 0px -40px repeat-x;
}
.topnav li:active {
background:url(../images/nav.gif) 0px -80px repeat-x;
}

/* Footer */

#footer {
clear:both;
background:#fff;
border:1px solid #ccc;
font-size:.9em;
margin:0px 0px 25px 0px;
width:950px;
}
#footer p {
padding:0px 25px 0px 25px;
}
.footerlinks {
padding:15px 0px 0px 0px;
height:40px;
}
.footerlinks li {
border-left:1px solid #ddd;
float:left;
padding:0px 25px 0px 25px;
}
.footerlinks li:first-child {
border:0;
}

/* Content */

.content blockquote {
background:#fafafa;
border:1px solid #ddd;
font-size:1em;
margin:0px 0px 15px 0px;
padding:10px 20px 10px 20px;
}
.pullquote {
background:url(../images/quote.gif) no-repeat scroll 0 5px transparent;
padding:0px 0px 0px 70px;
}
.note {
color:#555;
font:italic .9em/1.8em Arial, Helvetica, sans-serif;
}
.small {
font-size:0.9em;
}
.more {
display:block;
background:url(../images/icons/bullet.gif) 0px 6px no-repeat;
padding:0px 0px 0px 15px;
position:relative;
}
.more a {
font-weight:bold;
}
.backtop {
display:block;
background:url(../images/icons/top.gif) 0px 4px no-repeat;
float:right;
margin:-5px 0px 10px 0px;
padding:0px 0px 0px 15px;
position:relative;
}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.textleft { text-align:left; }
.textright { text-align:right; }
.middle { display:block; margin:auto; }
.inline { display:inline-block; }

/* Photo */

.photo {
border:1px solid #ccc;
font-size:0;
width:270px;
}
.photo img {
background:#f0f0f0;
border:1px solid #fff;
padding:9px;
}
.content img {
border:1px solid #ccc;
padding:5px;
position:relative;
}
.content img.left {
display:block;
border:1px solid #ccc;
margin:5px 20px 0px 0px;
padding:5px;
}
.content img.right {
display:block;
border:1px solid #ccc;
margin:5px 0px 0px 20px;
padding:5px;
}

/* Buttons */

.buttons {
display:inline-block;
background:#507896 url(../images/buttons.gif) repeat-x;
color:#fff;
font:bold 1em/1.5em Arial, Helvetica, sans-serif;
padding:6px 20px 6px 20px;
text-align:center;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.buttons:hover {
background:url(../images/buttons.gif) 0px -50px repeat-x;
color:#fff;
}
.buttons:active {
background:url(../images/buttons.gif) 0px -100px repeat-x;
color:#fff;
}
.buttonred,
.buttongray {
display:block;
color:#fff;
font:bold 1.25em Arial, Helvetica, sans-serif;
line-height:40px;
margin:auto;
padding:2px 0px 0px 10px;
width:250px;
height:48px;
}
.buttonred:hover,
.buttongray:hover {
color:#fff;
}
.buttonred:active,
.buttongray:active {
color:#fff;
}
.buttonred img,
.buttongray img {
display:block;
border:0;
float:left;
}
.buttonred {
background:url(../images/buttonred.gif) 0px 0px no-repeat;
}
.buttonred:hover {
background:url(../images/buttonred.gif) 0px -50px no-repeat;
}
.buttonred:active {
background:url(../images/buttonred.gif) 0px -100px no-repeat;
}
.buttongray {
background:url(../images/buttongray.gif) 0px 0px no-repeat;
}
.buttongray:hover {
background:url(../images/buttongray.gif) 0px -50px no-repeat;
}
.buttongray:active {
background:url(../images/buttongray.gif) 0px -100px no-repeat;
}
.action {
display:inline-block;
background:url(../images/tabs.gif) repeat-x;
border:1px solid #ccc;
color:#333;
font:bold 1em/2.2em Arial, Helvetica, sans-serif;
margin:0px 15px 0px 0px;
padding:2px 20px 2px 10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.action img {
border:0;
float:left;
margin:0px 10px 0px 0px;
}
.action:hover {
background:url(../images/tabs.gif) 0px -100px repeat-x;
color:#111;
}
.action:active {
background:url(../images/tabs.gif) 0px -50px repeat-x;
}

/* List */

.content ul {
margin:-5px 0px 10px 15px;
}
.content ul li {
background:url(../images/icons/bullet.gif) 0px 10px no-repeat;
padding:5px 0px 5px 15px;
}
.content ol {
margin:-5px 0px 10px 30px;
}
.content ol li {
list-style:decimal outside none;
padding:5px 0px 5px 0px;
}
.content li ul {
margin:0;
}

/* Lists */

.none li {
display:block;
clear:both;
background:none;
padding:10px 0px 10px 0px;
}
.line {
border-top:1px solid #ccc;
margin:0 !important;
}
.line li {
display:block;
border-bottom:1px solid #ccc;
clear:both;
}
.list {
margin:0px 0px 0px -5px !important;
}
.list li,
.list li:hover {
background:url(../images/icons/arrow.gif) 0px 7px no-repeat !important;
padding:5px 0px 5px 25px !important;
}

/* Columns */

.col2, .col2 li { width:49%; }
.col3, .col3 li { width:33%; }
.col4, .col4 li { width:24%; }
.col5, .col5 li { width:19%; }
.col6, .col6 li { width:16%; }
.col7, .col7 li { width:14%; }
.col8, .col8 li { width:12%; }
.col {
margin:0px 0px 10px 0px !important;
}
.col li {
background:url(../images/icons/square.gif) 0px 7px no-repeat;
padding:5px 0px 5px 25px;
width:100%;
}
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9 {
float:left;
padding:0px 2px 0px 0px;
}

/* File Images */

.file a {
display:block;
line-height:1.8em;
padding:5px 0px 15px 40px;
}
.files a {
display:block;
line-height:1.4em;
padding:0px 0px 10px 25px;
}
.file .blank { background:url(../images/files/file.png) no-repeat; }
.files .blank { background:url(../images/files/file.gif) no-repeat; }
.file .download { background:url(../images/files/file_download.png) no-repeat; }
.files .download { background:url(../images/files/file_download.gif) no-repeat; }
.file .go { background:url(../images/files/file_go.png) no-repeat; }
.files .go { background:url(../images/files/file_go.gif) no-repeat; }
.file .edit { background:url(../images/files/file_edit.png) no-repeat; }
.files .edit { background:url(../images/files/file_edit.gif) no-repeat; }
.file .doc { background:url(../images/files/file_doc.png) no-repeat; }
.files .doc { background:url(../images/files/file_doc.gif) no-repeat; }
.file .html { background:url(../images/files/file_html.png) no-repeat; }
.files .html { background:url(../images/files/file_html.gif) no-repeat; }
.file .mpg { background:url(../images/files/file_mpg.png) no-repeat; }
.files .mpg { background:url(../images/files/file_mpg.gif) no-repeat; }
.file .pdf { background:url(../images/files/file_pdf.png) no-repeat; }
.files .pdf { background:url(../images/files/file_pdf.gif) no-repeat; }
.file .pic { background:url(../images/files/file_pic.png) no-repeat; }
.files .pic { background:url(../images/files/file_pic.gif) no-repeat; }
.file .pps { background:url(../images/files/file_pps.png) no-repeat; }
.files .pps { background:url(../images/files/file_pps.gif) no-repeat; }
.file .txt { background:url(../images/files/file_txt.png) no-repeat; }
.files .txt { background:url(../images/files/file_txt.gif) no-repeat; }
.file .xls { background:url(../images/files/file_xls.png) no-repeat; }
.files .xls { background:url(../images/files/file_xls.gif) no-repeat; }
.file .zip { background:url(../images/files/file_zip.png) no-repeat; }
.files .zip { background:url(../images/files/file_zip.gif) no-repeat; }

/* Actions */

.icon {
color:#111;
padding:0px 5px 5px 20px;
margin:0px 10px 0px 0px;
}
.icon:hover { }
.add { background:url(../images/icons/add.png) no-repeat; }
.del { background:url(../images/icons/delete.png) no-repeat; }
.save { background:url(../images/icons/save.png) no-repeat; }
.edit { background:url(../images/icons/edit.png) no-repeat; }
.flag { background:url(../images/icons/flag.png) no-repeat; }
.print { background:url(../images/icons/print.png) no-repeat; }
.chart { background:url(../images/icons/chart.png) no-repeat; }
.external { background:url(../images/icons/external.gif) right -2px no-repeat; padding-right:16px; }

/* Steps */

.steps {
height:60px;
margin:0 !important;
padding:0 !important;
}
.steps li {
background:#fff url(../images/steps.gif) right 0px no-repeat;
color:#999;
float:left;
font-size:1.2em;
list-style:none;
width:33%;
height:50px;
margin:0 !important;
padding:0 !important;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.steps .step {
background:#fff url(../images/steps.gif) right 0px no-repeat;
}
.steps .current {
background:#f0f7ff url(../images/steps.gif) right -50px no-repeat;
}
.steps .lastdone {
background:#f5f5f5 url(../images/steps.gif) right -100px no-repeat;
}
.steps .done {
background:#f5f5f5 url(../images/steps.gif) right -150px no-repeat;
}
.steps li a {
display:block;
cursor:pointer;
color:#999;
text-decoration:none;
}
.steps .done a,
.steps .lastdone a {
color:#333;
}
.steps .current a {
color:#144678;
}
.steps .first {
border-left:1px solid #ccc;
}
.steps .last {
}
.steps li.none {
background-image:none;
border-right:1px solid #ccc;
}
.steps li img {
border:0;
position:absolute;
margin:12px 0px 0px 5px;
}
.steps li strong {
margin:7px 0px 0px 35px;
position:absolute;
}
.steps li span {
font-size:.9em;
margin:25px 0px 0px 35px;
position:absolute;
}

/* Pagination */

.pages {
clear:both;
}
.pages a {
display:inline-block;
font:1em/1.5em Arial, Helvetica, sans-serif;
height:18px;
padding:2px 7px 2px 7px;
position:relative;
text-decoration:none;
}
.pages a.on {
background:#507896 url(../images/buttons.gif) repeat-x;
color:#fff !important;
font-weight:bold;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.pages a:hover,
.pages a:active {
color:#111;
}

/* Table */

.table {
border:1px solid #ccc;
line-height:1.8em;
margin:15px 0px 15px 0px;
text-align:left;
width:100%;
}
.table th {
background:#e6f0fa;
border-bottom:2px solid #999;
font-weight:bold;
padding:5px 10px 5px 10px;
}
.table thead tr .header {
cursor:pointer;
}
.table td {
padding:5px 10px 5px 10px;
vertical-align:top;
}
.table tbody td {
vertical-align:top;
}
.table td img {
display:block;
border:0 !important;
padding:0;
}
.table td input {
margin:5px 0px 0px 0px;
}
.table .odd { background-color:#f5f5f5; }
.table .hover td { background:#fffadc; }
.table .hover { background:#fffadc; }

/* Data Table */

.tabledata {
background-color:#c8d7e6;
border-collapse:collapse;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
clear:both;
text-align:left;
width:100%;
}
.tabledata th {
background-color:#e6f0fa;
border:1px solid #ccc;
border-right:none;
border-bottom:2px solid #999;
cursor:pointer;
font-weight:bold;
padding:6px 10px 6px 10px;
}
.tabledata tbody td {
color:#3D3D3D;
padding:7px 10px 7px 10px;
vertical-align:top;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
}
.tabledata tbody tr td.center,
.tabledata thead tr th.center{
text-align:center;
}
.tabledata tbody tr {
background-color:#fff;
}
.tabledata tfoot tr th {
font-weight:normal;
font-style:italic;
border-top:2px solid #999;
border-bottom:none;
}
.tabledata td img {
display:block;
border:0 !important;
margin:auto;
padding:0;
}
.tabledata tbody tr.odd td {
background-color:#f5f5f5;
}
.tabledata tbody tr.hover td {
background-color:#fffadc !important;
}
.tabledata tbody tr.odd .sorting_1 {
background-color:#ebf0f5;
}
.tabledata tbody tr.even .sorting_1 {
background-color:#fafdff;
}
.sorting_asc, .sorting_desc {
background-color:#c8d7e6 !important;
}
.sorting_asc {
background:url(../images/tableup.gif) center right no-repeat;
}
.sorting_desc {
background:url(../images/tabledown.gif) center right no-repeat;
}
.sorting {
}
.sorting_asc_disabled {
}
.sorting_desc_disabled {
}

/* Table Styling */

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
padding:10px 0px 10px 0px;
}
.dataTables_length {
float:left;
}
.dataTables_length select {
border:1px solid #ccc;
font:1em Arial, Helvetica, sans-serif;
padding:3px 5px 3px 5px;
width:60px;
}
.dataTables_filter {
float:right;
text-align:right;
}
.dataTables_filter input {
background:url(../images/input.gif) 0px 0px repeat-x;
border:1px solid #aaa;
color:#333;
font:1em/1.5em Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:3px 5px 3px 5px;
position:relative;
width:150px;
height:18px;
}
.dataTables_info {
float:left;
}
.dataTables_paginate {
float:right;
}
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
cursor:pointer;
height:16px;
width:16px;
margin-left:3px;
float:left;
}
.paginate_disabled_previous { background-image:url(../images/disabled_prev.gif); }
.paginate_enabled_previous { background-image:url(../images/enabled_prev.gif); }
.paginate_disabled_next { background-image:url(../images/disabled_next.gif); }
.paginate_enabled_next { background-image:url(../images/enabled_next.gif); }

.paging_full_numbers {
}
.paging_full_numbers .paginate_button,
.paging_full_numbers .paginate_active {
cursor:pointer;
padding:2px 7px 2px 7px;
margin:0px 0px 0px 7px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.paging_full_numbers .paginate_button {
background:#eee;
border:1px solid #ccc;
}
.paging_full_numbers .paginate_button:hover {
background:#e6f0fa;
border:1px solid #507896;
}
.paging_full_numbers .paginate_active {
background-color:#507896;
color:#fff;
font-weight:bold;
}
.paging_full_numbers .first,
.paging_full_numbers .last {
display:none;
}

/* Calendar */

.calendar {
border:0;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-collapse:separate;
border-spacing:0;
*border-collapse:collapse;
}
.calendar thead th {
background:#ddd url(../images/tables.gif) repeat-x;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#333;
text-align:center;
}
.calendar .title {
border-bottom:1px solid #ccc;
font-size:1.4em;
}
.calendar .title a {
border:none;
position:relative;
margin:0px 10px 0px 10px;
}
.calendar .title img {
border:0;
vertical-align:middle;
}
.calendar td {
color:#333;
font-size:1.2em;
text-align:center;
width:14.3%;
}
.calendar tbody td {
border:1px solid #ddd;
border-top-color:#fff;
border-left-color:#fff;
}
.calendar .odd {
background-color:#fff;
}
.calendar .active {
background-color:#f0f0f0;
color:#aa1e1e;
}
.calendar .inactive {
color:#aaa;
}

/* Dropdown */

.dropdown {
background:url(../images/nav.gif) top left no-repeat;
height:40px;
padding:0px 0px 0px 2px;
position:relative;
z-index:1000;
}
.dropdown li {
float:left;
height:40px;
padding:0px 0px 0px 0px;
position:relative;
zoom:1;
z-index:1000;
}
.dropdown li a {
display:block;
background:url(../images/nav.gif) top right no-repeat;
color:#fff;
float:left;
font:bold 1em Arial, Helvetica, sans-serif;
padding:12px 25px 3px 25px;
height:25px;
}
.dropdown li a:hover,
.dropdown li a:active {
color:#fff;
}
.dropdown li.hover,
.dropdown li:hover {
position:relative;
}
.dropdown li:hover { background:url(../images/nav.gif) 0px -40px repeat-x; }
.dropdown li:active { background:url(../images/nav.gif) 0px -80px repeat-x; }
.dropdown .active { background:url(../images/nav.gif) 0px -120px repeat-x; }
.dropdown .active:hover { background:url(../images/nav.gif) 0px -160px repeat-x; }
.dropdown .active:active { background:url(../images/nav.gif) 0px -200px repeat-x; }
.dropdown li ul {
background:#eee;
border:1px solid #ccc;
position:absolute;
top:100%;
left:-1px;
visibility:hidden;
width:200px;
z-index:700;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
}
.dropdown li ul li {
display:inline;
border-bottom:1px solid #ddd;
border-top:1px solid #fafafa;
height:auto;
}
.dropdown li ul li a {
display:inline-block;
background:none;
color:#444;
padding:8px 25px 8px 25px !important;
width:150px;
height:auto;
}
.dropdown li ul li a:hover { color:#111; }
.dropdown li ul li a:active { color:#aa1e1e; }
.dropdown li ul li:hover { background:#ccc url(../images/tables.gif); }
.dropdown li ul li:active { background:#aaa url(../images/tabs.gif) 0px -200px repeat-x; }
.dropdown li ul .active a { background:#aa1e1e; color:#fff !important; }
.dropdown li ul .active a:hover { background:#999; }
.dropdown li ul .active a:active { background:#aaa; }
.dropdown li:hover > ul { visibility:visible; }
.dropdown li ul li:first-child { }
.dropdown li ul li:last-child { }
.dropdown li ul li ul {
background:#eee;
position:absolute;
top:0;
left:200px;
visibility:hidden;
width:200px;
z-index:700;
padding:0px;
}

/* Menu */

.menu {
margin:0px 0px 20px 0px;
border:1px solid #ddd;
}
.menu .menuhead {
display:block;
background:#e5e5e5 url(../images/tabs.gif) 0px -100px repeat-x;
border-top:1px solid #fff;
border-bottom:1px solid #ddd;
font:bold 1.2em/1.4em Arial, Helvetica, sans-serif;
padding:7px 10px 7px 10px;
text-align:center;
}
.menu .sub {
display:block;
background:#fafafa;
border-top:0;
padding:10px 20px 10px 20px;
z-index:100;
zoom:1;
}

/* Messages */

.mini {
background-image:none !important;
padding:5px 10px 5px 10px !important;
}
.mini p {
margin:0 !important;
}
.message {
display:block;
background:#f5f5f5 url(../images/icons/document2.png) 15px center no-repeat;
border:1px solid #aaa;
margin-bottom:15px;
padding:0px 15px 0px 60px;
}
.ok {
background:#f0fadc url(../images/icons/ok2.png) 15px center no-repeat;
border:1px solid #96c800;
}
.error {
background:#fadcdc url(../images/icons/delete2.png) 15px center no-repeat;
border:1px solid #dc6464;
}
.warn {
background:#fffadc url(../images/icons/alert2.png) 15px center no-repeat;
border:1px solid #dcc864;
}
.info {
background:#e6f0fa url(../images/icons/info2.png) 15px center no-repeat;
border:1px solid #507896;
}
.close {
display:block;
float:right;
background:url(../images/icons/close.gif) no-repeat;
width:10px;
height:10px;
margin:10px 0px 0px 0px;
position:relative;
}

/* Tabs */

ul.tabs {
float:left;
list-style:none;
margin:0;
margin-bottom:-1px;
padding:0;
position:relative;
z-index:100;
}
ul.tabs li {
display:block;
background:#eee url(../images/tabs.gif) 0px 0px repeat-x;
border:1px solid #ccc;
float:left;
padding:0;
margin-right:10px;
overflow:hidden;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
}
ul.tabs li a {
display:block;
border:1px solid #fff;
color:#333;
font-weight:bold;
padding:4px 20px 4px 20px;
outline:none;
text-decoration:none;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
}
ul.tabs li a:hover {
background:#e5e5e5 url(../images/tabs.gif) 0px -100px repeat-x;
}
ul.tabs li a:active {
background:#e5e5e5 url(../images/tabs.gif) 0px -200px repeat-x;
}
ul.tabs li.active,
ul.tabs li.active a,
ul.tabs li.active a:hover {
background:#fff;
border-bottom:1px solid #fff;
color:#aa1e1e;
}
.tabframe {
display:block;
background:#fff;
border:1px solid #ccc;
clear:both;
float:left;
position:relative;
width:100%;
z-index:0;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
}
.tabcontent {
padding:10px 20px 10px 20px;
}
.tabcontent ul {
margin:0;
}

/* Side Tabs */

ul.sidetabs {
display:block;
float:left;
list-style:none;
margin:0;
margin-right:-1px;
padding:0;
position:relative;
width:150px;
z-index:100;
}
ul.sidetabs li {
display:block;
background:#eee url(../images/tabs.gif) 0px 0px repeat-x;
border:1px solid #ccc;
padding:0;
margin-bottom:5px;
overflow:hidden;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-right-radius:5px;
}
ul.sidetabs li a {
display:block;
border:1px solid #fff;
color:#333;
font-weight:bold;
padding:4px 15px 4px 15px;
outline:none;
text-decoration:none;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-right-radius:5px;
}
ul.sidetabs li a:hover {
background:#e5e5e5 url(../images/tabs.gif) 0px -100px repeat-x;
}
ul.sidetabs li a:active {
background:#e5e5e5 url(../images/tabs.gif) 0px -200px repeat-x;
}
ul.sidetabs li.active,
ul.sidetabs li.active a,
ul.sidetabs li.active a:hover{
background:#fff;
border-right:1px solid #fff;
color:#aa1e1e;
}
.sidetabframe {
display:block;
float:left;
background:#fff;
border:1px solid #ccc;
position:relative;
width:469px;
z-index:0;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
}
.sidetabcontent {
padding:10px 20px 10px 20px;
}
.sidetabcontent ul {
margin:0;
}

/* Toggle */

.toggle {
}
.toggle ul {
margin:0px 0px 0px 0px;
}
.toggle ul li {
background:none;
margin:0;
padding:0px 0px 10px 0px;
}
.toggle ul li a {
display:block;
background:url(../images/icons/plus.gif) 0px 3px no-repeat;
padding:0px 0px 0px 20px;
}
.toggle ul li .on {
background:url(../images/icons/minus.gif) 0px 3px no-repeat;
}
.toggle .panel {
overflow:hidden;
padding:0px 0px 0px 20px;
}
.toggle .alltrigger {
cursor:pointer;
}

/* Accordion */

.accordion {
}
.accordion h3 {
margin:0;
padding:0;
}
.accordion h3 a {
display:block;
background:#eee url(../images/tabs.gif) repeat-x;
border:1px solid #ddd;
cursor:pointer;
font-weight:bold;
margin:10px 0px 0px 0px;
padding:7px 10px 7px 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.accordion h3 a:hover {
background:#eee url(../images/tabs.gif) 0px -100px repeat-x;
color:#555;
}
.accordion h3 a:active {
background:#eee url(../images/tabs.gif) 0px -200px repeat-x;
}
.accordion .active a {
background:#eee url(../images/tables.gif) repeat-x;
color:#333;
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
}
.accordion div {
border:1px solid #ddd;
border-top:0;
padding:15px 20px 15px 20px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
}

/* Tooltip */

#tooltip {
cursor:pointer;
position:relative;
display:none;
background:#e6f0fa;
border:1px solid #507896;
color:#111;
font-size:.9em;
line-height:1.5em;
position:absolute;
padding:5px 10px 5px 10px;
text-align:center;
width:150px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.yellow {
background-color:#f9f2ba;
border:1px solid #dcaa00;
color:#644600;
}
.blue {
background-color:#e6f0fa;
border:1px solid #507896;
color:#004678;
}
.green {
background-color:#f0fadc;
border:1px solid #96c800;
color:#326400;
}
.red {
background-color:#fadcdc;
border:1px solid #c00;
color:#aa1e1e;
}
.mono {
background-color:#f5f5f5;
border:1px solid #aaa;
color:#333;
}

/* Slides */

.slide {
width:550px;
height:370px;
}
.slides {
background:url(../images/slider/slider.gif) no-repeat;
margin:0px 0px 15px 0px;
width:550px;
height:270px;
}
.slides div {
display:none;
}
.slides .first {
display:block;
}
.slides .image {
position:absolute;
margin:25px 0px 0px 25px;
width:220px;
}
.slides img {
display:block;
background:#eee;
border:1px solid #ccc;
padding:8px;
margin:auto;
}
.slides .caption {
position:absolute;
margin:25px 0px 0px 270px;
width:250px;
}
.slides h3 {
color:#aa1e1e;
font:bold 1.4em Arial, Helvetica, sans-serif;
text-transform:none;
margin:0;
padding:0px 0px 10px 0px;
}
.slides p {
line-height:1.4em;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
}
.slides .more {
display:block;
font-style:italic;
margin:15px 0px 0px 0px;
padding:3px 0px 0px 15px;
}
.pager {
float:left;
}
.pager a {
display:block;
background:#eee;
border:1px solid #ccc;
color:#111;
float:left;
margin:0px 10px 0px 0px;
padding:3px 7px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.pager a.activeSlide,
.pager a.activeSlide:hover,
.pager a.activeSlide:active {
background:#507896;
border:1px solid #507896;
color:#fff !important;
font-weight:bold;
}
.slider {
padding:5px 0px 0px 0px;
}
.slider a {
color:#222 !important;
text-decoration:none !important;
}
.slider #play,
.slider #pause {
display:block;
float:right;
border:1px solid #ccc;
padding:3px 7px 3px 20px;
margin:-5px 0px 10px 10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.slider #play {
display:none;
background:#eee url(../images/slider/play.gif) 2px 3px no-repeat;
}
.slider #pause {
display:none;
background:#eee url(../images/slider/pause.gif) 2px 3px no-repeat;
}
.pager a:hover,
.slider #play:hover,
.slider #pause:hover {
cursor:pointer;
background-color:#e6f0fa;
border:1px solid #507896;
}
.pager a:active,
.slider #play:active,
.slider #pause:active {
background-color:#fafafa;
border:1px solid #ccc;
}
.social {
clear:both;
padding:5px 0px 0px 0px;
}
.social a {
padding:0px 20px 0px 20px;
}
.social a:hover {
text-decoration:underline !important;
}
.social .contact {
background:url(../images/slider/contact.gif) 0px 2px no-repeat;
}
.social .rss {
background:url(../images/slider/rss.gif) 0px 1px no-repeat;
}
.social .twitter {
background:url(../images/slider/twitter.gif) 0px 1px no-repeat;
}
.social .facebook {
background:url(../images/slider/facebook.gif) 0px 1px no-repeat;
}

/* Diagram */

.diagram {
width:100%;
}
.diagram a {
color:#333;
text-decoration:none;
}
.diagram .home {
display:block;
font-weight:bold;
text-align:center;
background:#fadcdc;
border:1px solid #dc6464;
padding:10px 20px;
width:80px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.diagram .home:hover {
background:#faf0f0;
border:1px solid #dcaaaa;
}
#diagram {
margin:0;
float:left;
width:100%;
}
#diagram li ul li {
width:100% !important;
}

/* Sitemap Level 1 */

#diagram li {
background:url(../images/sitemap/L1-center.gif) center top no-repeat;
float:left;
line-height:1.5em;
padding:30px 0;
}
#diagram .first {
background:url(../images/sitemap/L1-left.gif) center top no-repeat;
}
#diagram .last {
background:url(../images/sitemap/L1-right.gif) center top no-repeat;
}
#diagram li a {
display:block;
background:#fadcdc;
border:1px solid #dc6464;
font-weight:bold;
text-align:center;
margin:0 20px 0 0;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#diagram li a:hover {
background:#faf0f0;
border:1px solid #dcaaaa;
}
#diagram li:last-child {
background:url(../images/sitemap/L1-right.gif) center top no-repeat;
}

/* Sitemap Level 2 */

#diagram li li {
background:url(../images/sitemap/vertical-line.gif) center bottom repeat-y;
clear:left;
padding:15px 0 0 0;
width:100%;
}
#diagram li li a {
background:#e6f0fa;
border:1px solid #507896;
}
#diagram li li a:hover {
background:#f5faff;
border:1px solid #78aac8;
}
#diagram li li:first-child {
padding-top:30px;
}
#diagram li li:last-child {
background:url(../images/sitemap/vertical-line.gif) center bottom repeat-y;
}

/* Sitemap Level 3 */

#diagram li li ul {
background:#ffffff url(../images/sitemap/L3-ul-top.gif) center top no-repeat;
float:right;
margin:10px 0 -15px 0;
padding:2px 0 10px 0;
width:100%;
}
#diagram li li li {
background:url(../images/sitemap/L3-center.gif) left center no-repeat;
padding:5px 0;
}
#diagram li li li a {
background-color:#f9f2ba;
border-color:#dcaa00;
float:right;
font-size:.9em;
padding:5px 0;
width:70%;
}
#diagram li li li a:hover {
background-color:#fffadc;
border-color:#dcc864;
}
#diagram li li li:first-child {
background:url(../images/sitemap/L3-li-top.gif) left center no-repeat;
padding:15px 0 5px 0;
}
#diagram li li li:last-child {
background:url(../images/sitemap/L3-bottom.gif) left center no-repeat;
}

/* Sitemap Utility */

#diagramnav {
float:right;
}
#diagramnav li {
background:none;
float:left;
margin:0px 0px 10px 0px;
}
#diagramnav li a {
display:block;
background:#eee;
border:1px solid #999;
font-size:.9em;
font-weight:bold;
text-align:center;
padding:5px 10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#diagramnav li a:hover {
background-color:#fafafa;
border-color:#aaa;
}

/* Required */

.required {
color:#c00;
}
.errorfield {
border-color:#c00 !important;
color:#c00 !important;
}
span.errors {
display:block;
clear:both;
color:#c00;
font-style:italic;
padding:0px 0px 10px 140px;
}

/* Form */

.form {
}
.form fieldset {
border:1px solid #ccc;
margin:0px 0px 20px 0px;
padding:10px 15px 10px 15px;
}
.form legend {
font:bold 1em Arial, Helvetica, sans-serif;
padding:0px 10px 0px 10px;
}
.form hr {
margin:10px 0px 10px 0px;
}
.form label {
display:block;
clear:both;
font-weight:bold;
float:left;
width:120px;
margin:5px 20px 0px 0px;
position:relative;
text-align:right;
}
.form .label {
color:#555;
display:block;
font:.9em/.9em Arial, Helvetica, sans-serif;
text-align:right;
}
.form input {
color:#111;
font:1em/1.5em Arial, Helvetica, sans-serif;
position:relative;
}
.form .text,
.form .input,
.form textarea,
form select,
form select:focus {
border:1px solid #aaa;
font:1em/1.5em Arial, Helvetica, sans-serif;
}
.form .text,
.form .input {
background:url(../images/input.gif) 0px 0px repeat-x;
padding:3px 5px 3px 5px;
width:180px;
height:18px;
}
.form .text:focus,
.form .input:focus {
background:url(../images/inputs.gif) 0px 0px repeat-x;
border:1px solid #333;
}
.form .text {
margin:2px 20px 10px 0px;
}
.form .input {
margin:5px 5px 0px 5px;
}
.form .field {
display:inline-block;
margin:0px 0px 10px 0px;
}
.form select {
margin:2px 20px 10px 0px;
}
form select,
form select:focus {
padding:3px 5px 3px 5px;
}
.form textarea {
background:url(../images/input.gif) 0px 0px repeat-x;
color:#333;
font:1em/1.7em Arial, Helvetica, sans-serif;
margin:2px 20px 5px 0px;
padding:3px 0px 3px 5px;
width:250px;
}
.form textarea:focus {
background:url(../images/inputs.gif) 0px 0px repeat-x;
border:1px solid #777;
}

/* Form Format */

.form .long {
width:200px;
}
.form .medium {
width:100px;
}
.form .short {
width:50px;
}
.form .margin {
margin-left:140px;
}
.form .button {
background:#777 url(../images/button.gif) repeat-x;
color:#fff;
cursor:pointer;
font:bold 1em Arial, Helvetica, sans-serif;
outline:none;
margin:0px 0px 10px 0px;
padding:6px 20px 6px 20px;
overflow:visible;
width:auto;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.form .button:hover {
background:url(../images/button.gif) 0px -50px repeat-x;
}
.form .button:focus {
background:url(../images/button.gif) 0px -100px repeat-x;
}

/* Search Form */

.search {
display:block;
margin:50px 0px 0px 0px;
}
.search .text {
background:url(../images/search.gif) 0px 0px no-repeat;
color:#333;
float:left;
font:normal 1em/1.8em Arial, Helvetica, sans-serif;
padding:4px 10px 3px 10px;
width:170px;
height:21px;
}
.search .text:hover {
background:url(../images/search.gif) 0px -28px no-repeat;
}
.search .text:focus {
background:url(../images/search.gif) 0px -56px no-repeat;
}
.search .button {
background:url(../images/search.gif) -190px 0px no-repeat;
color:#fff;
cursor:pointer;
float:left;
font:bold .9em Arial, Helvetica, sans-serif;
width:60px;
height:28px;
}
.search .button:hover {
background:url(../images/search.gif) -190px -28px no-repeat;
}
.search .button:focus {
background:url(../images/search.gif) -190px -56px no-repeat;
}