
/* -- Menus -- */

.m1 { background: url(img/bg3.gif) repeat-x bottom }
.m1 th {
 border-right: 1px solid #FFF }
.m1 a {
 text-align: center;
 white-space: nowrap;
 border-right: 1px solid #999;
 padding: 8px 5px 11px;
 display: block }
.m1 a.curr,
.m1 a.curr:hover {
 text-decoration: none;
 color: #666 }
.m1 a:link,
.m1 a:visited,
.m1 a:hover {
 text-decoration: none;
 color: #000 }
.m1 th.first { border-left: 1px solid #999 }
.m1 th.first a { border-left: 1px solid #FFF }
.m1 img { border: none }
.m1 td div,
.m1 td.curr div {
 margin: 6px 2px 0 0;
 height: 4px;
 overflow: hidden }
.m1 td.curr div { background-color: #F30 }
.m1 td.first div { margin-left: 2px }

/* -- Forms -- */

.f1,
.f1R,
.f1B,
.f1RB { padding: 0 .9em 0 0 }
.f1R { padding-right: 0 }
.f1B { padding-bottom: 0 }
.f1RB { padding: 0 }

.f2Label,
.f2LabelR { padding: 0 .9em .25em 0 }
.f2LabelR { padding-right: 0 }
.f2Field,
.f2FieldR,
.f2FieldB,
.f2FieldRB { padding: 0 .9em .9em 0 }
.f2FieldR { padding-right: 0 }
.f2FieldB { padding-bottom: 0 }
.f2FieldRB {
 padding-right: 0;
 padding-bottom: 0 }
.f2FieldPart { padding-left: .4em }

/* -- Grids -- */

.g1,
.g1R,
.g1B,
.g1RB {
 padding: 0 1.79em 1.5em 0 }
.g1R { padding-right: 0 }
.g1B { padding-bottom: 0 }
.g1RB {
 padding-bottom: 0;
 padding-right: 0 }

th.g2,
th.g2R {
 text-align: left;
 font-weight: 700;
 background-color: #F1F1F1;
 border: solid #666;
 border-width: 0 1px 2px 0;
 padding: .63em .89em }
th.g2R { border-right: none }
td.g2,
td.g2R {
 border: solid #C2C2C2;
 border-width: 0 1px 1px 0;
 padding: .63em .89em }
td.g2R { border-right: none }

/* -- Content -- */

.panelC,
.panelE {
 border: 1px solid #CCC;
 border-collapse: collapse }
.panelTitle {
 background-color: #F1F1F1;
 border-bottom: 1px solid #CCC }
.panelTitle,
.panelCell { padding: .54em }
.panelStateMarker {
 background: url(img/ico_pstate.gif);
 margin-right: 10px;
 vertical-align: middle;
 display: none }
.panelC .panelStateMarker { background-position: bottom }

ol.compact,
ul.compact {
 margin-left: 0;
 padding-left: 0;
 list-style: none }
ol.compact li,
ul.compact li {
 margin-left: 0;
 padding-left: 0 }

/* -- Additional -- */

a:link,
a:visited,
a:hover {
 text-decoration: underline;
 color: #03F }
a:hover { color: #36F }

big { font-size: 1.1em }

body {
 font: 70% Arial, Helvetica, sans-serif;
 color: #000;
 background-color: #FFF;
 margin: 0;
 padding: 0 }

form {
 margin: 0;
 padding: 0 }

h1 {
 font-size: 2.5em;
 font-weight: 500;
 border-bottom: 1px solid #CCC;
 margin-bottom: .7em;
 padding-bottom: .18em }
h2 {
 font-size: 1.09em;
 font-weight: 700;
 color: #C00;
 margin-bottom: .71em }
h3 {
 font-size: 1.09em;
 font-weight: 700;
 margin-bottom: .65em }
h4 {
 font-size: 1.09em;
 font-weight: normal;
 margin-bottom: .35em }

li { margin-bottom: .4em }

small { font-size: .9em }

table { font-size: 1em }

th {
 text-align: center;
 font-style: normal;
 font-weight: 400 }

em,
strong {
 font-style: normal;
 color: #C00 }

input,
select,
textarea {
 font: 1em Arial, Helvetica, sans-serif;
 color: #000 }

p,
ol,
ul,
.panelC,
.panelE,
.genericBlock {
 margin-top: 0;
 margin-bottom: 1.34em }

.bttn { padding: 0 .5em }
.nowrap { white-space: nowrap }

.g { color: #56CB00; }


input.error, select.error, textarea.error {background-color: #FFEBBD;}
span.asterror {padding-left: 3px; font-size: 14px; font-weight: bold; color: #FF3C00;}
span.ast {padding-left: 3px; font-size: 14px; font-weight: bold; color: #084173;}
