/* ****************************************************************
*           product.css         V1-M0
*
*           V1-M0 04-20-16  Initial implementation
*
*	        	Created by:	Personal Systems Technology
*						www.PersonalSystems.biz
**************************************************************** */
.footer {font-size: .6em}
.ScreenID {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-style: italic;
}

.jqGridTable {
	font-size: .7em;
}

body {
	font-family: 		Verdana, Geneva, Arial, sans-serif;
	font-size: .9em;
	background-color:	#FFF;
}

caption {
	color:			blue;
}

.input {
	background-color: #CCFFCC;
}

.input-monospace {
	font-family:    courier;
	background-color: #CCFFCC;
}
#errors {
	border-width:	thin;
	border-color:	red;
	border-style:	solid;
	width:			400px;	
}

#entry_error {
	background-color: #FA8072;
	border-width:	thin;
	border-color:	red;
	border-style:	solid;
	width:			400px;
}

#scroll_area {
	overflow:		auto;
}

.item {
	font-weight:	bold;
	font-size:		100%
}

.cellhilight {
	background-color: #CFC;
	font-weight:	bold;
	font-size:		100%;
	text-align: center;
	color: #060;
}

.celloffset {
	background-color: #FF9;
}

.error {
	font-style: italic;
	color: #FF0000;
	font-weight: bold;
}

.hyperlinkItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: blue;
}
.button100 {
    background-color: #CCFFCC;
    width: 100px;
}
.button100red {
	background-color: #CCFFCC;
	width: 100px;
	color: #CC3300;
	font-weight: bold;
}
.button125 {
    background-color: #CCFFCC;
    width: 125px;
}
.button125red {
	background-color: #CCFFCC;
	width: 125px;
	color: #CC3300;
	font-weight: bold;
}
.button150 {
    background-color: #CCFFCC;
    width: 150px;
}
.button150red {
	background-color: #CCFFCC;
	width: 150px;
	color: #CC3300;
	font-weight: bold;
}
.button200 {
    background-color: #CCFFCC;
    width: 200px;
}

.button400 {
	background-color: #CCFFCC;
	width: 400px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
	text-align: left;
}

.button500 {
	background-color: #CCFFCC;
	width: 500px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:.9em;
	text-align: left;
}

.button600 {
	background-color: #CCFFCC;
	width: 600px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:.9em;
	text-align: left;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccffcc), color-stop(1, #cceecc) );
	background:-moz-linear-gradient( center top, #ccffcc 5%, #cceecc 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffcc', endColorstr='#cceecc');
	background-color:#ccffcc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #666;
	display:inline-block;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:normal;
	padding:1px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cceecc), color-stop(1, #ccffcc) );
	background:-moz-linear-gradient( center top, #cceecc 5%, #ccffcc 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cceecc', endColorstr='#ccffcc');
	background-color:#cceecc;
}.myButton:active {
	position:relative;
	top:1px;
}

.myBlueButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4682b4), color-stop(1, #87ceeb) );
	background:-moz-linear-gradient( center top, #4682b4 5%, #87ceeb 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4682b4', endColorstr='#87ceeb');
	background-color:#4682b4;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #666;
	display:inline-block;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:normal;
	padding:1px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.myBlueButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #87ceeb), color-stop(1, #4682b4) );
	background:-moz-linear-gradient( center top, #87ceeb 5%, #4682b4 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87ceeb', endColorstr='#4682b4');
	background-color:#87ceeb;
}.myBlueButton:active {
	position:relative;
	top:1px;
}
.orderbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #105a08) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #105a08 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#105a08');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 35px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
}
.orderbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #105a08), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #105a08 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#105a08', endColorstr='#77d42a');
	background-color:#105a08;
}
.orderbutton:active {
	position:relative;
	top:1px;
}

.GreenLtrLg {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	color: #085A08;
	color: #105A08;
}
.GreenLtr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #105A08;
	
}
.GreenLtrSm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #105A08;
}
.slider_cell {
	padding-left: 10px;
	paddign-right: 10px;
	width: 100px;
}

table.greenborder {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: green;
	border-collapse: collapse;
	background-color: white;
}
table.greenborder th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: green;
	background-color: white;
	-moz-border-radius: ;
}
table.greenborder td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: green;
	background-color: white;
	-moz-border-radius: ;
}

.myTable {
     font-size:12px;
     color:#333333;
     border-width: 1px;
     border-color: #9dcc7a;
     border-collapse: collapse;
}
.myTable th {
     font-size:12px;
     background-color: #abd28e;
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #9dcc7a;
     text-align:center;
}
.myTable tr {
     background-color:#bedda7;
}
.myTable td {
     font-size:12px;
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #9dcc7a;
}
.myTable tr:hover {
     background-color:#ffffff;
}
.myTableHead {
     font-size:12px;
     background-color: #abd28e;
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #9dcc7a;
     text-align:center;
}

.simpleTable tr td {
	border: 1px solid;
}

.freezeHeader {
    width: 100%;
    clear: both;
    margin: 10px 0;
    border: medium none !important;
    border-collapse: collapse;
}