* {
  font-family: Arial,Helvetica,sans-serif;
  margin: 0; padding: 0;
}
html, body
{
    height: 100%;
}
body
{
    background-color: #7F7F7F;
    color: #4f5c64; /*rgb(96, 138, 176);*/
    font-size: 10pt;
    text-align: center; /* Allows a div can be centered on the body */
}
h1, h2, h3, h4, h5, h6
{
    color: #1e6094;
    text-transform: capitalize
}
h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}
h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}
h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}
h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}
h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}
h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
p, dl, multicol {
  display: block;
  margin: 0.5em 0;
}
table
{
    border: 1px #608ab0;
}
th, td {
  padding: 1px;
}
th {
    color: #ffffff;
    background: #608ab0;
    text-align: center
}
img {
    margin: 0px;
    border-width: 0px; border-style: none;
}
:link {
    color: #1e6094;
    text-decoration: none;
}
:visited {
    color: #1e6094;
    text-decoration: none;
}
/* Do not use - any hover will be overridden
:link:hover {
    color: #a81e35;
    text-decoration: underline;
}
*/
a:link img {  border-style: none; }
a:visited img {  border-style: none; }
a:active img {  border-style: none; }
a.rootLink {
    text-decoration:none;
    color: white;
}
a.rootLink:hover {
    text-decoration:none;
    color: white;
}
a.menuLink {
    text-decoration:none;
}
a.menuLink:hover {
    color: #a81e35;
    text-decoration: none;
}
.smallText {
    font-size: 8pt;
}
ol, ul, dd {  margin-left: 4em }
ol {  list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol {  margin-top: 0; margin-bottom: 0 }
ol, ul, dl {
    font-size: 10pt
}
div.clear {
    clear: both;
    height: 0;
    margin: 0;
    line-height: 0;
    font-size: 1px;
}
/* Portlet */
.column { width: 60mm; float: left; padding-bottom: 100px; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/* Popup */
.popup { margin: 0 1em 1em 0; }
.popup-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.popup-content { padding: 0.4em; }

/* Layout */
.ui-layout-west .ui-jqgrid tr.jqgrow td { border-bottom: 0px none;}
.ui-layout-toggler { background: #608AB0;}

/* Alerts */
.ui-state-warning, .ui-widget-content .ui-state-warning {border: 1px solid #cd6356; background: #ffffff url(javest-theme/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #f07800; }
.ui-state-warning a, .ui-widget-content .ui-state-warning a { color: #f07800; }
.ui-state-warning-text, .ui-widget-content .ui-state-warning-text { color: #f07800; }

/* Title */
h2.tab-title {
    margin: 0; font-size: 16.5px;
}
hr.tab-title-row {
    margin: 0; border-top: 1px solid #608AB0; border-bottom: 0px; border-left: 0px; border-right: 0px; width: 100%; clear: both;
}
/* File Selector */
.ui-file-button {
    position: relative; overflow: hidden; cursor: pointer; display: inline; float: left; width: 26px; height: 27px;
    background: url('../images/browse-bg-button.gif') no-repeat;
}
.ui-file-button-hover {
    background: url('../images/browse-bg-button-hover.gif') no-repeat;
}
.ui-file-input {
    cursor: pointer; visibility: visible; opacity: 0; height: 27px; width: auto; position: absolute; display: block; right: 0; bottom: 0;
}
/********
* Paper *
********/
/*div.topShadowBorder {
  background-color: #2c7c48;
  position: absolute; height: 10px; top: 0px; left: 0px; right: 0px;
}
*/
div.paper {
  background-color: #e6eaf0;
  overflow: hidden;
  position: absolute; top: 15px; bottom: 15px; left: 0px; right: 0px;
}
/*
div.bottomShadowBorder {
  background-color: #2c7c48;
  position: absolute; height: 10px; bottom: 0px; left: 0px; right: 0px;
}
*/
.leftShadowBorder
{
  background-repeat: repeat-y;
  background-image: url('../images/leftGrayShadow.png');
  background-position: 0px;
}
.rightShadowBorder
{
  background-repeat: repeat-y;
  background-image: url('../images/rightGrayShadow.png');
  background-position: 0px;
}
.topShadowBorder, .bottomShadowBorder {
  z-index: 2000;
  background-repeat: no-repeat;
  background-color: #1e6094;
  margin-left: auto; margin-right: auto; width: 833px; height: 15px;
}
.topShadowBorder
{
  position: absolute;
  top: 0px; left: -15px;
  background-image: url('../images/topGrayShadow.gif');
  background-position: 0px;
}
.bottomShadowBorder
{
  position: absolute; 
  bottom: 0px; left: -15px;
  background-image: url('../images/bottomGrayShadow.gif');
  background-position: 0px;
}
/***********
* Sections *
***********/
div.north {
  position: absolute; height: 130px; top: 0px; left: 0px; right: 0px;
  padding-left: 10px; padding-right: 10px;
  
/*  background-image: url(/images/topSky.png);
  background-repeat: repeat-x;
*/
}
div.center {
  position: absolute; top: 180px; bottom: 120px; left: 0px; right: 0px; overflow: auto;
}
div.center-wide {
  position: absolute; top: 180px; bottom: 20px; left: 0px; right: 0px; overflow: auto;
}
div.title {
  padding-left: 10px; font-size: 14px; font-weight: bold; float: left; vertical-align: middle;
}
div.add {
  padding-right: 16px; padding-top: 4px; float: right; vertical-align: middle;
}
div.membership {
  position: absolute; height: 100px; left: 0px; right: 0px; bottom: 20px; background: white;
  padding-left: 20px; padding-right: 20px;
}
div.south {
  position: absolute; height: 20px; line-height: 25px; left: 0px; right: 0px; bottom: 0px; background: #1e6094; color: #d8e4f1; font-size: 9pt;
  padding-left: 10px; padding-right: 10px;
}
div.centered-A4 {
  position: relative; clear: both; margin-left: auto; margin-right: auto; text-align: left; width: 793px; /* 210mm */
  min-height: 100%; height: auto;
  padding-left: 5px;
  padding-right: 5px;
}
div.content {
  clear: both;
}
/******
* RSS *
******/
.rssTitle {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  text-align: left;
}
.rssTitle b a:hover {
    color: #a81e35;
    text-decoration: underline;
}
.rssContent {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9px;
  text-align: left;
}
.viewerData {
    margin-left: 10px;
    margin-right: 10px;
}
/*******
* Menu *
*******/
div.menu {
  position: absolute; height: 50px; top: 130px; left: 0px; right: 0px;
}
div.root-menu {
  background-color: #fcfdfe;
  line-height: 23px;
  height: 23px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
}
div.sub-menu {
  background-color: #d8e4f1;
  line-height: 27px;
  height: 27px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  text-align: left;
}
.base-right-arrow-button-trailer {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px 0px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.base-left-arrow-button {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -23px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.base-right-arrow-button {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -46px; overflow: hidden;
	width: 12px;;
	height: 23px;
	float: left
}
.base-button-left-border {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -14px -69px; overflow: hidden;
	width: 6px;
	height: 23px;
	float: left
}
.base-button-content {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: repeat-x; background-position: -14px -92px; overflow: hidden;
	height: 23px;
	float: left;
        padding: 0px 3px;
        text-align: left;
}
.base-button-content img {
  vertical-align: -25%;
  border-style: none;
  padding-right: 3px;
}
.base-button-right-border {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -14px -115px; overflow: hidden;
	width: 6px;
	height: 23px;
	float: left
}
.base-right-arrow-button-union {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -1px -138px; overflow: hidden;
	width: 19px;
	height: 23px;
	float: left
}
.rollover-right-arrow-button-trailer {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -161px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.rollover-left-arrow-button {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -184px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.rollover-right-arrow-button {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -207px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.rollover-button-left-border {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -14px -230px; overflow: hidden;
	width: 6px;
	height: 23px;
	float: left
}
.rollover-button-content {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: repeat-x; background-position: -14px -253px; overflow: hidden;
	height: 23px;
	float: left;
        padding: 0px 3px;
        text-align: left;
}
.rollover-button-content img {
  vertical-align: -20%;
  border-style: none;
  padding-right: 3px;
}
.rollover-button-right-border {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -14px -276px; overflow: hidden;
	width: 6px;
	height: 23px;
	float: left
}
.base-rollover-right-arrow-button-union {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -1px -299px; overflow: hidden;
	width: 19px;
	height: 23px;
	float: left
}
.rollover-base-right-arrow-button-union {
	cursor:pointer;
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -1px -322px; overflow: hidden;
	width: 19px;
	height: 23px;
	float: left
}
.selected-right-arrow-button-trailer {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -345px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.selected-left-arrow-button {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -368px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.selected-right-arrow-button {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -8px -391px; overflow: hidden;
	width: 12px;
	height: 23px;
	float: left
}
.selected-button-left-border {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -14px -414px; overflow: hidden;
	width: 6px;
	height: 23px;
	float: left
}
.selected-button-content {
	background-image: url('../images/menu-buttons.gif'); background-repeat: repeat-x; background-position: -14px -437px; overflow: hidden;
	height: 23px;
	float: left;
	padding: 0px 3px;
	text-align: left;
	color: white;
	font-weight: bold;
}
.selected-button-content img {
  vertical-align: -25%;
  border-style: none;
  padding-right: 3px;
}
.selected-button-right-border {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -14px -460px; overflow: hidden;
	width: 6px;
	height: 23px;
	float: left
}
.base-selected-right-arrow-button-union {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -1px -483px; overflow: hidden;
	width: 19px;
	height: 23px;
	float: left
}
.selected-base-right-arrow-button-union {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -1px -506px; overflow: hidden;
	width: 19px;
	height: 23px;
	float: left
}
.rollover-selected-right-arrow-button-union {
	background-image: url('../images/menu-buttons.gif'); background-repeat: no-repeat; background-position: -1px -529px; overflow: hidden;
	width: 19px;
	height: 23px;
	float: left
}
/* Table */
.templateTable {
    background-color: #ffffff;
    border-bottom-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-width: 2px;
    border-left-color: #608ab0;
    border-top-color: #608ab0;
    border-right-color: #1e6094;
    border-bottom-color: #1e6094
}
/* Menu */
.menuTable,
.subMenuTable {
    margin: 0; padding: 0;
    height: 22px;
    border-width: 0;
    border-style: none;
    border-collapse: collapse;
}
.subMenuTable {
    background-color: #d3d3e7
}
.menuItem {
    margin: 0; padding: 0;
}
.menuItemDel {
    margin: 0; padding: 0;
}
.menuItemDiv {
    background: url('../images/base-button.png') 0 0 repeat-x;
}
.menuItemDiv p {
    vertical-align: middle;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: silver;
    white-space: nowrap;
}
.menuItemDiv a {
    margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px;
    vertical-align: middle;
    line-height: 22px;
    color: silver;
    text-decoration: none;
}
.menuItemDiv a:hover {
    color: white;
    text-decoration: none;
}
.menuItemDiv a img {
    vertical-align: top;
    margin-left: 2px; margin-right: 5px; margin-top: 3px; margin-bottom: 3px; padding: 0px;
    width: 16px; height: 16px;
    line-height: 22px;
    border-style: none;
}
.menuFillerDiv {
    background: url('../images/base-button.png') 0 0 repeat-x;
}
.menuFillerDiv p {
    margin: 5px; padding: 0;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    color: silver;
    white-space: nowrap;
}
.menuVertSpacer {
    height: 1px;
}
/* Delimiters */
.menuItemDelDiv {
    background-image: url('../images/root-button.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    vertical-align: top;
}
.beforeSelMenuItemDelDiv {
    background-image: url('../images/before-selected-root-button.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    vertical-align: top;
}
.afterSelMenuItemDelDiv {
    background-image: url('../images/after-selected-root-button.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    vertical-align: top;
}
.selectedMenuItemDiv {
    background-color: #4a4a84;
}
.selectedMenuItemDiv p {
    margin: 5px; padding: 0;
    vertical-align: middle;
    line-height: 22px;
    /*	height: 22px;*/
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: white;
    white-space: nowrap;
}
.selectedMenuItemDiv img {
    vertical-align: top;
    margin-left: 2px; margin-right: 5px; margin-top: 3px; margin-bottom: 3px; padding: 0px;
    width: 16px; height: 16px;
    line-height: 22px;
    border-style: none;
}
.subMenuItemDiv {
}
.subMenuItemDiv p {
    vertical-align: middle;
    /*	height: 22px;
    line-height: 22px; */
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: gray;
    white-space: nowrap;
}
.subMenuItemDiv a {
    margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px;
    vertical-align: middle;
    line-height: 22px;
    color: gray;
    text-decoration: none;
}
.subMenuItemDiv a:hover {
    color: #4a4a84;
    text-decoration: none;
}
.subMenuItemDiv a img {
    vertical-align: top;
    margin-left: 2px; margin-right: 5px; margin-top: 3px; margin-bottom: 3px; padding: 0px;
    width: 16px; height: 16px;
    line-height: 22px;
    border-style: none;
}
.menuItemRed {
    font-size: 9pt;
    font-weight: bold;
    background-image: url('../images/base-button-red.png');
    background-repeat: repeat-x;
    color: silver;
    height: 22px;
    /*	line-height: 21px; */
    vertical-align: middle;
}
.menuItemRed a {
    color: silver;
    text-decoration: none;
}
.menuItemRed a:hover {
    color: white;
    text-decoration: none;
}
.menuItemRed img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: middle;
}
.swingMenuItem {
    font-size: 10pt;
    background-image: url('../images/swing-base-button.png');
    background-repeat: repeat-x;
    border-width: 1px;
    border-color: #7a8a99;
    border-style: solid;
    cursor: pointer;
    height: 22px;
    color: black;;
    text-indent: 4px;
    vertical-align: middle;
}
.swingSelectedMenuItem {
    font-size: 10pt;;
    border-width: 1px;
    border-color: #7a8a99;
    border-style: solid;
    background-color: #b8cfe5;
    height: 22px;
    text-indent: 4px;
    vertical-align: middle;
}
/***********
* Calendar *
***********/
.day {
    color: black;
    text-align: center;
    vertical-align: middle;
    background: white;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}
.selDay {
    color: white;
    text-align: center;
    vertical-align: middle;
    background: #009940;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    font-weight: bold;
}
.redSelDay {
    color: #ff6464;
    text-align: center;
    vertical-align: middle;
    background: #009940;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    font-weight: bold;
}
.redDay {
    color: red;
    text-align: center;
    vertical-align: middle;
    background: white;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}
.bgWeekDay1 {
    background-color: #e0ad21;
    text-align: center;
    vertical-align: middle;
}
.bgWeekDay2 {
    background-color: #2e3263;
    text-align: center;
    vertical-align: middle;
}
.bgWeekDay3 {
    background-color: #e0ad21;
    text-align: center;
    vertical-align: middle;
}
.bgWeekDay4 {
    background-color: #1f863b;
    text-align: center;
    vertical-align: middle;
}
.bgWeekDay5 {
    background-color: #f0dd1a;
    text-align: center;
    vertical-align: middle;
}
.bgWeekDay6 {
    background-color: #be0027;
    text-align: center;
    vertical-align: middle;
}
.bgWeekDay7 {
    background-color: #2e3263;
    text-align: center;
    vertical-align: middle;
}
.weekDay {
    color: white;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
}
.redWeekDay {
    color: red;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
}
.offDay {
    color: black;
    text-align: center;
    vertical-align: middle;
    background: ButtonFace;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}
.redOffDay {
    color: red;
    text-align: center;
    vertical-align: middle;
    background: ButtonFace;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}
.calButton {
    vertical-align: middle;
    color: white;
    background: #009940;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-width: 0px;
    cursor: pointer;
}
.calGrid {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    margin: 0px
}
.box {
}
.email {
}
.async-content {
    display: none;
}
/*******
* Tree *
*******/
.tree-control {
    font-family: Arial, 'Microsoft Sans Serif';
    font-size: small;
    margin: 0px;;
    padding: 0px
}
.tree-control-selected {
    color: #f0dd1a;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
.tree-control-unselected {
    color: #2e3263;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}
/*********
* Tables *
*********/
.tEditor {
    border-style: outset;
    border-color: #1e6094;
    border-width: 1px
}
.tHeader {
    color: white;
    font-weight: bolder;
    text-decoration: none;
    text-align: center;;
    font-size: 9pt;
    background-color: #608ab0;
    font-family: Arial;;
    padding-left: 3px;
    padding-right: 3px;;
    margin: 0px;;
}
.tCell {
    color: black;
    font-weight: normal;
    text-decoration: none;
    text-align: left;;
    font-size: 9pt;
    padding-left: 3px;
    padding-right: 2px;;
    border-top-color: silver;
    margin: 0px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-right-style: none;
    border-bottom-style: none;
    border-right-width: 0px;
    border-left-width: 0px;
    border-left-style: none;
    border-bottom-width: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-family: Arial, Verdana
}
.tRow {
    margin-bottom: 0px;
    border-top-style: solid;
    border-color: silver;
    border-top-width: 1px;
    background-color: #fcfdfe;
}
.tRolloverRow {
    margin-bottom: 1px;
    border-top-style: solid;
    border-color: silver;
    border-top-width: 1px;
    background-color: #d8e4f1;
    cursor: pointer
}
.tSelectedRow {
    margin-bottom: 1px;
    border-top-style: solid;
    border-color: silver;
    border-top-width: 1px;
    color: #d8e4f1;
    background-color: #1e6094
}
.fEditor {
    background-color: white;
    margin: 0px
}
.fHeader {
    color: white;
    font-weight: bolder;
    text-decoration: none;
    text-align: left;
    font-size: 9pt;
    background-color: #608ab0;
    font-family: Arial;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px;
}