html {
overflow-y: scroll;
}

html, body {
margin: 0px;
padding: 0px;
font: 11px sans-serif, arial, helvetica;
line-height: 15px;
vertical-align: top;
background-image: url('/images/og/background.gif');
background-repeat: repeat;
background-position: top left;
}

body.main {
margin-top: 0px;
background-color: #777777;
color: #ffffff;
/*min-height:100%;*/
}

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


#logo {
margin-top: 25px;
margin-left: 22px;
float: left;
}

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;
}

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

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


span.bk {
color: #8e8657;
}

h1 {
margin: 0px;
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: 25px;
height: 25px;
font-size: 12px;
font-weight: bold;
width: 100%;
clear: both;  
}

div.headers h2 {
margin: 0px;
padding: 0px;
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;  
}

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

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

img.fileicon {
vertical-align: middle;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 2px; 
border: 0px;
margin-right: 12px;
}div.main {
width: 980px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
color: #000000;
}

div.body {
width: 100%;
clear: both;
}

div.margin {
margin-left: 15px;
margin-right: 15px;
}

div.leftbar div.margin {
float: left;
margin-left: 15px;
}

div.right div.margin {
float: right;
margin-right: 15px;
}

div.bodytext {
margin-left: 15px;
margin-right: 15px;
/*min-height: 600px;*/
}

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

div.content {
width: 534px;
float: left;
height: 100%;
border-left: 3px solid #ff0066;
border-right: 3px solid #ff0066;
padding-bottom: 50px;
}

div.leftbar {
width: 220px;
float: left;
height: 100%;
padding-bottom: 40px;
}

div.rightbar {
width: 220px;
float: right;
height: 100%;
/*padding-bottom: 40px;*/
}

div.logo {
float: left;
margin-top: 0px;
margin-left: 31px;
width: 185px;
height: 125px;
}

div.topbar {
float: left;
margin-top: 0px;
margin-left: 0px;
width: 100%;
height: 103px;
}

div.topimage {
float: right;
width: 100%;
height: 125px;
background-color: #bbbbbb;
}

div.search {
float: right;
width: 100%;
border: 1px solid green;
}

div.menubar {
float: left;
width: 100%;
height: 22px;
line-height: 22px;
text-indent: 10px;
background-color: #cccccc;
color: #666666;
text-transform: uppercase;
}

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


div.breadcrumb {
float: left;
height: 20px;
line-height: 20px;
text-indent: 15px;
vertical-align: middle;
font-size: 9px;
padding-top: 2px;
width: 100%;
margin-bottom: 30px;
}

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

div.headers {
margin-top: 10px;
margin-bottom: 10px;
float: left;
}

div.messages {
width: 180px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
background-color: #ff3366;
color: #ffffff;
float: right;
}

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

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

div.baritem {
padding: 20px;
width: 170px;
}

div.clear {
clear: both;
}

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

div.left {
float: left;
}

div.right {
margin-left: 8px;
float: right;
text-align: 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;
margin-right: 20px;
margin-left: 20px;
padding: 10px;
border: 1px solid #030658;
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;
width: 100%;
float: left;
font-size: 10px;
}

div.bottombar {
float: left;
width: 100%;
height: 100px;
color: #838485;
}

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

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

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

div.darkbar a, div.lightbar a {
color: #ffffff;
}

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

#errormessage {
display: none;
}

a:active,  a:link, a:visited {
background-color: transparent;
color: #666666;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:link {
color: #666666;
}


a.menu, a.submenu, a.subsubmenu, a.menuselected, a.subselected, a.subsubselected {
display: block;
line-height: 22px;
height: 22px;
color: #000000;
}

a.menu:visited, a.topmenu:visited, a.menuchildren:visited, a.submenu:visited {
display: block;
}

div.menubar a.selected {
color: #ffffff;
}

a.subselected, a.menuselected, a.subsubselected {
color: #777777;
display: block;
font-weight: bold;
}

a.subselected, a.submenu {
padding-left: 15px;
}

a.subsubselected, a.subsubmenu {
padding-left: 25px;
}

div.breadcrumb a:hover {
color: #777777;
}

div.menubar a {
padding-right: 10px;
color: #444444;
}

div.menubar a:hover {
text-decoration: none;
color: #ffffff;
}

div.messages a {
color: #ffffff;
display: block;
}

div.messages a:hover {
text-decoration: underline;
}

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('../images/og/arrow_link.gif');
background-repeat: no-repeat;
background-position: 0px 2px;
}

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

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

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;
height: 15px;
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;
height: 15px;
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: #663a8c;
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: #4e3a74;
color: #dddddd;
border: 1px solid #dddddd;
line-height: 15px;
height: 15px;
text-decoration: none;
}

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

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%;
display: block;
}

select {
font-size: 12px;
}


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

label {
vertical-align: middle;
}

div.label {
padding-top: 2px;
width: 170px;
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 #030658;
height: 16px;
line-height: 16px;
}

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

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

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 #030658;
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: 12px;
}

input.text {
border: 1px solid #030658;
font-size: 12px;
/*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: 12px;
border: 1px solid #030658;
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 #030658;
}


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

table.list {
width: 100%;
font-weight: normal;
}

table.list tr td {
text-indent: 5px;
}

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

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

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

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

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

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


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

span.hidden {
color: #555555;
}

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

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