/*----------------------------------------------*/
BODY
{	font-family: Verdana, Arial;
	font-weight: normal;
	Font-Size:   Small;
	color:		 Black;
	background-color: #FEF;
}
/*----------------------------------------------*/
SELECT
{	font-family: Verdana;
	font-weight: normal;
	font-size:   11px;
	color:		  #000;
	background-color: #FFF;
}
/*----------------------------------------------*/
INPUT
{	font-family: Verdana;
	font-weight: normal;
	font-size:   11px;
	color:		 #000;
}
/*----------------------------------------------*/
TEXTAREA
{	font-family: Verdana;
	font-weight: normal;
	font-size:   11px;
	color:		  #000;
	background-color: #FFF;
}
/*----------------------------------------------*/
.custom_scrollbar {
	margin: 20px auto;
	max-height: 300px;
	overflow: scroll;
	padding: 0 -6px 0 0 0;
}
.custom_scrollbar::-webkit-scrollbar {
	width: 10px;
	height: 0px;
}
.custom_scrollbar::-webkit-scrollbar-track {
	background:transparent;
	-webkit-border-radius: 5px;
}
.custom_scrollbar::-webkit-scrollbar-thumb:vertical {
	background-color: rgba(0,0,0,.2);
	-webkit-border-radius: 2px;
}
.custom_scrollbar::-webkit-scrollbar-thumb:horizontal {
	display:none;
}
/*----------------------------------------------*/
A
{	FONT-WEIGHT: 	 bold;
	Font-Size: Small;
	COLOR:		 	 black;
	font-style:	 	 normal;
	text-decoration: none;
}

A:hover
{	FONT-WEIGHT: bold;
	COLOR: 		 #FF5357;
}
.Grid
{
	border: 2px black solid;
	border-collapse:collapse;
}
.GridHeader
{
	background-color: #4A004A;
	font-weight: bold;
	color:  White;
	Font-Size: Small;
}
.GridHeader A
{
	color: White;
	text-decoration:underline;	
}
.GridHeader A:Visited
{
	color: White;
	text-decoration:underline;
}
.GridFColumn
{
	background-color:#DEDEDE ;
	font-weight: bold;
	color: black;
	Font-Size: Small;
	border: 1px black solid;
}

.GridColumns
{
	background-color: White;
	color: black;
	padding: 2px 2px 2px 2px;
	border: 1px black solid;
	Font-Size: 10pt;
}
.FormButton
{
	font-size: Small;
	Font-weight: Bold;
	height:  30px;
	width:  200px;
}
TD
{
	border-style:  Hidden;
	padding: 2px 2px 2px 2px;
	max-width:50%;
}
TD.bottom
{
	vertical-align: bottom;
	border-bottom: 5px solid black;
	padding: 5px 0px 0px 5px;
}
.Values
{
	font-size: Small;
	color: #4A004A;
}

.Nav li { list-style:none; float:left; }
.Nav ul a {
  padding: 0px 10px;
  text-decoration:none!important;
  margin:1px;
  font:18px Verdana bold;
  color:#FFF;
  background: black;
}
.Nav ul a:hover {
  color:#FFF;
  background:#111;
  }
.Nav ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
}
.LinkArea 
{
	vertical-align: top;
	background: white;
	border-Right: 2px solid black;
}

h1,.h1
{
	color:black;
	font-size:16pt;
	text-decoration:underline;
	text-align:center;
}

h2,.h2
{
	color:black;
	font-size:12pt;
}
.Validator
{
	color:black;
	font-weight:bold;
	font-size:10pt;	
}
.HiddenLink
{
	visible:false;
}
.Due li { list-style:none; }
.Due ul a {
  padding: 0px 10px;
  text-decoration:none!important;
  margin-bottom:1px;
  font:18px Verdana bold;
  color:#FFF;
  background: black;
}
.Due ul a:hover {
  color:#FFF;
  background:#111;
  }
.Due ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
}

tr.completed td{
	text-decoration:line-through;
}

tr.selected td{
	background-color:yellow;
}

td.right,th.right{
	border-left: solid 1px #000;
	border-collapse: collapse;
}
td.left,th.left{
	border-right: solid 1px #000;
	border-collapse:collapse;
}
td.question{
	border-top:solid 1px #000;
	border-collapse:collapse;
	max-width:50%;
}

img:hover{

	background: linear-gradient(270deg, #0000ff, #ff0000, #0000ff, #ff0000, #0000ff, #ff0000);
	background-size: 1200% 1200%;
	
	-webkit-animation: AnimationName 1s ease infinite;
	animation: AnimationName 1s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.lbltd{
	text-align:right;
}

.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
}


.formborder {
    border-style: ridge;
    border-color: lightgrey;
    border-width: thick;
 }
 
.form-target {
    border: black double;
    border-bottom: none;
 }
 
.form-target-left {
    border-top: black double;
    border-left: black double;
 }
 
.form-target-right {
    border-right:black double;
    border-top: black double;
 }
 
.form-target-middle {
    border-top: black double;
 }
 
 input[type=checkbox] {
    width: 1.5vh;
}

 input, select{
    height: 2.5vh;
    font-size: 1.5vh;
}

form td{
	font-size:2vh;
}
/*----------------------------------------------*/