body { 
   font-size: 8pt; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #003366;
   background: url(../images/gradient_bg.jpg) repeat-x;
   margin: 6px;
}

h1 {
   font: 11pt bolder Verdana, Arial, Helvetica, sans-serif;
   color: #003366;
   font-weight: 600;
}

h3 {
   font: 16pt bolder Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
   font-weight: 600;
   margin: 6px;
}

.header {
   font: 12pt bolder Verdana, Arial, Helvetica, sans-serif;
   color: #003366;
   font-weight: 800;
}

td {
   font-size: 8pt;
   color: #666666;
}

legend {
   font-weight: bold;
   font-size: 8pt;
   color: #000000;
}

#numlist {
   font-weight: bold;
   font-size: 8pt;
   color: #000000;
}

.delitem,.additem {
  cursor:pointer
}

input[type="text"],input[type="select-one"],input[type="button"],input[type="password"],textarea,select {
   font-size: 8pt;
   /*text-transform: uppercase;*/
}

input[type="select-one"],input[type="button"],select {
	text-transform: uppercase;
}

input.lowercaseok {
	text-transform: none;
}

.tblcont {
   border: 1px #000000 solid;
   background-color: #EFEFEF;
}

.tbllist {
   border: 1px #000000 solid;
   background-color: #000000;
}

.pageheader {
   background-color: #003366;
   color: #ffffff;
   font: 9pt bolder Verdana, Arial, Helvetica, sans-serif;
   font-weight: 600;
   vertical-align: bottom;
}

.listeven {
   background-color: #cccccc;
   font: 9pt bolder Verdana, Arial, Helvetica, sans-serif;
   vertical-align: top;
}

.listodd {
   background-color: #EFEFEF;
   font: 9pt bolder Verdana, Arial, Helvetica, sans-serif;
   vertical-align: top;
}

.listhover {
   background-color: #dcfac9;
/*   cursor: pointer;
   cursor: hand; */
   font: 9pt bolder Verdana, Arial, Helvetica, sans-serif;
   vertical-align: top;
}

.rite {
   text-align: right;
   font: 8pt Verdana, Arial, Helvetica, sans-serif;
   color: #003366;
   vertical-align: top;
   font-weight: bolder;
}

.static {
   font-size: 9pt; 
   font-weight: bolder;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}

.error {
   font: 10pt bolder Verdana, Arial, Helvetica, sans-serif;
   color: red;
   font-weight: 600;
}

.good {
   font: 10pt bolder Verdana, Arial, Helvetica, sans-serif;
   color: green;
   font-weight: 600;
}

.copyright {
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

a img {border: 0; }

a, a:link, a:visited {
  color: #666666;
}

a:hover {
  color: #000000;
}



#loading {
    background: #ffffff url('../images/gray_gradient.jpg') repeat-x bottom;
/*    background-color:#ffffcc;*/
    color: #369;
    font-size: 10pt;
    display: none;
    font-weight: bold;
/*    margin: 1em 0;*/
    padding-left: 20px;
    border: 1px solid #000000;
    z-index: 90;
    width: 400;
    height: 80;
    vertical-align: middle;
    text-align: center;
    position: absolute;
}

#previewpane {
  width: 600px;
  height: 400px;
  text-align:left;
  padding: 4px;
  overflow-y: auto;
  border: 3px solid #000000;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#filename {
  text-transform: lowercase;
}

div#menu
{  
  font-weight: 800;
  padding: 4;
  width:100%;
}
a.menu
{  
  color:inherit;
  display:block;
  text-decoration:none;
  width:100%;
  border:1px #CCCCCC solid;
}
a.menu:hover
{  /* Specify only the properties that differ from a.button */
  background-color:#EFEFEF;
  border:1px #666666 solid;
}

#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

.protectOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

.protectOn
   {
      position: absolute;
      top:175px;
      left:0px;
      visibility: visible;
      display: block;
      width:100%;
      height:420px;
      z-index: 999;
/*      background-color: #666;
      filter:alpha(opacity=85);
      -moz-opacity:0.85;*/
   }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color:#cccccc;
}

#nav a {
	display: block;
/*	width: 8em;*/
	width: 70px;
        text-decoration:none;
/*	padding: 2;*/
	padding: 0;
}

#nav li {
	float: left;
/*	width: 8em;*/
	width: 70px;
}

#nav li ul {
	position: absolute;
/*	width: 8em;*/
	width: 70px;
	left: -999em;
	border: 1px solid #999999;
	text-align: left;
	width:70px;
        padding: 4;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
/*	color: #333;*/
        color: #CCCCCC;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 1px 1px 1px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	/*color: #333;*/
	color: yellow;
	text-decoration: underline;
}
.dtree a.nodeSel {
/*	background-color: #c0d2ec;
	background-color: #ffffff;*/
	color: #ffffff;
}
.dtree .clip {
	overflow: hidden;
}


/*
    The following are some sample styles used in the "Styles" toolbar command.
    You should instead remove them, and include the styles used by the site
    you are using the editor in.
*/

.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

	.FBNcpYearNavigation,
	.FBNcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.FBNcpDayColumnHeader,
	.FBNcpYearNavigation,
	.FBNcpMonthNavigation,
	.FBNcpCurrentMonthDate,
	.FBNcpCurrentMonthDateDisabled,
	.FBNcpOtherMonthDate,
	.FBNcpOtherMonthDateDisabled,
	.FBNcpCurrentDate,
	.FBNcpCurrentDateDisabled,
	.FBNcpTodayText,
	.FBNcpTodayTextDisabled,
	.FBNcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.FBNcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 1 0;
			}
	.FBNcpCurrentMonthDate,
	.FBNcpOtherMonthDate,
	.FBNcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.FBNcpCurrentMonthDateDisabled,
	.FBNcpOtherMonthDateDisabled,
	.FBNcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.FBNcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.FBNcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.FBNcpOtherMonthDate
			{
			color:#808080;
			}
	TD.FBNcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.FBNcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.FBNcpTodayText,
	TD.FBNcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.FBNcpTodayText,
	SPAN.FBNcpTodayTextDisabled
			{
			height:20px;
			}
	A.FBNcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.FBNcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.FBNcpBorder
			{
			border:solid thin #6677DD;
			}

 .jqiwarning .jqi{
      /*background-color: #b0be96;*/
      background-color: #cccccc;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #000000;
      padding: 4px;
      width: 460px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      background-color: #cccccc;
      padding: 2px;
      color: #000000;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #efefef;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}