body {
font-size: 1vw ;
font-family: Alegreya, Cuprum, 'Trebuchet MS', arial, sans-serif;
background-color:whitesmoke;
}

h1 {font-size:3em;font-weight:500;}

fieldset {
padding:1vw;
border:0.1em solid rgb(121,121,121);
width:96%;
border-radius:0.5em;
margin:1em auto;
background-color:snow;

}

legend {
font-size:2.5vw;
padding:1vw;
font-family: 'Jim Nightshade', Cuprum;
border-radius:1vw;
box-shadow: 0 0.5vw 0.5vw rgba(0,0,0,0.4);
overflow:hidden;
/*text-align:center;
display:inline-block;*/
margin:0.6em;
background: #E3DFE3 url("data:image/gif;base64,R0lGODlhBQAfAMQAAOPf5OPf4+Xh5e7s7vf39/b29ubj5+vo6/Tz9Ozq7e/t7/f29/T09OTh5enm6fX09efl6PDv8fLx8uTg5Pj4+Ojl6ern6uXi5ufk5/Du8Ovp7O3r7fb19vHw8vPy8wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM0NThGMjI1RDUwMTFFMUFDQzg5NjYwRDlCQjA4QzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM0NThGMjM1RDUwMTFFMUFDQzg5NjYwRDlCQjA4QzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MzQ1OEYyMDVENTAxMUUxQUNDODk2NjBEOUJCMDhDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MzQ1OEYyMTVENTAxMUUxQUNDODk2NjBEOUJCMDhDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAFAB8AAAVQICWKRFkuKFqsK+e6TxwzNI3ct6frUt93QGBkOMwYjYpkcsBkbp7PhFSqqVYPWKxlu3V4vZVwGEImY85ng1p9abcFcHhjPp/Y7YB8PsDnhwAAOw==") repeat-x scroll center top;
}

legend a {
font-size:2.5vw;
padding:0 0.5em;
font-family:  'Jim Nightshade', Cuprum, helvetica;
}

fieldset#menu div {
width:10vw;
float:left;
margin:0 1vw 1vw 0;
border:0.3vw double gray;
border-radius:0.3vw;
padding:0.5vw;
}

fieldset#menu div:hover {
background-color: skyblue;
color:white;
}

fieldset#menu div a {
font-size: 1vw;
}

fieldset#menu div a:hover {
color:white;
}

div.linkblock {
font-family: Raleway, Cuprum;
min-width:20vw;
min-height:2.3vw;
border:0.1em solid black;
float:left;
padding:0.5rem;
margin:1em;
font-size:0.8vw;
border-radius:0.5em;
position:relative;
}

div.linkblock:hover {
background-color:lightskyblue;
}
select {min-height:1.8em;border-radius:0.3em;}

option {font-size:1.2vw;}

div.linkblock a {text-decoration: none; font-family: Cuprum, 'Trebuchet MS', arial, sans-serif; font-size: 1.3vw; font-weight: normal; color:black; position:absolute; top:0.5rem;}
div.linkblock a:hover {text-decoration: none; color:crimson; }

.boxlocal {background-color: ghostwhite; font: 1vw  Alegreya, Cuprum, 'Trebuchet MS', arial, sans-serif;border:1px solid black;}
.boxlive  {background-color: aliceblue; font: 1vw  Alegreya, Cuprum, 'Trebuchet MS', arial, sans-serif;border:1px solid black;padding:0.5rem;}

option.ex {opacity: 0.4;}
.fasthosts {background-color:plum; color:white;padding:0 0.5em;box-shadow:0 0.1em 0.2em rgba(0,0,0,0.4);border-radius:0.2em;}
.sage {background-color:dodgerblue; color:yellow;padding:0 0.5em;box-shadow:0 0.1em 0.2em rgba(0,0,0,0.4);border-radius:0.2em;}
.securetrading {background-color:gold; color:black;padding:0 0.5em;box-shadow:0 0.1em 0.2em rgba(0,0,0,0.4);border-radius:0.2em;}
option.linux{color:rgb(203,0,203);font-size:1vw;padding:0 0.5em;}
option.sixdegrees{color:rgb(255,255,255);background-color:rgb(201,20,20);padding:0 0.5em;box-shadow:0 0.1em 0.2em rgba(0,0,0,0.4);border-radius:0.1em;font-size:1vw;}
option.azure{color:whitesmoke;background-color:teal;padding:0 0.5em;box-shadow:0 0.1em 0.2em rgba(0,0,0,0.4);border-radius:0.1em;font-size:1vw;}
div.linkblock a.fasthosts {color:steelblue;}
div.linkblock a.fasthosts:hover {color:indigo;}
.ef16 {
font-family:Raleway, Cuprum, serif;
font-size: 1.5vw;
text-shadow: 0.1rem 0.1rem 0.2rem #aaa;
padding-left:0.3rem;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;  /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;

/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;

/* Support for Firefox.
-moz-osx-font-smoothing: grayscale;*/

/* Support for IE. */
font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }