a.skip_link	{
position:absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}
div.autocomplete {
position:absolute;
width: 250px;
background-color: #FFF;
border: 1px solid #888;
margin: 0;
padding: 0;
}

div.autocomplete ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div.autocomplete ul li.selected { background-color: #FFB;}

div.autocomplete ul li {
list-style-type: none;
display: block;
margin: 0;
padding: 2px;
height: 32px;
cursor: pointer;
}

div#footer	{
color: #333;
margin: 4px;
padding-top: 4px;
border-top: 1px solid #CCCCCC;
text-align: center;
}

div#footer a	{
}

div#footer p	{
margin-top: 0.4em;
margin-bottom: 0.4em;
}

a.button,
input.button	{
margin: 2px 4px;
margin-bottom: 6px;
border: 1px solid;
padding: 3px 6px;
border-color: #DDD #AAA #AAA #DDD;
background-color: #DDECC7;
color: #4777A3;
vertical-align: middle;
font-weight: bold;
font-size: 1em !important;
text-decoration: none;
text-transform: capitalize;
cursor: pointer;
background-image: url(/z/style/hydro/images/b/button_bg.png);
background-repeat: repeat-x;
background-position: bottom center;
}

table.data a.button,
table.data input.button	{
font-size: 0.9em !important;
}

input.button	{
padding: 2px;
margin-bottom: 5px;
}

form {
margin: 0;
}

legend	{
font-weight: bold;
}

legend img {
vertical-align: middle;
padding-right: 2px;
}

textarea {
}

input {
}

.disabled	{
color: #CCCCCC;
}

.commentary {
font-style: italic;
}

div#header	{
color: #618D1A;
background-color: #FFFFFF;
border-top: 2px solid #FFF;
background-image: url(/z/style/hydro/images/header/header_bg.png);
background-repeat: repeat-x;
background-position: top center;
padding: 10px;
min-height: 70px;
}

.banner {
text-align: left;
float: left;
}

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

ol.procedure  {
list-style-type: decimal;
}

img.screenshot  {
border: 1px solid #aaa;
padding: 5px;
margin: 5px;
}

.screenshot.left {
float: left;
}

.screenshot.right {
float: right;
}

.screenshot.center {
text-align: center;
}

.center {
text-align: center;
}

.help li {
margin: 10px 0 10px 0;
}

.doc.help hr {
width: 80%;
}

body {
margin: 0;
color: #000000;
background-color: #F4F8F6;
background-image: none;
}

a,
a:link,
a:visited
a:active	{
color: #4777A3;
}

a:hover	{
color: #FFFFFF;
background-color: #BEDD80;
}

a img {
border: 0;
}

div#content	{
padding: 10px;
background-image: url(/z/style/hydro/images/page/content_bg.png);
background-repeat: repeat-x;
background-position: top right;
background-color: #F4F8F6;
min-height: 600px;
}

.ac_container {
position: absolute;
top: 1.7em;
width: 100%;
}

.ac_container .yui-ac-content {
position:absolute;
width: 100%;
border: 1px solid #404040;
background: #fff;
overflow: hidden;
z-index: 9050;
}

.ac_container .yui-ac-shadow {
position: absolute;
margin: .3em;
width: 100%;
background: #a0a0a0;
z-index: 9049;
}

.ac_container ul {
padding: 5px 0;
width: 100%;
}

.ac_container li {
padding: 0 5px;
cursor: default;
white-space: nowrap;
}

.ac_container li.yui-ac-highlight {
background: #ff0;
}

.ac_container li.yui-ac-prehighlight {
background: #FFFFCC;
}

.navigation_wrapper {
background-image: url(/z/style/hydro/images/nav_bar/nav_bar.gif);
background-position: top center;
background-repeat: repeat-x;
background-color: #F4F8F6;
border-bottom: 1px solid #B0B9C0;
}

#navigation,
#navigation ul  {
list-style-type: none;
margin: 0;
padding: 0;
font-family: 'Lucida Grande', sans-serif;
font-size: 1.0em;
}

#navigation ul  {
z-index: 5000;
}

#navigation a  {
color: #4777A3;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
display: block;
}

#navigation li a  {
padding-top: 4px;
padding-bottom: 2px;
}

#navigation ul ul li a  {
padding-top: 2px;
padding-bottom: 2px;
}

#navigation li ul a  {
text-align: left;
margin-top: 0;
padding-bottom: 0;
position: relative;
}

#navigation li  {
float: left;
padding: 0;
}

#navigation li ul  {
background-color: #FFFFFF;
margin: 0;
padding: 0;
position: absolute;
width: auto;
height: auto;
display: none;
border: 1px solid #AAA;
background-image: none;
}

#navigation li li  {
float: none;
margin: 0;
padding: 0;
}

#navigation li:hover ul ul,
#navigation li.cssHover ul ul  {
display: none;
}

#navigation li:hover ul,
#navigation li.cssHover ul  {
display: block;
}

#navigation ul a:hover,
#navigation li:hover,
#navigation li.cssHover	  {
background-color: #BEDD80;
}

#navigation li:hover a,
#navigation li.cssHover a	  {
color: #4777A3;
}

#navigation li.separator  {
line-height: 2px;
border-bottom: 1px solid #c6c3bd;
}

div.pnl	{
border: 1px solid #D4D8DC;
padding: 4px;
background-color: #FFF;
}

.pnl_title_bar	{
margin: 5px;
padding: 5px;
background-color: #F6F7F8;
border: 1px solid #CCCCCC;
}

.pnl_title_bar h2	{
margin: 0;
color: #698923;
}

.pnl_content	{
margin: 10px;
}

a.popup {
background-image: url(/z/style/core/images/popups/pop-up-launcher.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 16px;
}

div.product_switcher {
background-color: transparent;
text-align: right;
font-size: 1.2em;
float: right;
margin-right: 1em;
}

ul.product_switcher	{
padding: 0;
white-space: nowrap;
}

ul.product_switcher li	{
display: inline;
list-style-type: none;
margin: 0 1em 0 0;
padding: 0 0 4px 0;
}

ul.product_switcher a:link,
ul.product_switcher a:visited	{
color: #618D1A;
text-decoration: none;
}

ul.product_switcher a.active:link,
ul.product_switcher a.active:visited	{
color: #618D1A;
text-decoration: none;
border-bottom: 2px solid #618D1A;
}

ul.product_switcher a:hover	{
color: #618D1A;
text-decoration: none;
background-color: transparent;
border-bottom: 2px solid #618D1A;
}

div.message_viewer {
overflow: auto;
height: 300px;
width: 500px;
border: 1px solid #666666;
padding: 0;
}

ul.message_list {
padding-left: 0;
margin: 0;
border-bottom: 1px solid gray;
}

.message_list li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
margin:4px 0 4px 0;
}

ul.user_list {
padding-left: 0;
margin-left: 0;
border: 1px solid gray;
border-top: none;
}

.user_list li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

.comment_list{
padding: 0;
margin: 0;
}

.comment_list li.comment{
list-style: none;
padding: 4px;
background-color: #FFFFFF;
border-top: 2px solid #AAAAAA;
}

div.profile {
color: black;
background-color: #EDEDED;
}

div.profile a:link {
color: black;
background-color: #EDEDED;
}

div.profile a:visited {
color: black;
background-color: #EDEDED;
}

div.profile a:active {
color: black;
background-color: #EDEDED;
}

div.profile ADDRESS {
color: black;
background-color: #EDEDED;
}

.showhide_trigger	{
cursor: pointer;
text-decoration: underline;
color: #233C91;
text-transform: capitalize;
}

.tabgroup td {
white-space: nowrap;
}

.pretty_tab {
white-space: nowrap;
}

.pretty_tab_selected {
white-space: nowrap;
}

.highlight	{
padding: 3px;
background-color: #D4E5F0;
color: black;
}

.highlight a	{
color: #000000;
}

p.admin {
color: black;
background-color: pink;
}

td.admin {
color: #000000;
background-color: pink;
}

.rollup {
padding-left: 15px;
background-image: url(/z/style/core/images/rollups/rollup_open.gif) !important;
background-repeat: no-repeat;
background-position: center left;
}

.rollup.closed {
padding-left: 15px;
background-image: url(/z/style/core/images/rollups/rollup_closed.gif) !important;
background-repeat: no-repeat;
background-position: center left;
}

.rollup a {
font-weight: bold;
}

.rollup_content	{
display: block;
padding-left: 15px;
}

.rollup_content_hidden	{
display: none;
}

table.data {
border-spacing: 1px;
font: 10px 'Verdana', Arial, Helvetica, sans-serif;
background: #E7E7E7;
color: #666666;
border-collapse: separate;
}

table.data caption {
border: #666666;
border-bottom: 2px solid #666666;
text-transform: uppercase;
padding: 10px;
font: 15px 'Verdana', Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
}

table.data td,
table.data th {
padding: 4px;
}

table.data thead th {
text-align: left;
background: #F5F5F5;
color: #666666;
border: 1px solid #ffffff;
text-transform: uppercase;
}

table.data tbody th {
font-weight: bold;
}

table.data tbody tr {
background: #EBF8FE;
text-align: left;
}

table.data tbody tr.alternate {
background: #ffffff;
border-top: 1px solid #ffffff;
}

table.data tbody tr.selected {
background: #B8E4FB !important;
}

table.data tbody tr.selected td {
background: transparent !important;
border: none !important;
}

table.data tbody th a: link, tbody th a: visited {
color: #666666;
padding: 3px 0 0 18px;
}

table.data tbody th a: hover {
color: #009900;
}

table.data tbody tr td {
background: #EBF8FE;
border: 1px solid #ffffff;
}

table.data tbody tr.alternate td {
background: #ffffff;
border-top: 1px solid #ffffff;
}

table.data tfoot th,
table.data tfoot td {
padding: 10px;
text-align: center;
font: 15px 'Verdana', Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
border-bottom: 3px solid #cccccc;
border-top: 1px solid #DFDFDF;
}

table.data thead th.sort {
text-decoration: underline;
}

table.data thead th.ascend {
background-image: url(/z/style/hydro/images/tablesort/ascend.gif);
background-position: center right;
background-repeat: no-repeat;
text-decoration: underline;
}

table.data thead th.descend {
background-image: url(/z/style/hydro/images/tablesort/descend.gif);
background-position: center right;
background-repeat: no-repeat;
text-decoration: underline;
}

.sortdata	{
display:none;
}

table.input th {
color: #000000;
background-color: #D4E5F0;
text-align: left;
font-weight: bold;
padding: 2px;
margin: 0;
}

table.input th a,
table.input th a:link,
table.input th a:visited,
table.input th a:active	{
color: #000000;
background-color: #D4E5F0;
text-decoration: underline;
}

table.input td {
color: black;
background-color: #E7EBEF;
padding: 2px;
}

table.input th.transparent	{
background-color:transparent;
}

table.input_simple	{
background-color:transparent;
}

table.input_simple th	{
font-weight: bold;
text-align: right;
padding: 2px;
}

table.input_simple td	{
font-weight: normal;
padding: 2px;
}

table.monthbox	{
padding: 0;
margin: 0;
border-left: 1px solid #A2ADBC;
color: #616B76;
text-align: center;
background-color: #fff;
}

table.monthbox caption {
margin: 0 auto;
padding: 0;
width: 141px;
background: #A2ADBC;
color: #fff;
font-weight: bold;
text-align: center;
}

table.monthbox caption a {
font-weight: bold;
color: #fff;
text-align: center;
text-decoration: none;
}

table.monthbox th {
font-weight: bold;
text-align: center;
color: #616B76;
background: #D9E2E1;
border-right: 1px solid #A2ADBC;
border-bottom: 1px solid #A2ADBC;
border-top: 1px solid #A2ADBC;
}

table.monthbox td {
border-right: 1px solid #A2ADBC;
border-bottom: 1px solid #A2ADBC;
width: 20px;
height: 20px;
text-align: center;
background-color: #FFF;
}

table.monthbox td.oom {
background-color: #EEE;
}

table.monthbox td.oom a {
color: #BBB;
}

table.monthbox td a {
color: blue;
}

table.monthbox td.selected	{
}

table.monthbox td.busy	{
background-color: orange;
}

.transparent,
table td .transparent {
background-color: #FFFFFF !important;
}

table.layout {
width: 100%;
margin: 0;
padding: 0;
border: none;
}

table.layout tr {
border: 0;
margin: 0;
border: none;
}

table.layout td.body {
padding: 5px;
margin: 0;
border: none;
}

.sortdata	{
display:none;
}

ul.aqtree3clickable li { list-style: none; }

ul.aqtree3clickable {padding-left:0; margin-left:25px;}

ul.aqtree3clickable li {padding-left:0; margin-left:-25px;}

ul.aqtreeclickable, ul.aqtreeclickable ul, ul.aqtreeclickable li { margin: 0; padding: 0; }

ul.aqtree3clickable li.aq3bullet {margin-left:-9px;}

ul.aqtree3clickable li.aq3open ul { display: block; }

ul.aqtree3clickable li.aq3closed ul { display: none; }

.aqtree3clickable {white-space:nowrap; vertical-align:baseline;}

body	{
font-size: 62.5%;
font-family: "Lucida Grande", Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6	{
font-family: "Lucida Grande", Helvetica, sans-serif;
}

pre, code {
font-family: "Courier New", Courier, monospace;
}

h1, h2, h3, h4, h5, h6	{
font-weight: bold;
}

h1 {font-size: 2em;}

h2	{font-size: 1.5em;}

h3	{font-size: 1.25em;}

h4	{font-size: 1em;}

table {
font-size: 1em;
}

.window .content {
font-size: 1.2em;
}

.panel .content {
font-size: 1.2em;
}

div.warning {
margin: 10px;
padding: 10px;
background-color: #FFFFFF;
color: #CC0000;
width: 80%;
border: 1px solid #CCCCCC;
}

p.warning {
color: #990033;
font-weight: normal;
background-color: #ffffcc;
padding: 4px;
border: 1px dashed #990033;
}

.warning .alert_image	{
float:left;
margin-right:5px;
}

.confirmation	{
margin-top: 10px;
margin-bottom: 10px;
color: #47930A;
font-weight: bold;
}

.property_alert {
background-image: url(/z/style/core/images/notifications/updated.gif);
background-repeat: no-repeat;
background-position: center right;
padding-left: 18px;
}

.left	{
text-align: left;
}

.right	{
text-align: right;
}

.right li, .right ul, .right p {
text-align: right;
}

.center	{
text-align: center;
}

.clearf	{
clear: both;
height: 1%;
font-size: 0;
}

.f_left {
float: left;
}

.f_right {
float: right;
}

.border_right	{
border-right: 1px solid #000000;
}

th.transparent,
td.transparent {
background-color: transparent !important;
}

div.window_manager .column	{
width: 49%;
float: left;
padding: 8px 4px 8px 4px;
}

div.window_manager .insertionPoint	{
background-color: #618D1A;
margin: 4px 0;
height: 5px;
width: 100%;
overflow: hidden;
}

.window .controls ul.navigation a:hover {
background-color: transparent;
}

.window .controls .navigation .min_max	{
width: 16px;
height: 16px;
background-image: url(/z/style/hydro/images/window/min.gif);
background-repeat: no-repeat;
text-indent: -9000px;
}

.window .controls .navigation .minimised	{
width: 16px;
height: 16px;
background-image: url(/z/style/hydro/images/window/max.gif);
background-repeat: no-repeat;
}

.window .controls .navigation .remove	{
width: 16px;
height: 16px;
background-image: url(/z/style/hydro/images/window/remove.gif);
background-repeat: no-repeat;
text-indent: -9000px;
}

.window .controls .navigation .menu	{
background-image: url(/z/style/hydro/images/window/menu_trigger.png);
background-repeat: no-repeat;
height: 16px;
width: 16px;
text-indent: -9000px;
}

.window .controls .navigation,
.window .controls .navigation ul  {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: 'Lucida Grande', sans-serif;
font-size: 1.0em;
}

.window .controls ul.navigation,
.window .controls ul.navigation ul  {
z-index: 100;
}

.window .controls .navigation a  {
color: #333;
text-decoration: none;
padding-right: 0;
padding-left: 0;
display: block;
}

.window .controls .navigation li a  {
padding-top: 0;
padding-bottom: 0;
}

.window .controls .navigation ul ul li a  {
padding-top: 2px;
padding-bottom: 2px;
text-align: right;
}

.window .controls .navigation li ul a  {
text-align: left;
margin-top: 0;
padding-bottom: 0;
position: relative;
text-align: right;
}

.window .controls .navigation li  {
float: left;
padding: 0;
}

.window .controls .navigation li ul  {
background-color: #FFFFFF;
margin-left: -84px;
padding: 0;
position: absolute;
width: 100px;
height: auto;
display: none;
border: 1px solid #AAA;
}

.window .controls .navigation li li  {
float: none;
margin: 0;
padding: 2px 10px 2px 10px;
border-bottom: none;
}

.window .controls .navigation li li:last-child	{
border-bottom: none;
}

.window .controls .navigation li:hover ul ul,
.window .controls .navigation li.cssHover ul ul  {
display: none;
}

.window .controls .navigation li:hover ul,
.window .controls .navigation li.cssHover ul  {
display: block;
}

.window .controls .navigation ul a:hover	{
}

.window .controls .navigation ul li:hover,
.window .controls .navigation ul li.cssHover	  {
background-color: #BEDD80;
}

.window .controls .navigation li:hover a,
.window .controls .navigation li.cssHover a	  {
color: #4777A3;
}

.window .controls .navigation li:hover a:hover,
.window .controls .navigation li.cssHover a:hover	  {
color: #4777A3;
}

.window .controls .navigation li.separator  {
line-height: 2px;
border-bottom: 1px solid #c6c3bd;
}

div.window	{
background-color: transparent;
width: 100%;
margin-bottom: 1em;
background-image: url(/z/style/hydro/images/window/top_left.png);
background-position: top left;
background-repeat: no-repeat;
}

.win_title_bar	{
background-image: url(/z/style/hydro/images/window/top_right.png);
background-position: top right;
background-repeat: no-repeat;
margin: 0;
padding: 2px;
cursor: move;
}

.win_title_bar h2	{
margin: 0.5em 0 0.5em 1em;
border: none;
color: #618D1A;
padding: 0;
font-size: 1.4em;
}

div.window a,
div.window .controls	{
cursor: pointer;
}

.win_title_bar .controls	{
float: right;
margin: -22px 10px 0 0;
font-size: 1.2em;
color: #FFFFFF;
cursor: pointer;
}

.win_content	{
background-image: url(/z/style/hydro/images/window/right_border.png);
background-position: top right;
background-repeat: repeat-y;
margin: 0;
padding: 10px;
font-size: 1em;
line-height: 1.4em;
color: #3E375D;
}

.win_footer {
background-image: url(/z/style/hydro/images/window/bottom_left.png);
background-position: bottom left;
background-repeat: no-repeat;
margin-top: -1.2em;
}

.win_footer p {
background-image: url(/z/style/hydro/images/window/bottom_right.png);
background-position: bottom right;
background-repeat: no-repeat;
display: block;
margin: -3em 0 0 0;
padding: 10px;
}
.dateChooser td {
cursor:default;
text-align:center;
}

.dateChooser td.dateChooserActive:hover {
color:white;
background:#0A246A;
}

.dateChooser td.dateChooserActiveToday {
border: 1px solid red;
}

.dateChooser th {
background: #aaa;
color: white;
width: 18px;
border: none;
}

.dateChooser option, .dateChooser select {
font-size:10px;
}

.dateChooser {
border: 2px outset #aaa;
background: white;
padding: 1px;
}

.dateChooser table {
width:160px;
}

.select-free {
position:absolute;
z-index:10;
cursor:pointer;
overflow:hidden;
width:33em;
}

.select-free iframe {
display:none;
display:block;
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
width:3000px;
height:3000px
}

.tip {
background-color: #FFFFFF;
border: 1px solid #AAAAAA;
display: block;
margin: 2em;
padding: 4px;
}

.tip img.tip_icon {
clear: both;
float: left;
margin-bottom: 15px;
margin-right: 15px;
}

.tip table {
background-color: transparent;
}

.tip ul, .tip ol {
margin-left: 10px;
}

.yui-navset .yui-nav li {
margin-right:0.5em;
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
margin:0 0 0.5em;
}

.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }

.yui-navset-left { padding-left:6em; }

.yui-navset-right { padding-right:6em; }

.yui-nav {
margin: 0 0 -1px;
padding:0;
list-style:none;
z-index: 1;
}

.yui-nav li {
border-bottom: 1px solid #6593cf;
}

.yui-nav li.selected {
border-bottom: none;
margin-bottom: 0px;
}

.yui-navset li em { font-style:normal; }

.yui-navset {
position:relative;
zoom:1;
}

.yui-navset .yui-content { zoom:1; }

.yui-content {
border: 1px solid #6593cf;
z-index: 2;
padding: 2px;
}

.yui-content iframe {
border: none;
}

.yui-navset .yui-nav li {
display:inline-block;
display:-moz-inline-stack;
*display:inline;
vertical-align:bottom;
cursor:pointer;
zoom:1;
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
display:block;
}

.yui-navset .yui-nav a {
outline:0;
}

.yui-navset .yui-nav a { position:relative; }

.yui-navset .yui-nav li a {
display:block;
display:inline-block;
vertical-align:bottom;
zoom:1;
background: url(/z/style/core/images/tabs/tab-sprite.gif) no-repeat right -50px;
text-decoration: none;
}

.yui-navset .yui-nav li.selected a {
background: url(/z/style/core/images/tabs/tab-sprite.gif) no-repeat right 0px;
color: #5498ba;
border-bottom: none;
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
display:block;
}

.yui-navset-bottom .yui-nav li a {
vertical-align:text-top;
}

.yui-navset .yui-nav li a em {
display:block;
background: url(/z/style/core/images/tabs/tab-sprite.gif) no-repeat 0px -150px;
padding: 4px;
}

.yui-navset .yui-nav li.selected a em {
background: url(/z/style/core/images/tabs/tab-sprite.gif) no-repeat 0px -100px;
}

.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }

.yui-navset-left .yui-nav { left:0; }

.yui-navset-right .yui-nav { right:0; }