﻿/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* epms styles*/
div .widget-area {
    display: block;
    font-size: .95em;
    margin: 0px 0px 0px;
    text-align: left;
}
table .left-menu {
    border:none;
    padding: 0px 0px 0px 0px;
    width: 80px;
}
tr .left-menu {
    border:none;
    padding: 0px 0px 0px 0px;
    width: 100%
}
td .left-menu {
    padding: 0px 0px 0px 0px;
    width: 100%;
}
#sidebar{
    float:left;
    margin:10px;
    padding:10px;
    border:dotted 2px green;
    width:250px;
}
.clientpage{
    float:left;
    margin:0px 0px 30px 0px;
    padding:20px 0px 0px 0px;
    width:100%;
}
.menubar{
    float:left;
    margin:10px;
    padding:10px;
    width:250px;
}
#pagebody{
    margin:10px;
    padding:10px;
    border:solid 2px blue;
    width:100%;
}
#bodydetail{
    vertical-align:top;
    margin:10px;
    padding:10px;
    border:solid 2px red;
}
#maintable{
    vertical-align:top;
    margin:0px;
    padding:10px;
}
#display-label{
    font:700;
}
.display-client{
   	background-image: url('Images/bg_footer.gif');
	background-repeat: repeat-x;
	background-position: center top;
	text-align:left;
    font:900;
    float:left;
    padding-left:0;
    margin-left:0;
    width:100%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.epmsformat{
    display: inline;
}
.epmsTable{
    width:900px;
    border: none;
    padding:0px;
    border-spacing:0px;
}
.epmsFooterTable{
    width:100%;  /* JK 04/07/18 changed from 900px */
    border:none;
    padding:0px;
    border-spacing:0px;
    height:80px;
}
.epmsFooter{
	text-align: center;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
    width:1000px;
    display:inline;
    border:solid;
}
.epmsTableRowLeft{
    display:inline;
    width:450px;
    float:left;
}
.epmsTableRowRight{
    display:inline;
    width:110px;
    float:right;
}
.epmsTableRow{
    display:inline;
}
.epmsContactInfo270{
    display:inline;
    width:270px;
    border:none;
    border-spacing:0px;
    padding:0px;
}
.epmsContactInfo300{
    display:inline;
    width:300px;
    border:solid;
    border-spacing:0px;
    padding:0px;
    vertical-align:top;
    float:left;
}
.epmsContactInfo600{
    display:inline;
    width:600px;
    border:dotted;
    padding:0px;
    vertical-align:top;
    float:left;
}
.epmsContactInfoColLeft{
    display:inline;
    width:90px;
    float:left;
    border:ridge;
}
.epmsContactInfoColRight{
    display:inline;
    width:180px;
    float:right;
    border:dashed;
    vertical-align:top;
}
.epmsContactInfo900{
    display:inline;
    width:900px;
    border:double;
    border-spacing:0px;
    padding:0px;
	padding-bottom:100px;
}
.bg_footer {
    background-image: url('Images/bg_footer.gif');
	background-repeat: repeat-x;
	background-position: center top;	
    text-align: center;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.bg_home_side {
	background-image: url('Images/bg_home_side.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
.home_side {
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 20px;
}
.body_home {
	font-family: arial;
	/*font-size: ntpx;*/
	line-height: 34px;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding-top: 25px;
	padding-left: 40px;
	padding-bottom: 20px;
}
.footer {
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #6d6d6d;
	text-align: center;
}
.footer-right {
    text-align: right;
}
a.footer {
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #6d6d6d;
	text-align: center;
	text-decoration: underline;
}
a.footer:hover {
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	text-align: center;
	text-decoration: none;
}
.home_side_bold {
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.body_sub {
	font-family: arial;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
.body_sub_center {
	font-family: arial;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	text-align: center;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
h1 {
	font-family: arial;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
a.loginaction
{
    background: url('Images/nav_clientlogin.gif');
}