/*----------------------------------------------*/
BODY
{	font-family: Verdana, Arial;
	font-weight: normal;
	Font-Size:   Small;
	color:		 Black;
	background-color: #6dc0fd;
	/*background-image: linear-gradient(45deg, #f28cc4 25%, transparent 25%)
		,linear-gradient(-45deg, #f28cc4 25%, transparent 25%)
		,linear-gradient(45deg, #53c4ff00 75%, #f28cc4 75%)
		,linear-gradient(-45deg, #53c4ff 75%, #f28cc4 75%);
	background-size: 60px 60px;
	background-position: 0 0, 0 30px, 30px -30px, -30px 0px;
	  
	/*animation: barberpole 10s linear infinite;*/
}
@keyframes barberpole {
	100% {
	  background-position: 100% 100%;
	}
  }
/*----------------------------------------------*/
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;
	min-width: 20vw;
	min-height: 5vh;
}
/*----------------------------------------------*/
.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:50vw;
}
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%;
}

/*----------------------------------------------*/