/* General Body */
.thebody {
	background-color: #ffffff;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #000000;
}
.thesmbody {
	background-color: #dddddd;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	color: #000000;
	border-bottom: 1px solid #999999;
}
.thembody {
	background-color: #ffffff;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	color: #000000;
}
.thespbody {
	background-color: #d1d1d1;
	margin: 0px;
	border: none; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.photoif {
	background-color: #d1d1d1;
	width: 100%;
	height: 600px;
}
.tdif {
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
	padding: 3px;
	vertical-align: top;
	text-align: left;
	background-color: #e5e5e5;
	color: #000000;
}
.textif {
	background-color: #d1d1d1;
	width: 300px;
	height: 150px;
}
.midcpage {
	padding: 20% 0% 0% 0%;
	text-align: center;
	display: block;


}
.wrappage {
	clear: both;
	width: auto;
}
.headpage {
	clear: both;
	width: inherit;
}
.listpage {
	clear: both;
	width: inherit;
}
.bspage {
	clear: both;
}
.sbspage {
	float: left;
	margin: 15px;
}
.sbsxpage {
	float: left;
	margin: 0px;
}
.sbsrpage {
	float: right;
	margin: 15px;
}
.formpage {
	clear: both;
	width: inherit;
}
.bhead {
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #999999;
}
.shead {
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
}
.stxtthin {
	font-size: 11px;
}
.textdesc {
	font-size: 11px;
	/* TOP RIGTH BOTTOM LEFT */
	padding: 3px 20px 3px 3px;
	vertical-align: top;
	text-align: left;
	color: #000000;
}
.headcol {
	background-color: #c9cee7;
	border: 1px solid #999999;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.headcolwk {
	background-color: #7482C0;
	border: 1px solid #999999;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.headcolh {
	background-color: #5675BE;
	border: 1px solid #999999;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}
.headcolver {
	background-color: #C9CEE7;
	border: 1px solid #999999;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	writing-mode: tb-rl;
	vertical-align: top;
	text-align: right;
}
.rx {
	background-color: #ffffff;
	color: #000000;
}
.ry {
	background-color: #e6e6e6;
	color: #000000;
}
.ra {
	background-color: #ffcc66;
	color: #000000;
}

.dix {
	background-color: #0099ff;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 2px;
	vertical-align: top;
	text-align: right;
	cursor: pointer;
}
.diy {
	background-color: #0033ff;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 2px;
	vertical-align: top;
	text-align: right;
	cursor: pointer;		
}
.dipx {
	background-color: #ff9900;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 2px;
	vertical-align: top;
	text-align: right;
	cursor: pointer;		
}
.dipy {
	background-color: #ff3300;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 2px;
	vertical-align: top;
	text-align: right;
	cursor: pointer;		
}
.dipo {
	style: inherit;
	color: #000000;	
}
.tableh {
	font-size: 10px;
	padding: 2px;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
}
.tablee {
	font-size: 10px;
	padding: 2px;
	border-collapse: collapse;
	empty-cells: show;
}
.blt {
	border: 1px solid #999999;
	padding: 2px;
	vertical-align: top;
	text-align: left;
}
.bltwd {
	border: 1px solid #999999;
	/* TOP RIGTH BOTTOM LEFT */
	padding: 2px 0px 2px 1px;
	vertical-align: top;
	text-align: left;
}
.bltwk {
	border: 1px solid #999999;
	/* TOP RIGTH BOTTOM LEFT */
	padding: 2px 0px 2px 1px;
	vertical-align: top;
	text-align: left;
	background-color: #cccccc;
}
.brt {
	border: 1px solid #999999;
	padding: 2px;
	vertical-align: top;
	text-align: right;
}
.brm {
	border: 1px solid #999999;
	padding: 2px;
	vertical-align: middle;
	text-align: right;
}
.topright {
	vertical-align: top;
	text-align: right;
}
.topleft {
	vertical-align: top;
	text-align: left;
}
.topcentre {
	vertical-align: top;
	text-align: center;
}
.divlitemz {
	height: 15px;
	font-size: 10px;
	font-weight: Normal;
	clear: both;
	border-top: 1px dotted #999999;
	vertical-align: top;
	text-align: right;
}
.divlitemhz {
	height: 15px;
	font-size: 10px;
	font-weight: bold;
	clear: both;
	border-top: 1px dotted #999999;
	vertical-align: top;
	text-align: right;
}
.divlitemez {
	height: 15px;
	font-size: 10px;
	font-weight: Normal;
	clear: both;
	vertical-align: top;
	text-align: right;
}
/* Button A HREF */
.buttl {
	background-color: #72758D;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding: 1px 3px;
	line-height: 16px;
}
.buttf {
	background-color: #72758D;
	cursor: pointer;
	font-size: 10px;
	border: 1px solid #000000;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 6px 1px 6px;
	line-height: 20px;
}

.buttf:hover {
  background-color: #A8A9B8;
}

.textf {
	font-size: 11px;
	border: 1px solid #666666;
	font-weight: bold;
	padding: 2px 0px 1px 2px;
}
.xlight {
	font-size: 11px;
	border: 1px solid #666666;
	font-weight: bold;
	padding: 2px 0px 1px 2px;
	background-color: #ffcc00;
}
.atextf {
	font-size: 11px;
	border: 1px solid #666666;
	font-weight: bold;
	padding: 2px 0px 1px 2px;
	background-color: #ffcc66;
}
.xdisp {
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	font-style: normal;
	padding: 2px 1px 1px 2px;
	margin; 0px:
	border: 1px solid #666666;

	width: 20px;
	text-align: right;

}
.xdispArrow {
	vertical-align: top;
	padding: 5px 2px 1px 2px;
	cursor: pointer;
}
.pricef {
	font-size: 9px;
	border: 1px solid #666666;
	font-weight: bold;
	padding: 2px 2px 1px 0px;
	width: 40px;
	text-align: right;
}
.apricef {
	font-size: 9px;
	border: 1px solid #666666;
	background-color: #ffcc66;
	font-weight: bold;
	padding: 2px 2px 1px 0px;
	width: 40px;
	text-align: right;
}
.priceff {
	font-size: 9px;
	border: 1px solid #666666;
	font-weight: bold;
	padding: 2px 2px 1px 0px;
	text-align: right;

}
.apriceff {
	font-size: 9px;
	border: 1px solid #666666;
	background-color: #ffcc66;
	font-weight: bold;
	padding: 2px 2px 1px 0px;
	text-align: right;
}
.self {
	font-size: 11px;
	border: 1px solid #666666;
	font-weight: bold;
	padding: 2px 0px 1px 2px;
}
.aself {
	font-size: 9px;
	border: 1px solid #666666;
	background-color: #ffcc66;
	font-weight: bold;
	padding: 2px 0px 1px 2px;
}
.chkf {
	padding: 9px 2px 2px 2px;
}
.achkf {
	padding: 9px 2px 2px 2px;
	background-color: #ffcc66;
}
/* The cells in Forms */
.tdinplt {
	border: 1px solid #999999;
	padding: 3px;
	vertical-align: middle;
	text-align: left;
	background-color: #e5e5e5;
	color: #000000;
}
.tdinprt {		
	border: 1px solid #999999;
	padding: 3px;
	vertical-align: top;
	text-align: right;
	background-color: #e5e5e5;
	color: #000000;
}
.tdinplb {
	border: 1px solid #999999;
	padding: 3px;
	vertical-align: bottom;
	text-align: left;
	background-color: #e5e5e5;
	color: #000000;
}
.tdtxtlm {
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #999999;
	padding: 3px;
	vertical-align: middle;
	text-align: left;
	background-color: #d1d1d1;
	color: #000000;
}
.tdtxtrm {
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #999999;
	padding: 3px;
	vertical-align: middle;
	text-align: right;
	background-color: #d1d1d1;
	color: #000000;
}
.tdtxtrt {
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #999999;
	padding: 3px;
	vertical-align: top;
	text-align: right;
	background-color: #d1d1d1;
	color: #000000;
}
/* Alerts messages */
.alertbox {
	font-size: 11px;
	font-weight: bold;
	background-color: #e0e0e0;
	width: 100%;
	border: 1px solid #999999;
	padding: 5px;
}
.alertgood {
	color: #003300;
	width: 100%;
	float: left;
}
.alertbad {
	color: #ff0000;
	width: 100%;
	float: left;
}
.alertinfo {
	color: #006699;
	width: 100%;
	float: left;
}
.headcol2 {
	border: 1px solid #000000;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color: #A0A0A0;

}
.xspace {
	height: 4px;
	padding: 0px;

}

/* Menu */
.tablemenu {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	padding: 1px;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
	width: 100%;
}
.menutop {
	font-size: 9px;
	font-weight: bold;
	color: #336666;
	background-color: #dddddd;
	border-bottom: 1px solid #999999;
	padding: 0px;
	height: 22px;
}
.mlk {
	vertical-align: top;
	border-bottom: 1px dotted #999999;
	padding: 5px 2px 1px 2px;
}
.mlko {
	background-color: #72758D;
	color: #ffffff;
	vertical-align: top;
	border-bottom: 1px dotted #999999;
	padding: 5px 2px 1px 2px;
	cursor: pointer;
}
.mlkf {
	background-color: #5B5E71;
	color: #ffffff;
	vertical-align: top;
	border-bottom: 1px dotted #999999;
	padding: 5px 2px 1px 2px;
	cursor: pointer;
}

/* Menu Sub */
.tablesubmenu {
	font-size: 9px;
	background-color: #dddddd;
	font-weight: bold;
	color: #000000;
	border-collapse: separate;
	empty-cells: show;
}
.smlk {
	vertical-align: top;
	padding: 3px 25px 3px 25px;
	text-align: center;
}
.smlko {
	background-color: #72758D;
	color: #ffffff;
	cursor: pointer;
	vertical-align: top;
	padding: 3px 25px 3px 25px;
	text-align: center;
}
.smlkf {
	background-color: #5B5E71;
	color: #ffffff;
	cursor: pointer;
	vertical-align: top;
	padding: 3px 25px 3px 25px;
	text-align: center;
}

/* IMAGE BORDER */
.ximg {
	border: none; 
}
.picturelink {
	border: 1px solid #000000;
}
.divlmain {
	border: 1px solid #999999;
	padding: 0px;
	vertical-align: top;
	background-color: #d1d1d1;
}
.divlitem {
	border-bottom: 1px solid #999999;
	padding: 3px;
	vertical-align: top;
	background-color: #e5e5e5;
	color: #000000;
}
.divins {
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	color: #000000;
}

/* SPECIAL MINI */
.headmcol {
	background-color: #c9cee7;
	border: 1px solid #999999;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.headmcolwk {
	background-color: #7482C0;
	border: 1px solid #999999;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.headmcolh {
	background-color: #5675BE;
	border: 1px solid #999999;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}

.divspx {
	font-size: 10px;
	font-weight: bold;
		/* TOP RIGTH BOTTOM LEFT */
	padding: 3px 0px 1px 1px;
	vertical-align: top;
	text-align: left;
	color: #000000;
}
.raddan {
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	clear: both;
	float:right;
	/* TOP RIGTH BOTTOM LEFT */
	padding: 0px 0px 10px 10px;
}
.raddan li a:hover {
	border-bottom: #031378 1px dotted;
}
.raddan li a, .raddan li a:link, .raddan li a:visited {
	color: #031378;
}
.raddan ul {
	display: table;
	list-style-type: none;
	/* TOP RIGTH BOTTOM LEFT */
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.raddan li {
	display: table-cell;
	float: left;
	list-style-type: none;
	/* TOP RIGTH BOTTOM LEFT */
	padding: 0px 5px 1px 0px;
}
.raddan li a, li a:link, .raddan li a:visited {
	text-decoration: none; 
}
.raddan li a:active {
	color: #cc0000; 
	text-decoration: none; 
}

/* Dropdown Button */
.dropbtn {
  background-color: #72758D;
	cursor: pointer;
	font-size: 10px;
	border: 1px solid #000000;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 6px 1px 6px;
	line-height: 20px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #A8A9B8;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}