body, td {
		font-family: Arial, Helvetica, sans-serif;
//		font-size: 12px;
		color: darkslateblue;
	}
	th {
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
//		font: 9pt Tahoma;
	}
	ulx {
		list-style-type: "→ ";
	}

	li {
		list-style-type: "→";
//		color: red;
	}

	.title{
		font-family: Arial, Helvetica, sans-serif;
		font: 20pt Tahoma;
	}
	.tdbig{
		font-family: Arial, Helvetica, sans-serif;
		font: 14pt Tahoma;
	}
	.tdmedium{
		font-family: Arial, Helvetica, sans-serif;
		font: 10pt Tahoma;
	}
	.tdsmall{
		font-family: Arial, Helvetica, sans-serif;
		font: 7pt Tahoma;
	}

	.tdQuestion{
		font-family: Arial, Helvetica, sans-serif;
//		font: 9pt Tahoma;
	}

	.fixed_header {
        width: 400px;
        table-layout: fixed;
        border-collapse: collapse;
	}
	.fixed_header tbody {
        display: block;
        width: 100%;
        overflow: auto;
        height: 100px;
	}
	.fixed_header thead tr {
        display: block;
	}
	.fixed_header thead {
        background: black;
        color: #fff;
	}
	.fixed_header th,
	.fixed_header td {
        padding: 5px;
        text-align: left;
        width: 200px;
	}
	
	.tdstriped{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/stripe.gif');
		background-position:top;
		background-repeat:repeat-x;
		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}

	.tdstripedV{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/stripeV.gif');
		background-position:top;
		background-repeat:repeat-x;
		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}

	.tdorangeV{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/orangeV.png');
		background-position:top;
		background-repeat:repeat-y;
		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}

	.tdorangegradientV{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/orangegradient.png');
		background-position:top;
		background-repeat:repeat-x;
		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}


	.tdGreenDarkV{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/GreenSpiral.png');
		background-position:top;
		background-repeat:repeat-y;
		background-color:#C0DDE0;
		color:yellow; 
//		font: 9pt Tahoma;
	}


	.tdblueV{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/blueV.gif');
		background-position:center center;
		background-repeat:repeat-x;
		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}

	.tdblackV{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
//		border: solid 1px #7EACB1;
//		border: solid 1px grey;
		background-image: url('../images/blackwhiteV2.png');
		background-position:center center;
		background-repeat:repeat-x;
//		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}

	.tdblackH{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
//		border: solid 1px #7EACB1;
		border: solid 2px grey;
		background-image: url('../images/blackwhiteH2.png');
		background-position:center center;
		background-repeat:repeat-y;
//		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}

	.tdblueVb{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/blueVb.gif');
		background-position:center center;
		background-repeat:repeat-x;
		background-color:#C0DDE0;
//		font: 9pt Tahoma;
	}

	.tdblueH{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluegradient.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdblueV2{
//		white-space:nowrap;
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluegradientV.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdblue2V{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluegreenV.png');
		background-position:center center;
		background-repeat:repeat-x;
		background-color:#04B4AE;
//		font: 9pt Tahoma;
	}
		
	.tdtanV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/tangradientV.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreenV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greengradient.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdgreenH{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greengradientV.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdbluegreenV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluegreengradient.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdbluegreen2V{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluegreen2.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdyelloworangeV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/yelloworange.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdtanH{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/tangradientH.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreyV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greygradientH.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreenyellowV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greenyellowV.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgbwyS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/gbwy.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdbluewhiteS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluewhite.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdvioletS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/violet.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreenvioletS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greenviolet.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreyS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greysun.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdpinkgreenS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/pinkgreenS.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdsunspotS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/sunspotS.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreenpinkS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greenpinkS.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreyD{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greydiag.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdredV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/redgradient.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdpurpleV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/purplegradient.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdsunspotV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/sunspotV.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdcrimsonV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/crimsongradient.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}
		
	.tdbrownV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/browngradient.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdtanS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/tansun.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdtanD{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/tandiag.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdblueS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluesun.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdblueD{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluediag.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgreenS{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/greensun.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdtanblueS{
		padding: 4px 6px 5px 6px;
//		border: solid 1px #7EACB1;
		background-image: url('../images/tanbluesun.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdbluetanV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluetan.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdyellowV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/yellow2.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdgoldV{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
//		border-radius: 10px;
		background-image: url('../images/gold.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.tdbluegradient2V{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluegradient2.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.tdbluegradient3V{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/bluegradient3.png');
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}
	.tdwhite{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-color: white;
		background-position:center center;
		background-repeat:repeat-x;
//		font: 9pt Tahoma;
	}

	.ProManLight{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/ProManLight.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}
	
	.ProManDark{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/ProManDark.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.ProManDarkblue{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/ProManDarkblue.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.ProManLightpeach{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/ProManLightpeach.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}

	.ProManDarkpeach{
		padding: 4px 6px 5px 6px;
		border: solid 1px #7EACB1;
		background-image: url('../images/ProManDarkpeach.png');
		background-position:center center;
		background-repeat:repeat;
//		font: 9pt Tahoma;
	}
	
	.seered {
		color: red;
	}
	.radio100 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.button {
		height: 20px;
		width:100px;
		font-size: 11px;
	}
	.button100 {
		height: 20px;
		width:62px;
		font-size: 11px;
	}
	.button150 {
		height: 20px;
		width:82px;
		font-size: 11px;
	}
	.button0 {
		height: 20px;
		width:30px;
		font-size: 11px;
	}
	.button1 {
		height: 20px;
		width:60px;
		font-size: 11px;
	}
	.button2 {
		height: 20px;
		width:90px;
		font-size: 11px;
	}
	.button3 {
		height: 20px;
		width:120px;
		font-size: 11px;
	}
	.button4 {
		height: 20px;
		width:150px;
		font-size: 11px;
	}
	.button5 {
		height: 20px;
		width:180px;
		font-size: 11px;
	}
	.button6 {
		height: 20px;
		width:210px;
		font-size: 11px;
	}
	.button7 {
		height: 20px;
		width:240px;
		font-size: 11px;
	}
	.button8 {
		height: 20px;
		width:270px;
		font-size: 11px;
	}
	.button9 {
		height: 20px;
		width:300px;
		font-size: 11px;
	}
	.button10 {
		height: 18px;
		width: 35px;
		font-size: 9px;
	}
	.buttonQ {
		height: 30px;
		outline: none;
		font-size: 16px; !important;
	}
	.buttonBIG0 {
		margin: 5px;
//		height: 35px;
		outline: none;
//		outline: dotted;
		border-color: maroon;
		padding-right: 10px; 
		padding-left: 10px;
//		background-color: #FFFFB0; 
		background-color: #FFFFCF; 
		border-radius: 10px;
		font-size: 25px; !important;
	}
	.buttonBIG4 {
		margin: 5px;
//		height: 35px;
		outline: none;
//		outline: dotted;
		border-color: purple;
		padding-right: 10px; 
		padding-left: 10px;
//		background-color: #FFFF8F; 
		background-color: #FFEFFF; 
		border-radius: 10px;
		font-size: 25px; !important;
	}
	.buttonBIG3 {
		margin: 5px;
//		height: 35px;
		outline: none;
//		outline: dotted;
		border-color: darkgreen;
		padding-right: 10px; 
		padding-left: 10px;
//		background-color: #FFFF58; 
		background-color: #EFFFFF; 
		border-radius: 10px;
		font-size: 25px; !important;
	}
	.buttonBIG2 {
		margin: 5px;
//		height: 35px;
		outline: none;
//		outline: dotted;
		border-color: grey;
		padding-right: 10px; 
		padding-left: 10px;
//		background-color: #FFFF58; 
//		background-color: #FFFFEF; 
		background-color: #EEEEEE; 
		border-radius: 10px;
		font-size: 25px; !important;
	}
	.buttonBIG1 {
		margin: 5px;
//		height: 35px;
		outline: none;
//		outline: dotted;
		border-color: purple;
		padding-right: 10px; 
		padding-left: 10px;
//		background-color: #FFFF58; 
		background-color: #FFFFFF; 
		color: maroon;
		border-radius: 10px;
		font-size: 25px; !important;
	}

	.highlight {
		padding-right: 10px; 
		padding-left: 10px; 
		border-radius: 10px; 
		background-color: #FDFD96;
	}
	.highlightB {
		padding-right: 10px; 
		padding-left: 10px; 
		outline: solid;
		outline-width: thin;
		outline-color: purple;
		border-radius: 10px; 
		background-color: #FDFD96;
	}

	.highlightG {
		padding-right: 10px; 
		padding-left: 10px; 
		border-radius: 10px; 
		background-color: #DFFFEF;
	}

    .blink {
        animation: blinker 3s infinite;
        animation-timing-function: ease-in-out;
		font-size: 40px;
		font-style: italic;
    }
      
    @keyframes blinker {
        from { opacity: 1.0; }
        50% { opacity: 0.5; }
        to { opacity: 1.0; }
		from { color: blue; }
		to { color: #DDFFFF; }
    }

	.key {
		color:#E35335; 
		font-size: 25px;
		font-style: italic;
	}

	.arrowclass {
		color:red; 
		font-size:<?=$_SESSION['PM_B_Tsiz']?>px;
	}
	.arrowclass2 {
		color:black; 
		font-size:<?=$_SESSION['PM_B_Tsiz']?>px;
	}
	.FormStyle {
		width: 450px;
		margin:2px;
		border-style: solid;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		color:#666;
	}

.LeftPaneStyle
{
    BORDER-RIGHT: #999 1px solid;
    BORDER-LEFT: #999 1px solid;
    WIDTH: 125px;
    BORDER-BOTTOM: #999 1px solid;
    BACKGROUND-COLOR: #f1f1f1
}

.MastHead
{
	background-image:url('../images/masthead.jpg');
	background-repeat:no-repeat;
	color:white;
}

.ButtonsBack
{
	background-image:url('../images/buttonsback.jpg');
	background-repeat:no-repeat;
	color:white;
}

.roundback
{
//	background-color: #EFEFEF;
	background-color: #ffff99;
	border:2px solid brown;
	border-radius: 20px;
	padding: 5px 10px 5px 10px;
}

.bigselect
{
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  color: brown;
  border-radius:8px;
  border:1px solid #AAAAAA;
}
.blueoption
{
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  color: blue;
}

.bubble {
  --r: 25px; /* the radius */
  --t: 30px; /* the size of the tail */
  
  max-width: 300px;
  padding: calc(2*var(--r)/3);
  -webkit-mask: 
    radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) 
      var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
    conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) 
      calc(var(--r)/-2) calc(var(--r)/-2) padding-box, 
    radial-gradient(50% 50%,#000 98%,#0000 101%) 
      0 0/var(--r) var(--r) space padding-box;
  background: linear-gradient(135deg,#FE6D00,#1384C5) border-box;
  color: #fff;
}
.left {
  --_d: 0%;
  border-left: var(--t) solid #0000;
  margin-right: var(--t);
  place-self: start;
}
.right {
  --_d: 100%;
  border-right: var(--t) solid #0000;
  margin-left: var(--t);
  place-self: end;
}

.CucumberGrad 
{
	background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
}

.TextGrad 
{
  font-size: 36px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.TwoColumn
{
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

   -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px;
}

/* process Title as data-title with customized format*/

      [data-title]:hover:after {
        opacity: 1;
        transition: all 0.1s ease 0.5s;
        visibility: visible;
      }
      [data-title]:after {
        font-size: 18px;
        content: attr(data-title);
//display: inline;
width: 240px;
//height: 150px;
        position: absolute;
        bottom: -1.6em;
        left: 100%;
        padding: 4px 4px 4px 8px;
        color: #666;
        white-space: pre-wrap;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 0px 4px #666;
        -webkit-box-shadow: 0px 0px 4px #666;
        box-shadow: 0px 0px 4px #666;
        background-image: -moz-linear-gradient(top, #f0eded, #bfbdbd);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0eded), color-stop(1, #bfbdbd));
        background-image: -webkit-linear-gradient(top, #f0eded, #bfbdbd);
        background-image: -moz-linear-gradient(top, #f0eded, #bfbdbd);
        background-image: -ms-linear-gradient(top, #f0eded, #bfbdbd);
        background-image: -o-linear-gradient(top, #f0eded, #bfbdbd);
        opacity: 0;
        z-index: 99999;
        visibility: hidden;
      }
      [data-title] {
        position: relative;
      }