/* Site Header */
.header-container {
	min-width: 340px;
	background-color: #E8EBEC;
}

.jj-keller-diamond-k-logo-container {
	width: 90px;
	background-color: #CED4D7;
	padding: 10px 27px;
}

.jj-keller-2290online-logo-container {
	width: 250px;
}

.btn-logout {
	min-width: 101.55px;
}

body {
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #000000;
}

form {
	min-height: 100vh;
	margin: 0px;
	display: flex;
	flex-direction: column;
}

table { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal;}
td { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; color: #000000;}
a { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; color: #000000;}
a:hover { color: #000000;}
p { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; color: #000000;}
h1 { font-family: Verdana, Arial; font-size: 12pt; font-weight: normal; color: #000000;}
input  { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal;}
select { font-family: Verdana, Arial; font-size: 10pt; font-weight: normal;}

input[type="checkbox"], input[type="radio"]
{
	margin: 3px;
}

.usermessage { font-family: Verdana, Arial; font-size: medium; font-weight: lighter;  color: Red; }

.column1
{
	background-image: url(images/header/hdrBackground.jpg);
	border-right: 1px solid #D8D8D8;
	width: 185px;
	padding: 0px 6px 0px 0px;
}
.column2        { background-color: transparent;  padding: 0px 0px 0px 0px;}
.columnempty    { background-color: transparent; width: 12px;  padding: 0px 0px 0px 0px;}

.valSummary { font-family: Verdana, Arial; font-size: 10pt;	font-weight: normal; color: #cc0033; background-color: #FFFDE0; border-top: #990033 1px solid; border-bottom: #990033 1px solid; border-left: #990033 1px solid; border-right: #990033 1px solid; padding: 4px 4px 4px 4px; }
.valNormal {	font-family: Verdana, Arial;	font-size: 10pt;	font-weight: normal;	color: #cc0033;}

.tblUserMessage {  }
.tdUserMessage { background-color: #FFFDE0; border-top: #990033 1px solid; border-bottom: #990033 1px solid; border-left: #990033 1px solid; border-right: #990033 1px solid;}
.divUserMessage { padding: 2px 4px 2px 8px; font-family: Verdana, Arial; font-size: 10pt;	font-weight: normal; color: #cc0033; }
.divUserMessageDebugHdr { padding: 2px 4px 2px 8px; font-family: Verdana, Arial; font-size: 10pt;	font-weight: normal; color: #000000; }
.divUserMessageDebugText { padding: 0px 4px 4px 40px; font-family: Verdana, Arial; font-size: 8pt;	font-weight: normal; color: #000000; }

.tdHistoryArrow { PADDING-LEFT: 2px }

.linkSmallWhite { font-family: Verdana, Arial; font-size: 8pt; font-weight: normal;}
A.linkSmallWhite:Link { font-size: 8pt; color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkSmallWhite:Visited { font-size: 8pt; color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkSmallWhite:Active { font-size: 8pt; color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkSmallWhite:Hover { color: #FFFFFF; text-decoration: underline;}

A.linkNormalWhite:Link { color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkNormalWhite:Visited { color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkNormalWhite:Active {color: #FFFFFF;	text-decoration: none;	cursor: hand;}
A.linkNormalWhite:Hover { color: #FFFFFF;	text-decoration: underline; cursor: hand;}

.linkValSummary { font-family: Verdana, Arial; font-size: 8pt; font-weight: normal;}
A.linkValSummary:Link { font-size: 8pt; color: #cc0033;	text-decoration: none;	cursor: hand;}
A.linkValSummary:Visited { font-size: 8pt; color: #cc0033;	text-decoration: none;	cursor: hand;}
A.linkValSummary:Active { font-size: 8pt; color: #cc0033;	text-decoration: none;	cursor: hand;}
A.linkValSummary:Hover { color: #cc0033; text-decoration: underline;}


/* Side Bar Menu Classes */

/* Company View Menu */
.tblMenuHdrCompanyView
{
	background-color: #663300;
	border-top: #1C406C 1px solid;
	border-bottom: #1C406C 1px solid;
	border-right: #1C406C 1px solid;
}
.tdMenuHdrCompanyView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemCompanyView { background-color: #FFFFFF;	border-bottom: #1C406C 1px solid;	border-right: #1C406C 1px solid;}
.tdMenuItemCompanyView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemCompanyView { font-size: 8pt; color: #FFFFFF; background-color: #3273C0; border-top: #B7CFEC 1px solid;	border-bottom: #1C406C 1px solid;	border-left: #B7CFEC 1px solid;	border-right: #1C406C 1px solid;}

/* Help View Menu */
.tblMenuHdrHelpView {	background-color: #A2536F;	border-top: #693647 1px solid;	border-bottom: #693647 1px solid;	border-right: #693647 1px solid; background-image: url(images/menu/menuhdr4.jpg);}
.tdMenuHdrHelpView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemHelpView {	background-color: #FFFFFF;	border-bottom: #693647 1px solid;	border-right: #693647 1px solid;}
.tdMenuItemHelpView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemHelpView { font-size: 8pt; color: #FFFFFF; background-color: #A2536F; border-top: #E0C5CE 1px solid;	border-bottom: #693647 1px solid;	border-left: #E0C5CE 1px solid;	border-right: #693647 1px solid;}

/* Vehicle View Menu */
.tblMenuHdrVehicleView {	background-color: #663300;	border-top: #46755F 1px solid;	border-bottom: #46755F 1px solid;	border-right: #46755F 1px solid; }
.tdMenuHdrVehicleView { font-size: 8pt; font-weight: bold; color: #FFFFFF; }

.tblMenuItemVehicleView {	background-color: #FFFFFF;	border-bottom: #46755F 1px solid;	border-right: #46755F 1px solid;}
.tdMenuItemVehicleView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemVehicleView { font-size: 8pt; color: #FFFFFF; background-color: #579175; border-top: #BAD6C9 1px solid;	border-bottom: #46755F 1px solid;	border-left: #BAD6C9 1px solid;	border-right: #46755F 1px solid;}

/* Tax Filing View Menu */
.tblMenuHdrTaxFilingView
{
	background-color: #666666;
	border-top: #444660 1px solid;
	border-bottom: #444660 1px solid;
	border-right: #444660 1px solid;
}
.tdMenuHdrTaxFilingView
{
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
}

.tblMenuItemTaxFilingView {	background-color: #FFFFFF;	border-bottom: #444660 1px solid;	border-right: #444660 1px solid;}
.tdMenuItemTaxFilingView { font-size: 8pt; color: #365A49;}
.tdMenuSelItemTaxFilingView { font-size: 8pt; color: #FFFFFF; background-color: #666666; border-top: #C8C9D7 1px solid;	border-bottom: #444660 1px solid;	border-left: #C8C9D7 1px solid;	border-right: #444660 1px solid;}

/* Right Portal Menu */
.tdPortalFloatTopLeft {	background-image: url(images/menu/floatgraytopleft.gif);}
.tdPortalFloatTopCenter {	background-image: url(images/menu/floatgraytopcenter.gif);}
.tdPortalFloatTopRight {	background-image: url(images/menu/floatgraytopright.gif);}
.tdPortalFloatBottomLeft { height:24px; background-repeat: no-repeat;	background-image: url(images/menu/floatgraybottomleft.gif);}
.tdPortalFloatBottomCenter { height:24px; background-image: url(images/menu/floatgraybottomcenter.gif);}
.tdPortalFloatBottomRight { height:24px; background-repeat: no-repeat;	background-image: url(images/menu/floatgraybottomright.gif);}
.tdPortalFloatLeft {	background-image: url(images/menu/floatgrayleft.gif);}
.tdPortalFloatRight {	background-image: url(images/menu/floatgrayright.gif);}
.tdPortalFloatCenter {	background-color: #FFFFFF;}

/* Portal Float Menu */
.tblMenuHdrPortalFloat {	}
.tdMenuHdrPortalFloat { font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #333333; background-color: #EAEAEA; padding: 1px 2px 1px 2px; text-align: center }

.tblMenuItemPortalFloat { background-color: #FFFFFF; }
.tdMenuItemPortalFloat { font-size: 8pt; color: #000000;}
.tdMenuLabelPortalFloat { font-size: 8pt; color: #000000;}

.linkMenuPortalFloat { font-family: Verdana, Arial; font-size: 8pt; font-weight: normal;}
A.linkMenuPortalFloat:Link { font-size: 8pt; color: #000000;	text-decoration: none;	cursor: hand;}
A.linkMenuPortalFloat:Visited { font-size: 8pt; color: #000000;	text-decoration: none;	cursor: hand;}
A.linkMenuPortalFloat:Active { font-size: 8pt; color: #000000;	text-decoration: none;	cursor: hand;}
A.linkMenuPortalFloat:Hover { color: #000000; text-decoration: underline;}

/* Signup Pages - Made look like Marketing Site */
.toptablecon { border-top: #343549 1px solid; border-bottom: #343549 1px solid; background-image: url(../images/signup/con_top.jpg);}
.topcurrentcon { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; background-color: #FFFFFF; color: #343549; border-left: #343549 1px solid; border-right: #343549 1px solid; border-top: #343549 1px solid; border-bottom: #343549 1px solid;}
.toplink {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
a.toplink:link {
	color : #FFFFFF;
	font-weight : bold;
}

a.toplink:visited {
	color : #FFFFFF;
	font-weight : bold;
}

a.toplink:hover { COLOR: #ffffff; text-decoration: underline;	font-weight : bold;}
.nextsollink { font-family: Verdana, Arial; font-size: 9pt; font-weight: bold;}
A.nextsollink:Link { color: #733A15;	text-decoration: none;	cursor: hand;}
A.nextsollink:Visited { color: #733A15;	text-decoration: none;	cursor: hand;}
A.nextsollink:Active { color: #733A15;	text-decoration: none;	cursor: hand;}
A.nextsollink:Hover { color: #733A15; text-decoration: underline;}

.helpTextPopup li { margin-bottom: 10px; }

.welcome { font-weight: bold; font-family: Verdana; font-size: 16px; text-decoration: none; padding-bottom: 12px; }
.welcomeInfo { font-family: Verdana; Font-size: 14px; text-decoration: none; padding-left: 3px;}
.tblWelcome { padding: 10px 0px 0px 12px; }

.messageAddVehiclesContainer { font-family: Verdana, Arial; font-size: 12pt; font-weight: normal;color: #000000; background-color: #FFFDE0; border: none; display:inline-block; margin: 10px 0px 0px 0px; padding:15px 35px 15px 35px; border-radius:10px 10px;}
.messageAddVehiclesImg { float: left; padding-right: 35px; }
.messageAddVehiclesInfo { float: right; }

/* Force footer to bottom of the view height or page content */
.footer-bg-color {
	background-color: #F4F4F4;
}

.footer-link-container-bg-color {
	background-color: #595959;
}

.jj-keller-logo-container{
	max-width: 200px;
	min-width: 100px;
}