/*-------------------------------------
[ Page setup ]
-------------------------------------*/

body {
	text-align:center;
}

.pageWrapper {
	width:980px;
	margin:auto;
	text-align:left;
}

.contentWrapper {}

.contentPadding {
	padding:0px 10px 0px 10px;
}

.content {
	/*position:relative;*/
}

.content li {
	margin:0px 0px 0px 20px;
	padding:0px 0px 4px 0px;
	list-style: square outside;
	color:#f48b2d;
}

.content th {
	padding-top:8px;
	font:bold 12px arial;
	padding-bottom:8px;
}






/*-------------------------------------
[ Banner ]
-------------------------------------*/

.bannerWrapper 
{
    position:relative;
    z-index:100;
    height:95px;
}

.bannerLeft {
	float:left;
}

.bannerLeft a {
	overflow: hidden; 
	margin: 0; 
	text-indent: -9000px; 
	outline: none;
}

.bannerLeft h1 {
	padding:0px;
	margin:0px;
	border:0px;
}

.bannerLeft h1 a {
	display: block; 
	background: url(../images/logo/directlogo2018.png) no-repeat 0 0; 
	width:340px; 
	height:95px;
}




/****** banner right ******/

.bannerRight {
	float:right;
	margin:0px 5px 0px 0px;
}

.bannerRight .signUpWrapper {
	float:left;
	height:44px;
	padding:22px 20px 0px 0px;
	margin:16px 20px 0px 0px;
	border-right:1px solid #e5e5e5;
}

.bannerRight .signUpWrapper a:link, .bannerRight .signUpWrapper a:visited, .bannerRight .signUpWrapper a:hover, .bannerRight .signUpWrapper a:active {
	display:block;
}

/*.bannerRight .btnActive {
	float:left;
}

.bannerRight .btnCallToActionLarge {
	margin:20px 20px 0px 0px;
}*/

.resetPasswordBannerWrapper {
	padding:8px 0px 0px 0px;
	font:normal 11px arial;
}

a.lnkResetPasswordBanner:link, a.lnkResetPasswordBanner:visited, a.lnkResetPasswordBanner:hover, a.lnkResetPasswordBanner:active {
	font:normal 11px arial;
	display:inline;
}






/*-----------------------------------
[ banner login form ]
-----------------------------------*/

.formSection {}

.formGroupLoginBanner {
	float:left;
	padding:19px 0px 0px 0px !important;
	margin:0;
}

.formGroupLoginBanner .usernameWrapper
{
    margin: 0px 5px 0px 0px; 
    padding: 0px 5px 0px 0px; 
    float:left;
    width: 120px;
}
.formGroupLoginBanner .passwordWrapper 
{
    padding: 0px 5px 0px 0px; 
    margin: 0px 5px 0px 0px; 
    float:left;
    width: 120px;
}

.formGroupLoginBanner .btnAction {
	margin:14px 0px 0px 0px;
	float:left;
}

/*.formGroupLoginBanner .label {
	height:18px;
	margin:0px 10px 0px 0px;
	color:#4B4B4B;
    float:left;
    font:bold 8pt arial;
}

.formGroupLoginBanner .input {
	width:120px;
	margin:0px 5px 0px 0px;
	border:1px solid #CCCCCC;
    float:left;
    height:25px;
}

.formGroupLoginBanner .input input {
	width:110px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
    border:0px none;
    font:11px arial;
    padding:4px 0 0 5px;
}

.formGroupLoginBanner .btnActive {
	margin:0px 5px 0px 0px;

}

.formGroupLoginBanner input.inputRequired 
{
    color:#999999;
}*/



/*-------------------------------------
[ Primary Navigation ]
-------------------------------------*/

.priNavWrapper {
    height:35px;
	margin:0px 0px 20px 0px;
}

.priNavPadding {
    padding:0px 10px 0px 10px;
}

.priNav {
	float:left;
	height:35px;
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

.priNav li {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px 0px;
	display:inline;
	float:left;
	height:35px;
	width:130px;
	list-style-type:none;
    margin:0px 0px 0px 0px;
}

.priNav li a {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px 0px;
	display:block;
    text-align:center;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNav li a:visited {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px 0px;
	display:block;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNav li a:hover {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px -35px;
	display:block;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNav li a:active {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px -35px;
	display:block;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNav .active {
    background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px -70px;
}

.priNav .active a {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px -70px;
	display:block;
    text-align:center;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNav .active a:visited {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px -70px;
	display:block;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNav .active a:hover {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px -70px;
	display:block;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNav .active a:active {
	background:transparent url(../images/bg_prinav.gif) no-repeat scroll 0px -70px;
	display:block;
    padding:10px 10px 12px 14px;
    color:#23638f;
    font:bold 12px arial;
    text-decoration:none;
}

.priNavEnd {
    width:2px;
    height:35px;
    float:left;
	background:url(../images/bg_prinav_end.gif) top left no-repeat;
}






/*-------------------------------------
[ Footer ]
-------------------------------------*/

.footerWrapper {
	font:normal 11px arial;
	text-align:center;
	border-top:1px solid #e5e5e5;
}

.footerWrapper .footer {
	text-align:left;
	width:980px;
}

.footerWrapper .leftCol {
	padding:10px 0px 0px 10px;
	float:left;
	width:500px;
} 

.footerWrapper .rightCol {
	float:right;
	width:215px;
} 

.footerWrapper .rightCol .text {
	padding:4px 0px 0px 60px;
	line-height:1.5;
}

.footerWrapper .link {
	float:left;
}

.footerWrapper .divider {
	float:left;
	width:20px;
	height:16px;
	background:url(../images/hr_1x1_dark_gray.gif) top center repeat-y;
}

.footerWrapper a:link {
	color:#666;
	font:normal 8pt arial;
}

.footerWrapper a:visited {
	color:#666;
	font:normal 8pt arial;
}

.footerWrapper a:hover {
	color:#333;
	font:normal 8pt arial;
}

.footerWrapper a:active {
	color:#666;
	font:normal 8pt arial;
}












/*-------------------------------------
[ Modal ]
-------------------------------------

.modalWindowWrapper {
	border:2px solid #000;
	background-color:#fff;
}

.modalWindowPadding {
	padding:10px;
}

.modalWindow {
	text-align:center;
}

.modalCloseWrapper {
	background-color:#000;
}

.modalClosePadding {
	padding:4px;
}

.modalClose {
	text-align:right;
	padding:0px 5px 5px 5px;
}

#basicModalContent {
	display:none;
}
*/


/*-------------------------------------
[ Minimum Width ]
[ although the min width may not ]
[ be necessary it dosen't hurt and ]
[ the bottom buffer is something ]
[ I often over look :) ]
-------------------------------------*/

.minWidthAndBottomBuffer {
	width:980px;
	height:40px;
}












/*-------------------------------------
[ Buffers ]
-------------------------------------*/

.vBuffer5 {
	height:5px;
	width:1px;
}

.vBuffer10 {
	height:10px;
	width:1px;
}

.vBuffer20 {
	height:20px;
	width:1px;
}






/*-------------------------------------
[ Dividers ]
-------------------------------------*/

.hr_x1 {
	height:1px;
	border-bottom:1px solid #999;
}

/*.hr {
	height:1px;
	border-bottom:1px solid #999;
	margin-bottom:8px;
}


.hrDarkGray {
	height:1px;
	border-bottom:1px solid #999;
	margin-bottom:8px;
}

.hrDotted {
	height:5px;
	border-bottom:1px dotted #ccc;
}

.hrDottedDarkGray {
	height:1px;
	border-bottom:1px dotted #999;
	margin-bottom:8px;
}

.hrDottedLightBlue {
	height:1px;
	border-bottom:1px dotted #71a7db;
	margin-bottom:4px;
}

.hrWhite {
	height:1px;
	border-bottom:1px solid #fff;
	padding-bottom:4px;
	margin-bottom:8px;
}

.hrLightBlue {
	height:1px;
	border-bottom:1px solid #b5cee6;
	padding-bottom:4px;
	margin-bottom:8px;
}
*/




/*-------------------------------------
[ Text]
-------------------------------------

.txtCharcoal {
	color:#4b4b4b;
}
*/



/*-------------------------------------
[ Links ]
-------------------------------------

.lnkTop:link {
	font:normal 8pt arial;  	
	text-decoration:none;		
	color:#666; 	
	letter-spacing:1px;
}

.lnkTop:visited {
	font:normal 8pt arial;  	
	text-decoration:none; 		
	color:#666; 	
	letter-spacing:1px; 
}

.lnkTop:hover {
	font:normal 8pt arial;  	
	text-decoration:underline; 	
	color:#999; 	
	letter-spacing:1px; 
}

.lnkTop:active {
	font:normal 8pt arial;  	
	text-decoration:none; 		
	color:#666;
	letter-spacing:1px;
}*/

/****** cancel *****

.lnkCancel:link {
	font:normal 8pt arial;  	
	text-decoration:underline;		
	color:#999;
}

.lnkCancel:visited {
	font:normal 8pt arial;
	text-decoration:underline;
	color:#999;
}

.lnkCancel:hover {
	font:normal 8pt arial;
	text-decoration:underline;
	color:#999;
}

.lnkCancel:active {
	font:normal 8pt arial;
	text-decoration:underline;
	color:#999;
}*/

.lnkSmGray:link {
	font:normal 8pt arial;  	
	text-decoration:underline;		
	color:#999;
}

.lnkSmGray:visited {
	font:normal 8pt arial;
	text-decoration:underline;
	color:#999;
}

.lnkSmGray:hover {
	font:normal 8pt arial;
	text-decoration:underline;
	color:#999;
}

.lnkSmGray:active {
	font:normal 8pt arial;
	text-decoration:underline;
	color:#999;
}

/****** root ******/

a:link {
	font:normal 9pt arial; 	
	text-decoration:underline;	
	color:#369; 
}

a:visited {
	font:normal 9pt arial;
	text-decoration:underline;
	color:#369; 
}

a:hover {
	font:normal 9pt arial; 	
	text-decoration:underline;
	color:#369; 
}

a:active {
	font:normal 9pt arial;
	text-decoration:underline;
	color:#369; 
}