A:link {
	color : #507685;
    	font-size: 11px;
}

A:visited {
	color : gray;
}

A:hover {
	color : #9FBBC5;
}

A.menu:link {
   font-size: 11px;
   color : White;
   text-decoration : none;
}

A.menu:visited {
	color : White;
	text-decoration : none;
}

A.menu:hover {
	color : #9FBBC5;
	text-decoration: underline
}

FONT.faq {
	font-weight: bold;
	color : #507685;
}

TD {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	   font-size: 11px;
}

TD.error, div.error {
	color : Red;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

TD.title{
	color : Black;
   font-size: 16px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

TD.mandatory {
	color : #ff8000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

TD.tdSearchEven {
	background-color : white;
	 font-size: 10px;
}

TD.tdSearchOdd {
	background-color : silver;
	 font-size: 10px;
}

TD.mini {
   font-size: 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : right;
}

TD.copyright {
   font-size: 10px;
 	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  	text-align : left;
}

.vrSearchHeader
{
	background : #507685;
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: normal;
}

TABLE.menu
{
	background-color : #f4f4f4;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9pt;
}


H1.title {
	margin-bottom : 0;
	margin-top : 0;
	margin-left : 0;
	margin-right : 0;
	margin : 0 0 0 0;
	color : Black;
	background : transparent;
   	font-size: 16px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

H3 {
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight : bold;
}

H4 {
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

H5 {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6pt;
}

BODY
{
	margin: 0;
	padding: 0;
	background-color : #9FBBC5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9pt;
}


BODY.create
{
	background-color : #f4f4f4;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9pt;
}


.vrTableHeader
{
	background : #507685;
	color : White;;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.clsTableControl {
	width : auto;
    font-size: 10px;
}

.clsOddTableRow {
	background-color : Silver;
	font-size: 10px;
}

.clsEvenTableRow {
	background-color : White;
    font-size: 10px;
}

div.container {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 85%;
	text-align: left;
	color: #2C2C28;
}

div.mainContent {
	float: left;
	width: 662px;
	min-height: 430px;
	height: auto !important;
	height: 730px;
	background-color: white;
	padding: 0;
	text-align: left;
}

div.topHeader {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	color: #222222;
}

div.middleSection {
	text-align: center;
	width: 750px;
	padding: 0;
	background-color: #507685;
}

div.sideBar {
	float: left;
	width: 88px;
	background-color: #507685;
	padding: 0;
}

div.mainFooter {
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
}

div.infoBox {
	background-color: #ffffff;
	border: 2px dotted #9FBBC5;
	max-width: 600px;
	padding: 5px;
	word-wrap: break-word;
}

#toolbar {
	margin: 0;
	padding: 0;
	width: 262px;
	background: buttonface;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	text-align:right;
}

.button 	{
	background: buttonface;
	border: 1px solid buttonface;
	margin: 1;
}

.raised		{
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	background: buttonface;
	margin: 1;
}

.pressed	{
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	background: buttonface;
	margin: 1;
}

.clsYellowTableRow {
	background-color : yellow;
	font-size: 10px;
}

/* The Modal (background) */
.modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

[modal-hidden].modal {
	display: none;
}

[modal-displayed].modal {
	display: block;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 2px solid #888;
  border-radius: 6px;
  width: 300px; /* Could be more or less, depending on screen size */
}

.modal-content div {
	margin-bottom: 10px;
}

/* The Close Button */
.modal-close {
  color: #aaa;
  float: right;
  font-size: 14px;
  font-weight: bold;
  margin-top: -10px;
}

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.data-table td {
	padding: 2px;
}

.warning {
	color : OrangeRed;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    align: center;
    padding: 5px;
    margin: 15px;
    border: solid;
    border-width: 2px;
}