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:px;
}
.arrowclass2 {
color:black;
font-size: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;
}
function CanIt(it)
{
// alert("in CanIt it="+it);
window.location.href='';
//window.close();
// window.history.go(it);
// window.opener.Freshen();
return false;
}