a:link { color: blue; text-decoration: none }
a:active { color: Green; text-decoration: none }
a:visited { color: blue; text-decoration: none }
a:hover { color: red; text-decoration: underline }

TR.ThinLine {
	border-width: 1pt 1pt 1pt 1pt;
	border : black;
	border-left : black;
	padding: 1pt,1pt,1pt,1pt;
}
BODY {
    BACKGROUND-COLOR: #FAFAED;
}

BODY.MyBody {
    BACKGROUND-COLOR: #BBE2FF;
}
TH.TopHeader {
	font-size:150%;
}
TABLE.TableBorder 	{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	}
.TableBorder td, .TableBorder th 	{
	margin: 0;
	padding: 2px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	}
.TableBorder th 	{
	background-color:#FFF2C0 ;
	font-size: smaller;
	}
.TableBorder tr:hover {
	BACKGROUND-COLOR: #D7DD64; 
}
TR.Summary 	{
	background-color:#FDA39D ;
	font-size: large;
	font-weight: bold
	}	
INPUT.SmallText {
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small
}
TEXTAREA.SmallText {
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    LETTER-SPACING: normal;
    FONT-VARIANT: normal;
}
TD.TableHeader {
    FONT-WEIGHT:bolder;
    BACKGROUND-COLOR:#3399ff;
    TEXT-ALIGN:left;
}
TD.Money {
	text-align:right;
	background-color:#D7FFD2
}
TD.AR {
	text-align:right;
}
TD.AC {
	text-align:center;
}
TD.Warning {
	BACKGROUND-COLOR: #FFFF80;
}
TD.Error {
	BACKGROUND-COLOR: #FF6347;
}
TD.VAT {
	vertical-align: text-top;
}
TR.VAT {
	vertical-align: text-top;
}
TR.TableRowHeader {
	BACKGROUND-COLOR: #3399ff;
}
TR.AltRow {
    BACKGROUND-COLOR: #ffff66;
}
Input.MoneyInput {
	TEXT-ALIGN:right;
	background-color:#D7FFD2;
}
INPUT.Numeric {
    TEXT-ALIGN: right;
}
.clsButton {
    background-color: #18409D; /* Green #85B240 */
    border: 1px;
    color: white;
    padding: 5px 10px 5px 10px;
    margin:5px ;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 12px;
    font-size: large;
}
.clsButton:hover {
	background-color: black ;
	color: white ;
}

.clsReceipt {
    background-color: green; /* Green #85B240 */
    border: 1px;
    color: white;
    padding: 5px 10px 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 12px;
    font-size: large;
}
.clsReceipt:hover {
	background-color: black ;
	color: white ;
}



.no-spinners {
  -moz-appearance:textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
		.myButtonFees {
			background-color:#44c767;
			-moz-border-radius:28px;
			-webkit-border-radius:28px;
			border-radius:28px;
			border:1px solid #18ab29;
			display:inline-block;
			cursor:pointer;
			color:#ffffff;
			font-family:Arial;
			font-size:27px;
			padding:16px 31px;
			text-decoration:none;
			text-shadow:0px 1px 0px #2f6627;
		}
		.myButtonFees:hover {
			background-color:#0000FF;
		}
		.myButtonFees:active {
			position:relative;
			top:1px;
		}
		.myButtonFines {
			background-color:#FF8080;
			-moz-border-radius:28px;
			-webkit-border-radius:28px;
			border-radius:28px;
			border:1px solid #18ab29;
			display:inline-block;
			cursor:pointer;
			color:#ffffff;
			font-family:Arial;
			font-size:27px;
			padding:16px 31px;
			text-decoration:none;
			text-shadow:0px 1px 0px #2f6627;
		}
		.myButtonFines:hover {
			background-color:#0000FF;
		}
		.myButtonFines:active {
			position:relative;
			top:1px;
		}
		.myButtonRestitution {
			background-color:#00D9D9;
			-moz-border-radius:28px;
			-webkit-border-radius:28px;
			border-radius:28px;
			border:1px solid #18ab29;
			display:inline-block;
			cursor:pointer;
			color:#ffffff;
			font-family:Arial;
			font-size:27px;
			padding:16px 31px;
			text-decoration:none;
			text-shadow:0px 1px 0px #2f6627;
		}
		.myButtonRestitution:hover {
			background-color:#0000FF;
		}
		.myButtonRestitution:active {
			position:relative;
			top:1px;
		}


		.button {
			font-size:125%;
			font-weight:bold;
			background-color:#18409D;
			color:white;
			box-shadow:5px 5px grey;
			padding:10px;
			margin-top:20px;
			margin-right:10px;
			border-radius:10px ;
			width:200px;
		}
		.container {
			display: flex;
			margin:0px;
			flex-wrap:wrap;
			flex-direction: row;
			align-items:top;
			flex-align:center;
			margin-bottom:15px;
			justify-content:left;
		}

	@media only screen and (max-width: 1000px) {
		img {
			width:100%;
		}
		.btn {
			width:100%;
			font-size:x-large;
			background-color:#60ACEA ;
			border-radius: 16px;
			font-family: Arial, Helvetica, sans-serif;
			box-sizing:border-box;

		}	
		.btnSupport {
			font-size:large;
			background-color:green;
			color:white;
			width:100%;
			padding: 10px 20px;
			position: fixed;
			bottom: -4px;
			right: 10px;
		}
		.container div {
			width:100%;
		}
		.lblhdr {
			text-align:left;
			font-weight:bold;
			font-size:large;
			color:#000080;
			padding:2px;
			width:100%;
			margin:0px 0px 0px 0px;
		}	
		.lbl {
			font-weight:bold;
			color:red;
			font-size:large;
			width:100%;
			margin-bottom:0px;
		}
		input {
			width:100%;
			font-size:large;
			margin: 5px 10px 5px 0;
			box-sizing:border-box;
		}
		select {
			font-size:large;
			width:100%;
		}
		.ackmsg {
			width:100%;
			font-size:85%;
			
		}
	}
	@media only screen and (min-width: 1000px) {
		img {
			width:30%;
		}
		.btn {
			width:auto;
			font-size:x-large;
			background-color:#60ACEA ;
			border-radius: 16px;
			box-shadow: 5px 5px #888888;
			margin:10px;
			padding:5px;
			font-family: Arial, Helvetica, sans-serif;
			box-sizing:border-box;

		}
		
		.btnSupport {
			background-color:red;
			color:white;
			position: fixed;
			bottom: -4px;
			right: 10px;
		}
	
		.lbl {
			font-weight:bold;
			font-size:large;
			text-align:right ;
			color:black;
			width:150px;
			margin-right:20px;
			margin-bottom:15px;
		}
		.lblhdr {
			width:150px;
			color:red;
			font-weight:bold;
			font-size:large;
			text-align:left;
			align:top ;
			margin-right:10px;
		}
		input {
			font-size:large;
		}
		select {
			width:200px;
		}
		body {
			width:40%;
			
		}
	}