html { 
	background: url(bg_digitalRLE.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #F00
	text-decoration: underline;
}
h1 {
	color: #000;
	font-size: 20px
}
.mainheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	clear: both;
}
#maincontainer {
	width: 800px;
	margin: 0 auto;
	color: #000;
	background-color: #FFF;
	padding: 0px;
}
#secondcontainer {
	padding: 20px;
}
#logosection {
	padding: 20px 0px;
}
.smallbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.updatebutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-color: #090;
	border-style:double;
}
.deletebutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-color:#F00
}
.rowsandrows {
	width: 100%;
	clear: both;
	padding: 6px 0px;
	color: #000;
}
.rowsandrowscomatrix {
	width: 100%;
	clear: both;
	padding: 1px 0px;
	color: #000;
}
.rowsandrowscomatrixheader {
	width: 100%;
	clear: both;
	height: auto;
	padding: 10px 0px;
	color: #000;
}
.rowsandrowsdatepicker {
	width: 100%;
	clear: both;
	padding: 12px 0px;
	color: #000;
}
.nameoffield {
	width: 140px;
	float: left;
	padding-right: 5px;
	font-weight: bold;
}
.fieldforform {
	width: 300px;
	float: left;
	padding-right: 5px;
	Height:auto;
	overflow:auto;
}
.fieldforco {
	width: 90px;
	float: left;
	padding-right: 5px;
	Height:auto;
	overflow:auto;
	font-weight: bold;
	
}
.fieldfordv {
	width: 90px;
	float: left;
	padding-right: 5px;
	Height:auto;
	overflow:auto;

	font-weight: bold;
	
}
.fieldforgl {
	width: 300px;
	float: left;
	padding-right: 5px;
	Height:auto;
	overflow:auto;

	font-weight: bold;
}
.fieldforformindent {
	width: 300px;
	float: left;
	padding-right: 5px;
	Height:auto;
	overflow:auto;
}
.fieldforformdate {
	width: 300px;
	float: left;
	padding-right: 5px;
	overflow:visible;
	z-index: 10000;
}
.additionalformtext {
	width: 200px;
	float: left;
	padding-right: 5px;
	font-style: italic;
	font-size: 12px;
	padding: 0px;
	line-height: 12px;
	
}
#showandtell {
	width: 260px;
	clear: both;
	padding-top: 20px;
}
#showandtell a:link {
	color: #333;
	text-decoration: none;
}
#showandtell a:visited {
	color: #333;
	text-decoration: none;
}
#showandtell a:hover {
	color: #F00;
	text-decoration: underline;
}
form {
	background-color: #FFFFFF;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: ;
  color: #336699;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}
.flagged {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #F00;
}
.flagged_errormessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #F00;
	clear: both;
}
#PurchaseDateuploadForm_cf_buttondiv {
	z-index: 10000;
}
@media screen and (max-width: 500px) {
html { 
	background-color: #FFF;
}
#maincontainer {
	width: 100%;
	margin: 0 auto;
	color: #000;
	background-color: #FFF;
	padding: 0px;
}
#logosection {
	padding: 5px 0px;
}
.rowsandrows {
	width: 100%;
	clear: both;
	padding: 6px 0px;
	color: #000;
}
.rowsandrowsdatepicker {
	width: 100%;
	clear: both;
	padding: 12px 0px;
	color: #000;
}
.nameoffield {
	width: 100%;
	padding-right: 5px;
	font-weight: bold;
}
.fieldforform {
	width: 100%;
	padding-right: 5px;
	Height:auto;
	overflow:auto;
}
.fieldforformindent {
	width: 100%;
	padding-right: 5px;
	Height:auto;
	overflow:auto;
}
.fieldforformdate {
	width: 100%;
	padding-right: 5px;
	overflow:visible;
	z-index: 10000;
}
.additionalformtext {
	width: 100%;
	padding-right: 5px;
	font-style: italic;
	font-size: 11px;
}
h1 {
	color: #000;
	font-size: 1.5em; /* 20px */
	margin-bottom: 0px;
}
p {
	margin-top: 0px;
}
}