body, td, p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

body, td, p, h1, h2, h3, h4, h5, h6, select, input, textarea {
color: #444;
}

h1, h2, h3, h4, h5, h6, p, table, ul {
margin: 0px 0px 12px;
}

h1 {
font-size: 18px;
color: #2b5574;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 14px;
}

h4, h5, h6 {
font-size: 12px;
}

a {
color: #1584f7;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

div.hr {
margin: 0px 0px 11px 0px;
height: 1px;
background-color: #cdcbb6;
overflow: hidden;
}

.clear {
clear: both;
}

.tab {
display: block;
float: right;
width: 48%;
}

/* arrows */

ul.arrow {
clear: both;
list-style-type: none;
margin: 0px 0px 6px 0px;
padding: 0px;
}

ul.indent {
margin: 0px 0px 6px 15px;
}

ul.arrow li {
position: relative;
background-image: url(/template/images/arrow.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

ul.arrow_back {
clear: both;
list-style-type: none;
margin: 0px 0px 6px 0px;
padding: 0px;
}

ul.arrow_back li {
position: relative;
background-image: url(/template/images/arrow_back.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

span.arrow {
background-image: url(/template/images/arrow.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

span.arrow_back {
background-image: url(/template/images/arrow_back.gif);
background-repeat: no-repeat;
background-position: -5px -1px;
margin: 0px;
padding: 0px 0px 5px 15px;
}

/* image browser */

div.thumbnails p.image {
float: left;
}

div.imagebrowser {
position: relative;
width: 388px;
}

div.imagebrowser p.left,
div.imagebrowser p.right {
position: absolute;
margin-top: 2px;
}

div.imagebrowser p.right {
right: 0px;
}

div.imagebrowser p.left,
div.imagebrowser p.right,
div.imagebrowser p.left a,
div.imagebrowser p.right a {
width: 19px;
height: 22px;
display: block;
overflow: hidden;
}

div.imagebrowser p.left a,
div.imagebrowser p.right a {
background-position: 5px 5px;
background-repeat: no-repeat;
padding-left: 19px;
}

div.imagebrowser p.left a {
background-image: url(/template/images/nav_arrow_left.gif);
}

div.imagebrowser p.right a {
background-image: url(/template/images/nav_arrow.gif);
}

p.image img {
padding: 5px;
background-color: #fff;
border: 1px solid #cdcbb6;
}

p.image a:hover img {
border: 1px solid #8e8a65;
}

div.imagebrowser p.image,
div.imagebrowser p.title {
text-align: center;
}

div.thumbnails p.image {
float: left;
margin: 0px 5px 5px 0px;
}

/* breadcrumb */

.breadcrumb {
clear: both;
list-style: none;
margin: 0px;
padding: 0px;
}

.breadcrumb li {
float: left;
list-style: none;
display: block;
cursor: default;
background-image: url(/template/images/arrow.gif);
background-repeat: no-repeat;
background-position: 5px -1px;
margin: 0px;
padding: 0px 0px 0px 25px;
}

.breadcrumb li.root {
background-image: none;
padding: 0px;
}

.breadcrumb a {
display: block;
text-decoration: none;
}

.breadcrumb a:hover {
text-decoration: underline;
}

/* editor styles */

.heading {
color: #000000;
font-weight: bold;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.bold_italic {
font-weight: bold;
font-style: italic;
}

.underline {
text-decoration: underline;
}

.subscript {
font-size: 8px;
}

.tone1 {
color: #8e8a65;
}

.tone2 {
color: #25a2fa;
}

.dark {
color: #000000;
}