.select-css {
    
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.1;
    padding: .6em 1.4em .5em .8em;
    
    max-width: 75%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .2em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .8em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .55em auto, 100%;
}
textarea {
    width: 80%;
    height: 100px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 5px;
    background-color: white;
    resize: none;  
}
input[type=text] {
    border: 2px solid gainsboro;
	border-radius: 3px;  
	padding: 5px 5px;
    margin: 5px 5px;
    box-sizing: border-box; 
    font-size: 12px;
}

html { border: 0; }

div.scroll {width:85%;
    height:199px;
    overflow:auto;
    border: 1px #cccccc solid;
    border-top:hidden; 
    
   }



   th {
background: white;
position: sticky;
top: 0;
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
}



div.spacer
{
    font-size: 0; 
    height: 12px;
    line-height: 0;
	width:1080px;
	background-color:#FFFFFF;
	margin-left: auto ;
    margin-right: auto ;
}

BODY
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	COLOR: black;
    TEXT-DECORATION: none;
    height: auto;
	width: auto;
	left: 8px;
	top: 0px;
	margin: 0px;
	padding: 0px;
    background-repeat:no-repeat;
    /* rgb(20, 73, 145) */
}
table.center {
    margin-left:auto; 
    margin-right:auto;
  }
Content
{
	width:900px;
	height:800px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px solid #cccccc; 
}
P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #003399;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
    
}
H1
{
    FONT-SIZE: 32pt;
    COLOR: #003399;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center
}
.nav
{
	BORDER-RIGHT: gray thin;
	BORDER-TOP: silver 1px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	BORDER-LEFT: gray thin;
	COLOR: #0066CC;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial;
	BACKGROUND-COLOR: transparent;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none
}
.nav a:link { color: rgb(20, 73, 145); text-decoration:none}
.nav a:visited { color:rgb(20, 73, 145); text-decoration:none}
.nav a:hover {
	color: gray;
	text-decoration:none;
}
.navwhite
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: silver 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BORDER-LEFT: gray thin;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none9pt
}
.NavHeader
{
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.NavHeader A
{
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.NavHeader A:link
{
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.NavHeader A:visited
{
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.NavHeader A:hover
{
    FONT-SIZE: 9pt;
    COLOR: #d0d0ff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: underline
}

.table_border 
{ border: 1px solid #CCCCCC; 
     
   
}

.tableheader
{
    BORDER-RIGHT: #f8f8f8 thin solid;
    BORDER-TOP: #f8f8f8 thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #f8f8f8 thin solid;
    COLOR: white;
    BORDER-BOTTOM: #f8f8f8 thin solid;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    BACKGROUND-COLOR: #004e91;
    TEXT-DECORATION: none
}
.tableheadersmall
{
    BORDER-RIGHT: #f8f8f8 thin solid;
    BORDER-TOP: #f8f8f8 thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #f8f8f8 thin solid;
    COLOR: white;
    BORDER-BOTTOM: #f8f8f8 thin solid;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    BACKGROUND-COLOR: #034783;
    TEXT-DECORATION: none
}
.tablehead_smblu
{
    BORDER-RIGHT: #f8f8f8 thin solid;
    BORDER-TOP: #f8f8f8 thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #f8f8f8 thin solid;
    COLOR: #E7E8D0;
    BORDER-BOTTOM: #f8f8f8 thin solid;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    BACKGROUND-COLOR: #1460AB;
    TEXT-DECORATION: none
}
.tableheadersmallgrey
{
    BORDER-RIGHT: #f8f8f8 thin solid;
    BORDER-TOP: #f8f8f8 thin solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #f8f8f8 thin solid;
    COLOR: black;
    BORDER-BOTTOM: #f8f8f8 thin solid;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-DECORATION: none
}
.tabledata
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: silver 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 9pt;
    BORDER-LEFT: gray thin;
    COLOR: rgb(20, 73, 145);
    BORDER-BOTTOM: silver 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tabledata_maroon
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: silver 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 9pt;
    BORDER-LEFT: gray thin;
    COLOR: maroon;
    BORDER-BOTTOM: silver 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tabledata_maroon_bgc
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: silver 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    BORDER-LEFT: gray thin;
    COLOR: maroon;
    BORDER-BOTTOM: silver 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #EDEDE4;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
	TEXT-ALIGN: left
}
.table_maroon_lf
{
    BORDER-RIGHT: #f8f8f8 thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #f8f8f8 thin solid;
    COLOR: maroon;
    BORDER-BOTTOM: #f8f8f8 thin solid;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    BACKGROUND-COLOR: #F2F3EB;
    TEXT-DECORATION: none
}
.WEXtable
{
    BORDER-RIGHT: silver 1px;
    BORDER-TOP: silver 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 9pt;
    BORDER-LEFT: gray 1px;
    COLOR: rgb(20, 73, 145);
    BORDER-BOTTOM: silver 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tabledatasmallHeader
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: silver 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    BORDER-LEFT: gray thin;
    COLOR: rgb(20, 73, 145);
    BORDER-BOTTOM: silver 1px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tabledatablack
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: silver 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 9pt;
    BORDER-LEFT: gray thin;
    COLOR: black;
    BORDER-BOTTOM: silver 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal
}
.tabledatasmall
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: gray 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: solid;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tabledatasmall_lrb
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px thin;
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    BORDER-LEFT: gray 1px ;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: solid;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tabledatasmall_rt
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: solid;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tabledatasmall_6
{
    BORDER-RIGHT: gray 1px ;
    BORDER-TOP: gray 1px;
    FONT-WEIGHT: 300;
    FONT-SIZE: 7pt;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: solid;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
	TEXT-ALIGN: center;
}
.tabledatalead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.datetime
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.datetime1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

.smallblue
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: black;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

.smallblue a:link { color: black; text-decoration:none;}
.smallblue a:visited { color: black; text-decoration:none;}
.smallblue a:hover {
	color: #999999;
	text-decoration:none;
}


.smallmaroon
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: maroon;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
	
}
.smallblue_rt
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.smallbluebd_rt
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: rgb(20, 73, 145)e;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.smallblue_cen
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.smallbluebd_cen
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.smallblack
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblack a:link { color: black; }
.smallblack a:visited { color: black; }
.smallblack a:hover {
	color: #999999;
	text-decoration:none;
}

.smallblack_10
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblack_10 a:link { color: black; text-decoration:none;}
.smallblack_10 a:visited { color: black; text-decoration:none;}
.smallblack_10 a:hover {
	color: #999999;
	text-decoration:none;
}
.smallblack_12
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblack_12 a:link { color: black; text-decoration:none;}
.smallblack_12 a:visited { color: black; text-decoration:none;}
.smallblack_12 a:hover {
	color: #999999;
	text-decoration:none;
}

.smallblack_7
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallred
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.smallred_lf
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblack_bodytxt
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: navy;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.vsmallblack
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.smallblack_cen
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.vsmallblackn
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    
    TEXT-DECORATION: none
}
.smallblack_8_bd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
	COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}

.smallblack_bd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
	BACKGROUND-COLOR: #F7F7F7; 
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.smallblack_bd_nbg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
	COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.smallblack_rt
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.smallblack_bd_lf
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
	BACKGROUND-COLOR: #F7F7F7; 
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblack_bd_lf_nbg
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: black;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}
.smallblue_bd_lf
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #F7F7F7; 
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblue_bd_lf_nbg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
	COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblue_bd_lf_beige
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #E6E7DA; 
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblue_bd_lf_nav
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #004E91; 
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallblue_bd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
	COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallmaroon_bd_lf
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #E7E7E7; 
    COLOR: maroon;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.smallmaroon_cen
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: maroon;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.smmaroon
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: maroon;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.medmaroon
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: maroon;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.medblue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.medmaroon_lf
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: maroon;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.largemaroon
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #990000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.largemaroon_lf
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #990000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.largeblue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.whitetop
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.whitetop_lf
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.whitetop_bd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.whitetop_bd_lf
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.NewHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial
}
.Hellodata
{
    FONT-WEIGHT: 300;
    FONT-SIZE: 10pt;
    COLOR: #990000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial
}
.footer
{
    BORDER-TOP: silver 1px solid;
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    COLOR: #990000;
    BORDER-BOTTOM: silver 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial
}
.wavetable
{
    FONT-SIZE: 9pt;
    BORDER-LEFT: gray thin;
    COLOR: rgb(20, 73, 145);
    BORDER-TOP-COLOR: #990000;
    BORDER-BOTTOM: silver 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    WHITE-SPACE: nowrap;
    TEXT-DECORATION: blink;
    BORDER-RIGHT-COLOR: #333333
}
.wavetableheader
{
    BORDER-RIGHT: #333333;
    BORDER-TOP: #990000 1px solid;
    FONT-WEIGHT: 900;
    FONT-SIZE: 10pt;
    BORDER-LEFT: gray thin;
    COLOR: black;
    BORDER-BOTTOM: silver 1px solid;
    FONT-FAMILY: Verdana, Arial;
    WHITE-SPACE: nowrap
}
.smallblueweather
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 5pt;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.collectionheader
{
    BACKGROUND-COLOR: lightgray;
    BORDER-RIGHT: #f8f8f8 thin solid;
    BORDER-TOP: #f8f8f8 thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #f8f8f8 thin solid;
    COLOR: white;
    BORDER-BOTTOM: #f8f8f8 thin solid;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    
}
.collectionheader2
{
    BACKGROUND-COLOR: lightgray;
    BORDER-RIGHT: #f8f8f8 thin solid;
    BORDER-TOP: #f8f8f8 thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #f8f8f8 thin solid;
    COLOR: white;
    BORDER-BOTTOM: #f8f8f8 thin solid;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    
}
.collectionheaderclear
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, Arial;
    BACKGROUND-COLOR: transparent
}
.collectiondata
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal
}
.collectiondata_bd
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: bold;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal
}
.collectiondatagrayback
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    FONT-VARIANT: normal
}
.collectiondatasmall
{
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal
}
.CollectionInput
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 9px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 21px;
    TEXT-ALIGN: right
}
.LoginText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: rgb(20, 73, 145);
    FONT-STYLE: normal;
    TEXT-DECORATION: none
}
.LoginText_sm
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: rgb(20, 73, 145);
	font-style:normal;
    FONT-FAMILY: Verdana, Arial
    TEXT-DECORATION: none
}
.calendartext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}.CountSheets {
	page-break-after: always;
}
.buttons {
	font-family: Verdana, Arial;
	FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: maroon;
    FONT-STYLE: normal;
    TEXT-ALIGN: center;
	line-height: normal;
	width: 45px;
	height: 22px;
}
.PageNum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
	cursor:pointer
}
.PageNumSelected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: navy;
}
.HelpBtn {
    font-family: Verdana, Arial;
	FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: maroon;
    FONT-STYLE: normal;
    TEXT-ALIGN: center;
	line-height: normal;
	width: 45px;
	height: 22px;
    cursor:help
}
.print_ort	{ 
    size:landscape
	}
	
/* ---------- newly added 1.3.2007 ---------- */
	
.chromestyle{
width: 100%;
font-weight: normal;
font:bold 12px Verdana;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
/*width: 100%;*/
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 7px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
background-color: #F0F0F0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 6px 7px;
margin: 0;
text-decoration: none;
border-right:; /* 1px solid #DADADA*/
}

.chromestyle ul li a:hover{
background: center center repeat-x #999; /*THEME CHANGE HERE*/
color: #fff;
z-index:5;
}



.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v"; */
content: " " url(../images/down.gif);
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
font:normal 12px Verdana;
line-height:25px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}



.dropmenudiv a{
width: auto;
display: block;
text-indent: 10px;
/*border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 5px 0;
text-decoration: none;
font-weight: normal;
color: black;
}



* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #E0E0E0 ;/*#F0F0F0*/
color:black;


}	

.menu_white
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:18px; 
 
 color:#FFFFFF;
 text-decoration: none;
 }
 #header-container {
	/*width: 100%;*/
	height: 120px;
	background-color: #0055A5;
}
 
#header {
	background-image: url(https://wexnet.watermillexpress.com/images/header.png);
	background-repeat: no-repeat;
	/*width: 100%;
	height: 145px;*/
	margin: auto;
}
 
#logo{
	float: left;
	padding-top: 1px;
	padding-left: 10px;
}
 #footer-container {
	/*width: 100%;*/
	height: 35px;
	background-color: #EFEFEF ;
    text-align: center;
    padding-top: 10px; 
    /*padding-left: 10px;*/
 
 
}
#footer {
    background-repeat: no-repeat; 
    color: rgb(16, 59, 119);
 
	/*width: 1024px;*/
	height: 20px;
    padding-top: 0px;
   
	background-position:center;
	margin:auto;*/
}
	/* 
 #header-container {
	width: 100%;
	height: 198px;
    background-color: #0071b2;
 overflow:hidden;
}
 
#header {
background-image: url(https://wexnet.watermillexpress.com/images/wme_banner3.jpg);
	background-repeat: no-repeat;
	width: 1024px;
	height: 204px;
    margin: auto;
 overflow:hidden;
}
 
#logo{
	float: left;
	padding-top: 15px;
	padding-left: 100px;
}
 */
#slogan {
	float: right;
	padding-right: 170px;
	padding-top: 35px;
}
 
img {
	border: none;
}

		.clear { /* generic container (i.e. div) for floating buttons */
     overflow: hidden;
     width: 100%;
 }

 a.button {
     background: transparent url('../../images/bg_button_a.gif') no-repeat scroll top right;
     color: #444;
     display: block;
     float: left;
     font: bold 12px arial, sans-serif;
     height: 24px;
     margin-right: 6px;
     padding-right: 18px; /* sliding doors padding */
     text-decoration: none;
 }

 a.button span {
     background: transparent url('../../images/bg_button_span.gif') no-repeat;
     display: block;
     line-height: 14px;
     padding: 5px 0 5px 18px;
 } 
 a.button:active {
     background-position: bottom right;
     color: #000;
     outline: none; /* hide dotted outline in Firefox */
 }

 a.button:active span {
     background-position: bottom left;
     padding: 6px 0 4px 18px; /* push text down 1px */
 }
.button_blue
{    
    color: White;
    text-align:center;  
    background-color:#0055A5 ;   /*#4b6c9e; #336699 */
    border-color: #4b6c9e;
    border-width:0px;
    height: 25pt;
    width:auto;
    cursor: pointer;	
	transition: all 0.3s ease-out;
 }
.button_blue:hover
{
    border-color: Black;
    background-color: #999; /*#334355;*/
    color: white;
    cursor: pointer;
     	
 }
 .button_blue_set_w
{    
    color: White;
    text-align:center;  
    background-color:#0055A5 ;   /*#4b6c9e; #336699 */
    border-color: #4b6c9e;
    border-width:0px;
    height: 30pt;
    width: 130pt;
transition: all 0.3s ease-out;
 }
.button_blue_set_w:hover
{
    border-color:Black;
    background-color: #999;  /*#334355;*/
    color: white;
    cursor:pointer;
 }

 .button_gray
 {    
     color: White;
     text-align:center;  
     background-color:rgb(161, 167, 173) ;   /*#4b6c9e; #336699 */
     border-color: #4b6c9e;
     border-width:0px;
     height: 25pt;
     width:auto;
     cursor: pointer;	
     transition: all 0.3s ease-out;
  }
 .button_gray:hover
 {
     border-color: Black;
     background-color: #999; /*#334355;*/
     color: white;
     cursor: pointer;

 .button_grey
{
    /*size: 6pt;*/
    text-align:center;  
    background-color: gray;  
    border-color: gray;
    border-width:1px;
    height: 12pt;
    width:auto;
    
}
.button_grey:hover
{
    border-color:Black;
    background-color:#334355;
    color: white;
    cursor:pointer;
    
 }
 .verticalLine {
    border-right: thin solid #CCCCCC ;
}
/*#ff0000*/

div.styled { 
    overflow:hidden; /* this hides the select's drop button */
    padding:0; 
    margin:0; 
    background: white url(formelements-select.png) no-repeat bottom right; 
    /* this is the new drop button, in image form */
    width:18em; border-radius:3px; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
    border: solid 1px #ccc; 
}
div.styled select { 
    width:115% /* this percentage effectively extends the drop down button out of view */; 
    background-color:transparent /* this hides the select's background making any styling visible from the div */; 
    background-image:none; 
    -webkit-appearance: none /* this is required for Webkit browsers */; 
    border:none; 
    box-shadow:none; 
    padding:0.3em 0.5em; /* padding should be added to the select, not the div */
	width: 215px;
	
}
.maintxt {
	font-size: 10px;
	color: #333;
}

#blanket {
 background-color:#111;
 opacity: 0.65;
 filter:alpha(opacity=65);
 position:absolute;
 z-index: 9001;
 top:0px;
 left:0px;
 width:100%;
 }
#popUpDiv {
    position: absolute;
    background-color: #eeeeee;
    width: 300px;
    height: 300px;
    z-index: 9002;
}

.select-style {
     background-position: 97% center; 
     background-repeat: no-repeat; 
     border: 1px solid #aaa; 
     color: #383737; 
     font-size: 12px; 
     margin: 20px; 
     overflow: hidden; 
     padding: 5px 8px; 
     text-overflow: ellipsis; 
     white-space: nowrap; 
     /*width: 155px; */
}

.select-style select {
    /*padding: 5px 10px;*/
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

input[type=text], select {
    width: auto;
    padding: 5px 4px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 12px;
}

.thumbnail-wrapper{
    width:150px;
    height:150px;
    overflow: hidden;
    position: relative;
}
.thumbnail-wrapper img{
    object-fit: contain;
    width: unset;
    height: unset;
    width: 100%;
    height: 100%;
}
_:-ms-lang(x), .thumbnail-wrapper{
    height:auto;
    min-height: 150px;
    max-height: 300px;
}
_:-ms-lang(x), .thumbnail-wrapper img { 
    height: auto;
    position: relative;
}