html {
overflow-y: scroll;
}

html, body {
margin: 0px;
padding: 0px;
font: 11px arial, helvetica, sans-serif;
line-height: 15px;
vertical-align: top;
background-color: #484d15;
background-image: url(/themes/gfx/gradient.gif);
background-repeat: repeat-x;
background-position: top left;
}

body.main {
margin-top: 0px;
background-color: #484d15;
color: #32360f;
}

body.popup {
background-color: #ffffff;
color: #32360f;
}


#logo {
position: absolute;
top: 148px;
left: 0px;
}

#overlay {
position: absolute;
width: 378px;
height: 242px;
top: 0px;
left: 0px;
}

#front_logo {
position: absolute;
top: 67px;
right: 24px;
}

table {
margin: 0px;
border: 0px;
padding: 0px;
border-collapse: collapse;
width: 100%;
vertical-align: top;
}

img {
border: 0px;
}

p {
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
}

img.arrow {
cursor: pointer;
padding-left: 5px;
}

img#logo {
cursor: pointer;
}

hr {
line-height: 1px;
height: 1px;
border: 0px;
border-bottom: 1px solid #c7c2a4;
margin-bottom: 10px;
}

hr.line {
line-height: 1px;
height: 1px;
border: 0px;
border-bottom: 1px solid #c7c2a4;
margin-bottom: 0px;
margin-top: 0px;
}


span.bk {
color: #8e8657;
}

h1 {
margin: 0px;
margin-bottom: 10px;
padding-bottom: 10px;
line-height: 22px;
height: 22px;
font-size: 16px;
font-weight: bold;
vertical-align: top;
width: 100%;
clear: both;         
}

h2 {
margin: 0px;
padding: 0px;
line-height: 20px;
height: 20px;
font-size: 12px;
font-weight: bold;
width: 100%;
clear: both;  
}

div.headers h2 {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
padding-bottom: 10px;
line-height: 25px;
height: 25px;
font-size: 12px;
width: 100%;
color: #32360f;
}

h3 {
margin-bottom: 3px;
margin-top: 3px;
padding-top: 0px;
font-size: 11px;
font-weight: bold;
clear: both;  
}

tr.group td {
background-color: #c8d6b6;
border-top: 1px solid #6e6630;
}

tr.void td {
background-color: transparent;
}

tr.light td  {
background-color: #f9f8ee;
}

tr.dark td  {
background-color: #e8ead6;
}

span.hidden {
color: #555555;
}

table.list tr.head td {
background-color: #6e6630;
color: #ffffff;
border: 0px;
}

div.right img {
margin-left: 10px;
}

div.left img {
margin-right: 10px;
}div.main {
width: 980px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
color: #32360f;
height: 100%;
min-height: 710px;
}

div.leftback {
position: absolute;
top: 0px;
left: 0px;
width: 163px;
height: 100%;
background-color: #cccc99;
}

div.margin {
position: relative;
top: 0px;
left: 0px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 60px;
}

div.search {
position: absolute;
top: 145px;
left: 705px;
text-align: right;
width: 250px;
font-size: 10px;
}

div.topmenu {
position: absolute;
top: 140px;
left: 180px;
width: 540px;
height: 26px;
line-height: 26px;
border-bottom: 1px solid #cccc99;
}

div.buttons {
clear: both;
margin-bottom: 20px;
}

div.topbar {
position: absolute;
margin-top: 0px;
top: 0px;
left: 0px;
width: 100%;
height: 129px;
}


div.frontbar {
position: absolute;
margin-top: 0px;
top: 0px;
left: 0px;
width: 100%;
background-color: #666600;
height: 129px;
}


div.breadcrumb {
position: absolute;
top: 165px;
left: 180px;
height: 25px;
line-height: 25px;
vertical-align: middle;
/*border-bottom: 1px solid #c7c2a4;*/
font-size: 9px;
width: 540px;
}

div.breadcrumb span {
height: 21px;
line-height: 21px;
vertical-align: middle;
font-size: 9px;
}

div.headers {
margin-top: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #c7c2a4;
float: left;
}

div.body {
width: 940px;
clear: both;
}

div.front {
position: relative;
top: 50px;
left: 0px;
background-color: #ffffff;
width: 980px;
margin-bottom: 80px;
}

div.content {
width: 540px;
float: left;
margin-top: 230px;
}

div.leftbar {
width: 180px;
float: left;
margin-top: 230px;
}


div.rightbar {
width: 180px;
float: right;
margin-top: 230px;
}


div.sidebar {
width: 180px;
margin-bottom: 20px;
}


div.clear {
clear: both;
}

div.left {
float: left;
}

div.right {
float: right;
}

div.area {
padding: 10px;
margin-bottom: 20px;
height: 100%;
width: 540px;
vertical-align: top;
float: left;
background-color: #ffffff;
}

div.info {
padding: 10px;
margin-bottom: 20px;
height: 100%;
width: 540px;
vertical-align: top;
float: left;
background-color: #f5f3e6;
color: #000000
}

div.bar {
width: 180px;
margin-bottom: 20px;
float: left;
}

div.subleft {
float: left;
width: 240px;
height: 100%;
vertical-align: top;
}

div.subright {
margin-left: 25px;
float: left;
width: 240px;
height: 100%;
vertical-align: top;
}

div.columns {
float: left;
padding-top: 2px;
width: 210px;
}

div.tasks {
margin-left: 20px;
}

div.description {
color: #898888;
margin-bottom: 5px;
margin-left: 20px;
margin-left: 21px;
}

div.debug {
width: 180px;
position: relative;
top: 720px;
left: 0px;
}

div.gap {
line-height: 20px;
height: 20px;
font-size: 10px;
}


div.bottombar {
position: absolute;
left: 200px;
bottom: 20px;
width: 780px;
text-align: left;
color: #666600;
}

div.bottombar span {
padding-right: 20px;
}


div.darkbar {
width: 165px;
background-color: #666600;
padding: 5px;
padding-left: 10px;
color: #ffffff;
font: bold 11px arial, helvetica, sans-serif;
margin-bottom: 10px;
}

div.lightbar {
width: 165px;
background-color: #cccc99;
color: #32360f;
font: 11px arial, helvetica, sans-serif;
margin-bottom: 10px;
padding: 5px;
padding-left: 10px;
}

div.darkbar a {
color: #ffffff;
}

div.lightbar a {
color: #32360f;
}

div.darkbar a:hover, div.lightbar a:hover {
text-decoration: underline;
}


#errormessage {
display: none;
}

a {
color: #666600;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.general:visited {
color: #91337d;
text-decoration: none;
}

a:visited {
color: #666600;
}

a.subselected, a.menuselected, a.topselected, a.subsubselected {
color: #003366;
}

a.anchor {
padding-left: 15px;
background-image: url(../gfx/arrow_small_down.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a.name {
color: #32360f;
}

a.general  {
padding-left: 7px;
background-image: url(../gfx/arrow_link.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}


a.right  {
float: right;
padding-left: 7px;
background-image: url(../gfx/arrow_link.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a.topmenu, a.topselected {
padding-right: 35px;
font-size: 13px;
}

a.topmenu:hover, a.topselected {
color: #003366;
text-decoration: none;
}

a.menu, a.menuselected {
font-size: 13px;
width: 180px;
display: block;
line-height: 18px;
}

a.submenu, a.subselected {
font-size: 13px;
width: 155px;
display: block;
padding-left: 25px;
line-height: 18px;
}

a.subsubmenu, a.subsubselected {
font-size: 13px;
width: 145px;
display: block;
padding-left: 35px;
line-height: 18px;
}


a.list {
height: 18px;
vertical-align: middle;
}

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

a.add:active, a.add:visited, a.add:link {
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
text-decoration: none;
line-height: 15px;
float: left;
}

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

a.delete:active, a.delete:visited, a.delete:link {
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
text-decoration: none;
line-height: 15px;
}

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

a.sortup:active, a.sortup:visited, a.sortup:link {
background-image: url(/themes/gfx/ascending.gif);
background-position: center right;
background-repeat: no-repeat;
padding-right: 10px;
color: #ffffff;
text-decoration: none;
}

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

a.sortdown:active, a.sortdown:visited, a.sortdown:link {
background-image: url(/themes/gfx/descending.gif);
background-position: center right;
background-repeat: no-repeat;
padding-right: 10px;
color: #ffffff;
text-decoration: none;
}

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


a.nosort:active, a.nosort:visited, a.nosort:link {
color: #ffffff;
text-decoration: none;
}

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

a.cancel:active, a.cancel:link, a.cancel:visited {
padding-left: 7px;
background-image: url(../gfx/arrow_cancel.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
color: #8e8657;
text-decoration: none;
}

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

a.button:active, a.button:link, a.button:visited  {
padding-left: 22px;
padding-right: 5px;
font-size: 9px;
font-weight: bold;
background-image: url(../gfx/button_background.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #677717;
color: #ffffff;
height: 15px;
line-height: 15px;
border: 1px solid #b0b579;
text-decoration: none;
}

a.ok:active, a.ok:link, a.ok:visited  {
float: right;
padding-left: 22px;
padding-right: 5px;
font-size: 9px;
font-weight: bold;
background-image: url(../gfx/button_background.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
background-color: #677717;
color: #b0b579;
border: 1px solid #b0b579;
line-height: 15px;
height: 15px;
text-decoration: none;
}

a.button:hover, a.ok:hover {
background-image: url(../gfx/button_select_background.gif);
color: #f0f1e6;
}

a.submit:active, a.submit:link, a.submit:visited, a.submit:hover  {
padding: 2px 3px 2px 3px;
font-size: 10px;
font-weight: bold;
background-color: #8e8657;
color: #ffffff;
border: 1px solid #c7c2a4;
text-decoration: none;
}


a.list:active, a.list:visited, a.list:link {
color: #000000;
background: transparent;
}

a.add:active, a.add:visited, a.add:link {
background-image: url(/themes/gfx/icon_noplus.gif);
}

a.add:hover {
background-image: url(/themes/gfx/icon_plus.gif);
text-decoration: underline;
}

a.delete:active, a.delete:visited, a.delete:link {
background-image: url(/themes/gfx/icon_nominus.gif);
}

a.delete:hover {
background-image: url(/themes/gfx/icon_minus.gif);
}

form {
width: 100%;
height: 100%;
display: block;
}

select {
font-size: 10px;
border: 1px solid #9c9464;
}


.bar {
display: block;
float: left;
vertical-align: middle;
width: 180px;
border: 1px solid #9c9464;
}

select.selectbar {
display: block;
float: left;
vertical-align: middle;
margin-bottom: 10px;
width: 160px;
font-size: 10px;
border: 1px solid #9c9464;
}



label {
vertical-align: middle;
}

div.label {
padding-top: 2px;
width: 190px;
float: left;
clear: left;
vertical-align: middle;
}

div.shortlabel {
padding-top: 2px;
width: 100px;
vertical-align: middle;
}

input.form {
width: 200px;
float: left;
vertical-align: middle;
border: 1px solid #9c9464;
height: 16px;
line-height: 16px;
}

input.shortform {
width: 110px;
float: left;
vertical-align: middle;
border: 1px solid #9c9464;
height: 16px;
line-height: 16px;
}

textarea.form {
border: 1px solid #9c9464;
}

div.input {
margin-bottom: 12px;
vertical-align: middle;
}

div.input img {
padding-top: 1px;
margin-left: 10px;
cursor: pointer;
}

div.section {
margin-bottom: 20px;
}

div.section h3 {
margin-top: 0px;
margin-bottom: 12px;
}

span.done {
color: #898888;
}

#city {
width: 128px;
}

#zipcode {
width: 50px;
margin-right: 20px;
vertical-align: middle;
border: 1px solid #9c9464;
height: 16px;
line-height: 16px;
}

div.biglabel {
width: 170px;
float: left;
padding-top: 5px;
vertical-align: middle;
}

input {
vertical-align: middle;
padding: 0px;
margin-right: 0px;
font-size: 10px;
}

input.text {
border: 1px solid #9c9464;
height: 16px;
line-height: 16px;
}

div#ranges {
margin-top: 10px;
width: 110px;
float: left;
display: block;
}

input.zip {
width: 35px;
}

.formselect {
margin-bottom: 10px;
font-size: 10px;
border: 1px solid #9c9464;
width: 150px;
}

div#errormessage {
margin-bottom: 20px;
color: red;
display: none;
}

.wideinput {
display: block;
float: left;
vertical-align: middle;
width: 310px;
font-size: 10px;
border: 1px solid #9c9464;
}


td {
height: 20px;
line-height: 20px;
font-weight: normal;
}

table.list {
width: 100%;
font-weight: normal;
text-indent: 5px;
}

table.list tr.head td {
font-weight: bold;
}

tr.light td {
height: 20px;
line-height: 20px;
}

tr.void td {
height: 7px;
line-height: 7px;
}

span.hidden {
color: #555555;
}

table.list tr.head td {
background-color: #6e7630;
color: #ffffff;
border: 0px;
}

table.pages tr td {
border: 0px;
}
html {
overflow-y: scroll;
}

label {
margin-left: 0px;
margin-right: 10px;
margin-top: 2px;
}

div.search {
left: 687px;
}

div.topmenu {
height: 26px;
line-height: 26px;
}

div.search input {
margin-bottom: 2px;
height: 17px;
line-height: 17px;
font-size: 12px;
vertical-align: middle;
}

div.search a.general {
margin-right: 32px;
}


div.search a.general {
margin-right: 52px;
}