html, body {
height: 100%;
}

body {
margin: 0;
background: #FCFCE3;
font-family: verdana, sans-serif;
font-size: 9pt;
}

#page {
height: 100%;
width: 100%;
border: 0px;
}

#menu {
padding:0;
height:100%;
width:167px;
vertical-align:top;
border-width:0;
background: #F2EDCD url(images/menubg.jpg) repeat-y;
}

#contentContainer, #iframeContainer {
padding:0 10px 10px 15px;
background:url(images/menushadow.jpg) repeat-y;
}

#header {
background: url(images/headerbg.jpg) 0 0 repeat-x;
height:110px;
text-align:left;
font-size:11px;
}

#header a {
color:#000;
}

#headerImage {
padding: 0;
margin: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
overflow:hidden;
background:url(images/header.jpg) 0 0 no-repeat;
width:100%;
height:110px;
}

#account {
text-align:right;
position:absolute;
top:5px;
right:5px;
z-index:1;
}

#footer {
padding: 10px;
vertical-align: center;
text-align: center;
border-top: 1px solid #BFB486;
background: #E9E5CA url(images/footer.png) repeat-x top left;
}

.sectionHeader {
text-align: right;
border: 2px solid #BFB486;
border-width: 0 0 2px 0;
color: #847C5E;
font-size: 12pt;
font-weight: bold;
padding-right: 1em;
margin-top: 1em;
}

.sectionSubheader {
margin: 0 2em;
float: right;
}

.sectionSubheader img {
border: 0;
vertical-align: bottom;
}

.txt_confirm, .txt_confirm a {
color:#F00 !important;
font-weight:bold;
}

.txt_confirm img{
vertical-align:middle;
height:16px !important;
width:16px !important;
}

.txt_confirmed, .txt_confirmed a {
color:#61B345 !important;
font-weight:bold;
}

input.small_check {
margin:0;
vertical-align:middle;
}

label.requiredField {
font-weight:bold;
}

.article {
background: #FCFCE3 url(images/article-mr.jpg) repeat-y right top;
padding: 0;
color: #847C5E;
text-align: left;
}

.article .header {
background: url(images/article-c.jpg) repeat-x top right;
padding: 0;
}

.article table {
width: 100%;
}

.article .header .title {
width: 100%;
min-height: 15px;
min-width: 10px;
font-size: 12pt;
font-weight: bold;
background: url(images/article-l.jpg) no-repeat top left;
margin: 0;
padding: 13px 0 5px 25px;
}

.article .header .buttons {
white-space: nowrap;
vertical-align: top;
height: 100%;
text-align:right;
background: url(images/article-r.jpg) no-repeat top right;
padding: 15px 25px 5px 10px;
}

.article .header .buttons img {
border: 0;
}
.article .header .title input {
font-size: 12pt;
font-weight: bold;
width: 100%;
}

.article .footer {
background: url(images/article-c.jpg) repeat-x bottom right;
padding: 0;
font-size: 8pt;
}

.article .footer .link {
width: 100%;
text-align: left;
background: url(images/article-l.jpg) no-repeat bottom left;
padding: 5px 25px 17px;
min-height: 15px;
min-width: 10px;
}

.article .footer .time {
white-space: nowrap;
height: 100%;
text-align: right;
background: url(images/article-r.jpg) no-repeat bottom right;
padding: 5px 25px 17px 10px;
}

.article .body {
background: url(images/article-ml.jpg) repeat-y left top;
padding: 5px 19px 5px 15px;
min-height: 50px;
overflow: hidden;
}

.article .body textarea {
width: 100%;
height: 10em;
font-size: 9pt;
font-family: verdana, sans-serif;
}

p {
margin: 0;
}

p + p {
text-indent: 1.5em;
margin-top: 1em;
}

.border {
border: solid #BFB486 1px;

}

.border2 {
border: outset #BFB486 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

table {
border-collapse: collapse;
}

hr {
border: solid #BFB486 1px;
}

h1 {
font-family: verdana, sans-serif;
font-weight: 600;
font-size: 14pt;
}

a {
position:relative;
}

a:link {
color: #4A8A34;
text-decoration: none;
}

a:visited {
color: #3A6D2A;
text-decoration: none;
}

a:hover {
color: #61B345;
text-decoration: underline;
}

a:active {
color: #87c96f;
text-decoration: underline;
}

.roundLink {
text-decoration: none !important;
padding:3px 6px;
margin:2px 6px;
color:#847C5E;
border:1px solid #847C5E;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
font-size:10px;
text-align:center;
}

.roundLink:hover {
color:#61B345;
border-color:#61B345;
}

.big {
font-family: verdana, sans-serif;
font-size: 12pt;
}

.highlight, .highlight a {
background-color: #FE0 !important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

#table td {
vertical-align: middle;
border: solid #E5E1C6 1px;
padding: 5px;
}

label, legend {
font-size: 8pt;
color: #847C5E;
vertical-align: middle;
}

legend {
font-weight: bold;
}

textarea {
background: #FFFFFF url(images/inputbg.jpg) repeat-x;
border: 1px solid #BFB486;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input {
border: solid #BFB486 1px;
padding: 1px;
background: url(images/inputbg.jpg) #FFFFFF repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 8pt;
}

input.error {
    border: 2px solid #F00 !important;
}

input.disabled {
    color: #847C5E !important;
    background: #FCFCE3 !important;
    border-color: #E5E1C6 !important;
}

input.check {
background: none;
vertical-align: middle;
border: 0px;
}

.error {
border: 2px solid red;
}

input:focus, textarea:focus {
border: inset #BFB486 1px;
}

fieldset {
border: solid #BFB486 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

select {
font-size: 8pt;
}

.button, .smallButton {
padding: 0px;
width: 90px;
height: 35px;
background: transparent url(images/buttonsmall.png) no-repeat scroll 0 0;
border: 0px;
color: #847C5E;
letter-spacing: 1px;
font-size: 11px;
}

.smallButton {
width: 45px;
background-image: url(images/buttonsmaller.png);
}

.button_hover {
background-position: -90px;
color: #61B345;
letter-spacing: 1px;
}

.button_active {
background-position: -180px;
color: #61B345;
letter-spacing: 0;
}

.smallButton_hover {
background-position: -45px;
color: #61B345;
letter-spacing: 1px;
}

.smallButton_active {
background-position: -90px;
color: #61B345;
letter-spacing: 0;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
background: transparent url(images/buttons.jpg) no-repeat 0px 0px;
width: 165px;
border: 0px;
padding: 0px;
margin: 0px;
letter-spacing: .3em;
}

#nav li.sfhover, #nav li.menuOpen {
background-position: -165px 0px;
}

#nav li.active {
background-position: -330px 0px;
}

#nav li ul {
margin: 0;
padding-left: 1em;
list-style-type: circle;
}

#nav li ul li {
background: transparent;
width: auto;
height: auto;
letter-spacing: 0;
}

#nav a {
display: block;
padding: 18px;
text-decoration: none;
font-weight: normal;
color: #847C5E;
font-size: 12px;
width: 132px;
height: 16px;
text-align: center;
z-index: 21;
}

#nav ul a {
width: auto;
height: auto;
text-align: left;
padding: 0;
font-size: 10px;
}

#nav a:hover {
color: #4A8A34;
}

#nav li.navmenu {
color: #847C5E;
list-style-type: circle;
}

#nav li:hover {
list-style-type: disc;
}

#nav ul li.linkOpen {
list-style-type: disc;
}

#nav ul li.linkOpen a {
color: #543;
}

#nav ul a.menuOpen {
color: #543;
text-decoration: underline;
}

#iframeNav, iframe {
border: 2px solid #BFB486;
}

#iframeNav {
border-width: 0 2px 2px 0;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
border-radius-bottom-right:10px;
font-size:10px;
color:#BFB486;
background-color:#FFF;
position:absolute;
left:182px;
background-color:#FCFCE3;
padding:5px;
z-index:10000;
}

.suggestion_list {
background: #FFF url(images/inputbg.jpg) repeat-x;
border: solid #BFB486 1px;
padding: 0px;
-webkit-border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;
z-index: 9999;
}

.suggestion_list ul {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
}

.suggestion_list a {
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 8pt;
color: #000;
margin: 0;
white-space: nowrap;
cursor: default;
}

.suggestion_list .selected {
background: #BFB486;
color: #FFF;
}

.suggestion_list li {
padding: 0 36px 0 2px;
white-space: nowrap;
}

.suggestion_list li .deleteImg {
vertical-align: bottom;
position: absolute;
right: 0;
border: 0;
opacity: 0;
cursor: pointer;
}

.suggestion_list .selected .deleteImg {
opacity: 1;
}

.suggestion_list span.hl {
color: #61B345;
font-weight: bold;
}

.suggestion_list .selected a {
color: #FFF;
}

.suggestion_list .selected span.hl {
color: #FFF;
}

.autosuggest {
display: none;
overflow: hidden;
}

.checked {
text-decoration:line-through;
color:#AAA;
}