﻿form {
	display: inline;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #A5B8C2;
	color: #394851;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.hidden {
	visibility: hidden;
}

div#container {
	margin: 7px auto 0 auto;
	border: none;
	width: 900px;
}

div#header {
	background: #211f5e;
	background-image: url(../images/headersmall.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 91px;
	padding: 0px;
}

div#content, div#footer {
	width: 100%;
}

div#wrapper {
	background-color: #fff;
	width: auto;
	/*padding: 10px 10px 0px 10px;*/
}

div#content {
	padding: 10px 0;
	margin: 0;
}

div#content p {
	line-height: 1.4;
	padding-left: 10px;
}

div#footer {
	background-color: #57b0da;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	width: auto;
}

div#footer p {
	margin: 0;
	padding: 3px 10px;
	text-align: center;
}

a {
	color: #211f5e;
	text-decoration: none;
}

a:active, a:visited {
	color: #0c7c30;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 10px 10px;
}

p, li {
	font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 18pt;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

h4 {
	font-size: 10pt;
}

h5 {
	font-size: 8pt;
}

h6 {
	font-size: 6pt;
}

span {
	padding: 0;
}

select {
	font-size: 11px;
}

hr.divider {
	text-align: center;
	color: #cccccc;
	width: 60%;
}

a.footerlink {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

a.Ingenuitylink {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

div.footer {
	background-color: #57B0DA;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

div.footer a {
	color: #fff;
	font-size: 12px;
}

#footerwrapper {
	background-color: #577595;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	height: 25px;
	padding: 8px 0 8px 0;
	vertical-align: middle;
}

#footerwrapper a {
	color: #fff;
	text-decoration: underline;
}

td.footer {
	background-color: #57B0DA;
	background-image: none;
	height: 50px;
	line-height: 18px;
	text-align: center;
}

.outertable {
	background: #fff;
	margin: 0px auto;
	width: 775px;
}

.skinnyoutertable {
	background: #fff;
	margin: 0px auto;
	width: 400px;
}

.innertable {
	background: #fff;
}

#PrintQCmd, #frUpload {
	height: 0;
	width: 0;
	visibility: hidden;
}

#content tbody {
	display: table;
}

#overlay {
	background-color: black;
	position: fixed;
	text-align: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	filter: alpha(opacity=20); /* CSS3 standard */
	opacity: 0.2; /* also -moz-opacity, etc. */
	z-index: 10;
}

#overlay img {
	display: block;
	margin: 200px auto;
}

table#content, table#content tbody {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

input[type='text'], input[type='password'], TEXTAREA {
	border: 1px solid #ccc;
	color: #000;
	font-size: 8pt;
}

input[type='checkbox'] {
	background-color: transparent;
	border: 0;
	margin: 0 3px;
	padding: 0;
}

input[type='radio'] {
	background: transparent;
	border: 0;
	margin: 0 3px;
	padding: 0;
}

.content_td > table {
	padding: 0 0 0 11px;
}

#apptabs {
	height: 20px;
}

#lblTaxType {
	background-color: #6e6b67;
	color: #ff9612;
}

#apptabsdiv {
	position: relative;
	width: 100%;
	border: 1px solid #b0b3b4;
	border-width: 0 0 5px 0;
}

#apptabsdiv table.tabs, #apptabsdiv div.tabs {
	margin: 4px 0 0 0;
}

tr.tabs, div.tabs {
	height: 20px;
}

.banner, #banner {
	background-image: url(../images/header.png);
	background-color: #dee2e6;
	background-repeat: no-repeat;
	position: relative;
	width: 900px;
	height: 193px;
}

#epbanner {
	background-image: url(../images/easypayheader.png);
	background-color: #dee2e6;
	background-repeat: no-repeat;
	position: relative;
	width: 400px;
	height: 200px;
}

#status {
	background-position: left top;
	background-repeat: repeat-y;
	border: 1px;
	clear: right;
	color: #fff;
	float: right;
	left: 523px;
	position: absolute;
	top: 0;
	width: 250px;
	z-index: 100;
}

#status > table {
	margin: 3px 8px;
	padding: 0;
	width: 244px;
}

#status td, #status td span {
	font-size: 10px;
	white-space: nowrap;
}

td.btnoff, td.btnon {
	border: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.footerbtn {
	align-self: center;
}

#btnCancel {
	background-image: url(../images/cancel_butn.png);
	background-repeat: no-repeat;
	width: 98px;
	height: 27px;
	margin: 8px;
	border: none;
}

#btnCancel:hover {
	background-image: url(../images/cancel_butn_hover.png);
}

#btnSubmit {
	background-image: url(../images/submit_butn.png);
	background-repeat: no-repeat;
	width: 98px;
	height: 27px;
	margin: 8px;
	border: none;
}

#btnSubmit:hover {
	background-image: url(../images/submit_butn_hover.png);
}

/*###########################################################################################################################################################################*/
/* TABLES  */
.ctrltable {
	border: 0;
	font-size: 13px;
	padding: 0;
	width: 850px;
}

.fldrow, .fldrow2, .fldhdg {
	line-height: 28px;
	white-space: nowrap;
	text-align: left;
}

.fldrow div, .fldrow2 div, .fldhdg div {
	padding: 0;
}

.fldrow input, .fldrow2 input, .fldhdg input {
	margin: 0 0 0 2px;
}

.fldrow span, .fldrow2 span, .fldhdg span {
	margin: 0 2px 0 2px;
}

.fldrow {
	background: url(../images/td_bg1.gif) repeat-x;
}

.fldrow2 {
	background: #f3f9fb url(../images/td_bg2.gif) repeat-x;
}

fldrowtot {
	background: #f3f9fb url(../images/td_bg3.gif) repeat-x;
}

.fldrowgray {
	background: #bbb;
}

.fldhdg {
	background: #9aad75;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 5px;
}

.table_wrapper, .ctrl_wrapper, .subtrans {
	border: 0;
	font-size: 11px;
	padding: 0;
	width: 775px;
	margin: 10px;
}

.table_wrapper th {
	text-align: left;
	font-weight: bolder;
	white-space: nowrap;
}

.ctrl_wrapper td, .subtrans td {
	width: 20%;
}

.ctrl_wrapper td, .subtrans td {
	border: 1px solid #d3e5ed;
	border-width: 0 0 1px 0;
	line-height: 24px;
	white-space: nowrap;
	text-align: left;
}

.ctrl_wrapper td {
	background: url(../images/td_bg1.gif) repeat-x;
}

.ctrl_wrapper .altrow td {
	background: #f3f9fb url(../images/td_bg2.gif) repeat-x;
}

.ctrl_wrapper th {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 0 0 5px;
	white-space: nowrap;
}

.ctrl_wrapper th a:link, .ctrl_wrapper th a:visited, .ctrl_wrapper th a:hover, .ctrl_wrapper th a:active {
	background-position: right center;
	background-repeat: no-repeat;
	color: #1f476f;
	display: block;
	padding: 0 16px 0 0;
}

.ctrl_wrapper .col1 {
	width: 10%;
	text-align: right;
}

.ctrl_wrapper .fldname {
	text-align: right;
}

.btn, .wbtn, .wbtn2 {
	width: 70px;
	background-color: #211f5e;
	border-color: #DDD;
	border-width: 1px;
	border-style: solid;
	color: White;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	cursor: pointer;
}

.wbtn {
	width: 140px;
	height: 30px;
	font-size: 16px;
}

.flatbtn, .flatbtn2 {
	width: 180px;
	background-color: #fff;
	border-color: #577595;
	border-width: 1px;
	border-style: solid;
	color: #577595;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
}

.flatbtn:hover, .flatbtn2:hover {
	color: #0c7c30;
	border: 1px solid #0c7c30;
}

.flatbtn2 {
	width: 200px;
	padding: 5px;
}

.wbtn2 {
	width: 280px;
	height: 50px;
	font-size: 22px;
}

.bigflatbtn {
	width: 280px;
	height: 50px;
	font-size: 22px;
	background-color: #fff;
	border-color: #577595;
	border-width: 1px;
	border-style: solid;
	color: #577595;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
}

.bigflatbtn:hover {
	color: #0c7c30;
	border: 1px solid #0c7c30;
}

.smallflatbtn {
	width: 100px;
	height: 35px;
	font-size: 12px;
	background-color: #fff;
	border-color: #577595;
	border-width: 1px;
	border-style: solid;
	color: #577595;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
}

.smallflatbtn:hover {
	color: #0c7c30;
	border: 1px solid #0c7c30;
}

.smallestflatbtn {
	width: 60px;
	height: 25px;
	font-size: 12px;
	background-color: #fff;
	border-color: #577595;
	border-width: 1px;
	border-style: solid;
	color: #577595;
	font-weight: bold;
	padding: 0px;
	cursor: pointer;
}

.smallestflatbtn:hover {
	color: #0c7c30;
	border: 1px solid #0c7c30;
}

.widebtn{
	width:250px;
}

.btnctrl {
	background: url(../images/btn_middle.jpg) repeat-x;
	border: none;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 8pt;
	height: 20px;
	margin: 0 4px;
	padding: 1px 5px;
	text-align: center;
	vertical-align: bottom;
}

.btnctrl {
	margin: 0;
}

.btn2 {
	background-color: #c0c0c0;
	border-bottom: #808080 1px inset;
	border-left: #f0f0f0 1px inset;
	border-right: #808080 1px inset;
	border-top: #f0f0f0 1px inset;
	color: #000;
	cursor: pointer;
	font: 9pt Arial, sans-serif;
	height: 20px;
	padding: 0px 4px 2px 2px;
	text-align: center;
}

.btn, .wbtn {
	width: 70px;
	background-color: #7892be;
	border-color: #DDD;
	border-width: 1px;
	border-style: solid;
	color: White;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
}

.wbtn {
	width: 140px;
}

.rightbtn {
	float: right;
	padding-right: 10px;
	vertical-align: middle;
}

.buttonlink {
	display: block;
	height: 15px;
	background: #f1f1f1;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #e1e1e2;
	color: #000;
	font-weight: bold;
}

.btnDelete {
	border: 0;
	width: 16px;
	height: 16px;
	padding: 0;
	background: transparent url("../images/trash.gif");
}

.btnInfo {
	border: 0;
	width: 16px;
	height: 16px;
	padding: 0;
	background: transparent url("../images/info2.gif");
}


.btnTest {
	border: 0;
	width: 19px;
	height: 19px;
	padding: 0;
	background-repeat: no-repeat;
	background: transparent url("../images/toggle.gif");
}

.question {
	padding-top: 10px;
	font-size: 10pt;
	font-weight: bold;
}

.redtext, .help {
	color: #ff0000;
}

.bigtext {
	font-weight: bold;
	font-size: 12pt;
}

.smalltext, .help {
	font-size: 8pt;
}

.help {
	font-weight: normal;
	padding: 5px 0px 2px 0px;
}

.warning, .notice {
	background-color: #ddd;
	padding: 7px;
	font-weight: bold;
}

.warning {
	font-size: .75em;
}

.notice {
	margin-bottom: 10px;
}

.attentionbox {
	width: 600px;
	margin: 10px auto;
	/*padding: 0;*/
	border: 1px solid #999999;
	background: #ddd;
}

.errlabel {
	font-weight: bold;
	font-size: 10pt;
	color: #cc0000;
}

div#ctl00_errormsg {
	width: 90%;
	background-color: #eee;
	padding: 7px;
	margin: 10px auto;
	border: 2px solid #cc0000;
}

.instruction {
	padding: 5px 0px 5px 5px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
}

.fieldlabel {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
}

.ingLink, .ingLink:active, .ingLink:visited {
	color: White;
	text-decoration: underline;
}

div#prefooter {
	padding: 10px 0;
	vertical-align: middle;
}

#terms {
	width: 600px;
	height: 300px;
	overflow: scroll;
	margin: 15px auto;
	border: 1px solid #b5b5b5;
	background: #eeeeee;
}

#cvvtooltip, #makecodetooltip {
	display: none;
	background: white;
	border: 2px solid black;
	font-size: 12px;
	height: 280px;
	width: 280px;
	padding: 25px;
	color: #fff;
}

.stats {
	color: #000000;
	font: bold 125% Arial,sans-serif;
}

#logout {
	background-color: #c0c0c0;
	border-bottom: #808080 1px inset;
	border-left: #f0f0f0 1px inset;
	border-right: #808080 1px inset;
	border-top: #f0f0f0 1px inset;
	color: #000;
	cursor: pointer;
	font-size: 7pt;
	height: 20px;
	margin: 0px 0px 0px 30px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: middle;
}

.login {
	background-color: #A5B8C2;
}

#LoginDiv {
	text-align: center;
}

#LoginTable {
	color: #000;
	font-size: 10pt inherit;
	font-weight: bold;
}

#LabelErr div {
	color: #F00;
	font-weight: bold;
	display: inline;
}

#idUserNotice {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

.redflash {
	background-color: Red;
	color: #000000;
}

.rockwell {
	font-family: Rockwell;
}

.emphasis {
	font-size: 15px;
	font-weight: bold;
	color: #577595;
}

.blue {
	color: #577595;
}

.green{
	color:#758A2C;
}

.strong {
	font-weight: bold;
}

.activeStep {
	background-color: blue;
}

.inactiveStep {
	background-color: grey;
}

#divCCTrack, #divCCInfo {
	color: #399f16;
	font-weight: bold;
	background-color: black;
	position: fixed;
	text-align: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	filter: alpha(opacity=90); /* CSS3 standard */
	opacity: 0.9; /* also -moz-opacity, etc. */
	z-index: 10;
}

#divCCInfo table {
	position: relative;
	margin: 0px auto;
	width: 480px;
}

#divCCTrack img, #divCCInfo img {
	display: block;
	margin: 80px auto;
}

.pymt {
	color: #000;
	font-size: 16px;
}

.pymt input {
	font-size: 16px;
}

.msglbl {
	color: #0c7c30;
	font-size: 16px;
	margin: 20px;
}

.termhead {
	font-size: 14px;
	font-weight: bold;
}

#headlink {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* edit: added z-index */
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#resproofp, #transferp {
	margin: 5px;
}

#ResProofDiv, #TransferMatchDiv {
	font-size: 14px;
	margin: 10px;
}

#ResCheckBoxDiv, #TransferEligCheckboxDiv {
	font-size: 14px;
	font-weight: bold;
	margin: 10px;	
}
