@charset "utf-8";

/*********************
 default css start
**********************/
* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	background-color: #f1f1f1 !important;
}


body:not(.mobileFriendlyView) {
	background-color: #f1f1f1;
	color: #333;
	min-width: 1024px;
}

body:not(.mobileFriendlyView) {
	font: 62.5% Arial;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #cc0001;
}

h1:not(.mobileFriendlyView),
.h1 {
	font-size: 22px;
}

h2 {
	font-size: 1.4em;
	padding-bottom: 0.2em;
}

/*h3 {
	font-size: 120%;
	color: #000;
}*/

h3,
.h3 {
	font-size: 18px;
}

h4 {
	font-size: 110%;
	padding-bottom: 0.2em;
	color: #666;
	font-weight: normal;
}

.portlet-content h4 {
	margin-top: 1.65em;
}


hr {
	display: block;
	margin: .5em 0 .5em 0;
	border-top: 1px solid #dbdbdb;
	border-bottom: 2px solid #f5f5f5;
	border-left: none;
	border-right: none;
}

hr.spacer {
	margin-top: 1em;
	margin-bottom: 1em;
}

.wlp-bighorn-layout-flow-last hr.spacer {
	margin: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearAll {
	clear: both;
	font-size: 1px;
	display: block;
	line-height: 1px;
	height: 1px;
}

p.clearAll {
	clear: both;
	line-height: 1em;
	height: auto;
}

.clear {
	clear: both;
}

div.spacer {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: .8em;
	line-height: .8em;
	height: .9em;
}

img {
	border: none;
}

.red {
	color: #CC0000;
}

/*************************
	grid
*************************/
#main {
	display: block;
	position: relative;
	top: 0;
	bottom: 0;
	min-width: 1024px;
	width: 1100px;
	margin: 0 auto;
	/*width: 98em;*/
	/*width: 126.3em;*/
}

#main-shadow {
	display: block;
	position: absolute;
	top: 0;
	left: 98em;
	width: 10px;
	height: 409px;
	z-index: 2;
	background: url(../images/shadow_main_right.gif) no-repeat left top;
}

#header {
	background-color: #ffcc00;
	height: 55px;
	padding-left: 1.5em;
	border-width: 0px;
	border-bottom: 2px solid #fcefc9;
	position: relative;
	overflow: hidden;
}

#header img#logo {
	/*margin-top: 1.9em;
	float: left;*/
	margin: 18px 18px 8px 3px;
	max-height: 39px;
}

#header div#application-title {
	/*margin-top: .3em;*/
	margin-right: 1em;
	float: right;
	height: 100%;
	display: table;
	font-size: 2em;
	color: #CC0000;
}

#header div#header-logout {
	float: left;
	font-weight: bold;
	position: relative;
	top: 3em;
	left: 5.2em;
	font-size: 120%;
}

#header div#header-logout a {
	padding-left: 1.2em;
	background: url(../images/arrow.gif) no-repeat 0.5em 0.35em;
}

arrowLink {
	padding-left: 1.2em;
	background: url(../images/arrow.gif) no-repeat 0.5em 0.35em;
}


#header div#servicelinks {
	float: right;
	padding-top: 2.5em;
	padding-right: 1.6em;
}

#header div#servicelinks li {
	display: inline;
	background: url(../images/servicelink_separator.gif) no-repeat scroll 0.4em 0.5em;
	padding-left: 1em;
}

#header div#servicelinks li.first {
	background: none;
}

#header div#servicelinks li.active {
	color: #B28E00;
}

#header div#servicelinks a {}

#header div#servicelinks a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#navigation-top {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	position: relative;
	/*top:3px;*/
	/*background: url(../images/main_navigation_bg.gif) repeat-x;*/
	background-color: #ffcc00;
	white-space: nowrap;
	display: block;
	z-index: 400;
	min-height: 45px;
}

#navigation-top-shadow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	height: 9px;
	width: 652px;
	margin: 0;
	padding: 0;
	background: url(../images/shadow_navigation_main_bottom.png) no-repeat left top;
}

#navigation-logout {
	float: right;
	padding-right: 1em;
	/*padding-top: 1em;*/
	font-size: 10px;
	height: 45px;
	display: table;
}

#navigation-logout span {
	color: #330;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
}

#navigation-logout span.username {
	color: #330;
	font-weight: bold;
	font-size: 12px;
}

#navigation-logout a.logoutLink {
	color: #000000;
	background-color: #d1d1d1;
	font-weight: normal;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-left: 1em;
}

#smep_portal_book_home {
	display: flex;
	width: 100%;
}

#main-area,
.wlp-bighorn-book-main-content main-area,
.wlp-bighorn-book-main-content {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	/*width: 98em;*/
	/*width: 127.2em;*/
	width: 100%;
	border: 0px solid red;
	background-color: #FFF;
	/*min-height: 800px;
	max-height: 1024px;*/
	display: inline-flex;
	overflow: auto;
}

/* font size fix if the navigation is included in a page */
.wlp-bighorn-page #navigation-left,
.wlp-bighorn-page #navigation-left-shadow {
	font-size: 82%;
}

#navigation-left {
	float: left;
	width: 20em;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #e9e9e9;
	border: 0px solid teal;
}

#navigation-left-new {
	float: left;
	width: 25%;
	padding: 0;
	margin-left: 1%;
	height: 100%;
	/*margin-bottom: 20px;*/
	overflow: hidden;
	background-color: #fff;
	/*height: 1054px;*/
	/*border-right: 1px solid #ccc;*/
}


#navigation-left-shadow {
	position: absolute;
	top: 0em;
	left: 21em;
	z-index: 1;
	height: 409px;
	width: 26px;
	/*background: url(../images/shadow_content_title_right.png) no-repeat left top;*/
	background-color: #fff;
	border: 0px solid red;
}

#navigation-left img.navigationBanner {
	width: 20em;
}

.wlp-bighorn-book-content {
	position: relative;
	float: left;
	width: 75%;
	padding: 0;
	margin: 10px 0 0 0;
	background-color: #fff;
	border: 0px solid red;
}

#content-main-container {
	float: left;
	width: 65%;
	min-width: 400px;
	padding: 0;
	margin: 20px 0 0 20px;
}

#content-main-container-shadow {
	position: absolute;
	top: -4.6em;
	left: 51.7em;
	z-index: 2;
	height: 409px;
	width: 10px;
	background: url(../images/shadow_content_main_right.png) no-repeat left top;
}

#content-main-center {
	width: 78%;
	float: left;
	padding: 0;
}

#content-main-center .content {
	margin: 10px 12px 10px 8px;
	border: 0px solid yellow;
}

#content-main-right {
	width: 25em;
	float: right;
	padding: 0;
	border: 0px solid green;
}

#content-main-right .content {
	margin: 10px 15px 10px 4px;
	border: 0px solid yellow;
}

/*********************
	 footer styles
**********************/
.wlp-bighorn-page #footer {
	font-size: 100%;
}

#footer {
	/* width: 73em; */
	/*width: 99em;*/
	/* min-width: 1024px; */
	padding: 0;
	/*padding-top: 100px;*/
	padding-bottom: 0;
	/*background: url(../images/shadow_footer_right.gif) no-repeat right
		bottom;*/
	clear: left;
}

#footer p {
	font-size: 1em;
	color: #000;
}

#footer div.container {
	/*padding: 2em 1em 2em 1em;*/
	/*padding: 15px 20px 15px 20px;*/
	background-color: #fff;
	/* width: 70em; */
	/*width: 96em;*/
	/*margin-bottom: 0;*/
	margin: 0 auto;
}

#footer .logo {
	float: left;
	height: 20px;
	overflow: hidden;
	margin-top: .5em;
}

#footer .footer_navigation {
	float: right;
	width: 30em;
	text-align: right;
	margin-top: 0.7em;
}

#footer .footer_navigation li {
	display: inline;
}

#footer .footer_navigation li a {
	padding-left: 0.5em;
	background: url(../images/servicelink_separator.gif) no-repeat 0 0.4em;
}

#footer .footer_navigation li a.first {
	padding-left: 0.5em;
	background: none;
}

#footer .footer_navigation li a.printLink {
	padding-left: 1.6em;
	background: url(../images/icon_print.gif) no-repeat 0 0;
}


#footer .footer_navigation a.email {
	padding-left: 1.6em;
	background: url(../images/icon_mail.gif) no-repeat 0 0.1em;
}

#footer .footer_navigation a.print {
	padding-left: 1.6em;
	background: url(../images/icon_print_popup.gif) no-repeat 0 0em;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .area {
	margin: 60px 0 25px 0;
}

/*********************
 default css end
**********************/

/*********************
	 navigation css start
**********************/

/*
#navigation-top li {
	display: inline;
	position:relative;
}

#navigation-top a {
	font-size: 120%;
	font-weight: normal;
	color: #fff;
	padding-right: 3em;
}

#navigation-top a:hover {
	color: #ffcc00;
}

#nav li:hover,#nav li.hover {
	position: static;
}

#nav {
	position: relative;
	display: inline;
	float: left;
	list-style: none;
	z-index: 900;
}



#nav a.nav_top {
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.15em 29px 0.15em 0em;
	background-color: #CC0000;
}

#nav a.nav_top_active {
	display: block;
	color: #ffcc00;
	font-weight: bold;
	text-decoration: none;
	padding: 0.15em 29px 0.15em 0em;
	background-color: #CC0000;
}

#nav a.nav_top:hover,#nav a.nav_top_active:hover {
	color: #ffcc00;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	font-weight: normal;
	margin: 0em 0 0 -2em;
	background: #cc0000 url(../images/bg_navi_drop.jpg) 0 0.5em no-repeat;
	z-index: 900;
}


#main_navigation {
	clear: left;
}

*/

#main_navigation a,
#main_navigation a:link {
	color: #fff;
}

#main_navigation a:hover {
	text-decoration: none;
	color: #ffcd00;
}

a.navi,
a.navi:link,
a.navi:visited {
	padding: 4px 14px;
	display: block;
	background: url(../images/arrow_navi.gif) no-repeat 0.3em 0.5em;
}

a.navi:hover {
	color: #ffcd00;
	background: url(../images/arrow_navi_on.gif) 0.3em 0.5em no-repeat;
}

a.naviTrans,
a.naviTrans:link,
a.naviTrans:visited {
	color: #ffffff;
	padding: 0.32em 1.2em;
	background: url(../images/arrow_naviTrans.gif) left 0.4em no-repeat;
	display: block;
}

a.naviTrans:hover {
	color: #ffcd00;
	padding: 0.32em 1.2em;
	background: url(../images/arrow_naviTrans_on.gif) left 0.4em no-repeat;
}

/* menu contact */

#menu-contact {
	font-size: 12px;
	margin-top: 2em;
	margin-left: 1.7em;
}

#menu-contact h4 {
	font-size: 1em;
	color: #000;
}

#menu-contact p.text {
	font-size: 1em;
	color: #000;
}

p.hint {
	font-size: .9em;
	color: #000;
}

#menu-contact hr.spacer {
	width: 13em;
}

/* sub navigation styles */
#menu {
	width: 17em;
	font-size: 120%;
	margin-top: 2.2em;
	border-top: 1px solid #333;
}

#menu .toplevel {
	width: 13em;
	margin-left: 1.7em;
	margin-bottom: -0.8em;
}

#menu .toplevel hr {
	margin-top: 1.2em;
	margin-bottom: 1.60em;
}

#menu .toplevel h2 {
	padding-bottom: 0;
	margin-bottom: 0.3em;
}

#menu ul {
	padding: 0;
}

#menu li {
	padding: 0 0 0 10px;
	list-style-type: none;
}

.menu-level-1 a,
.menu-level-1-selected a,
.menu-level-1-sub a,
.menu-level-1-selected-sub a {
	font-weight: normal;
	display: block;
	position: relative;
	left: 10px;
	top: 0px;
	width: 11.5em;
	padding: 0.2em 2px 0.15em 6px;
	padding-left: 11px;
	color: #330;
}

.menu-border {
	border-top: 1px solid #dcdbd9;
}

.menu-spacer {
	border-bottom: 1px solid #dcdbd9;
	display: block;
	width: 151px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
	position: relative;
	left: 10px;
	top: 0px;
	margin: 0;
	padding: 0;
}

.menu-level-1 a,
.menu-level-1-sub a {
	border-bottom: 1px solid #dcdbd9;
	/*background: url(../images/arrow.gif) no-repeat 0 0.45em;*/
}

.menu-level-1-selected a {
	font-weight: bold;
	border-bottom: 1px solid #dcdbd9;
	/*background: url(../images/arrow.gif) no-repeat 0 0.45em;*/
}

.menu-level-1-selected-sub a {
	font-weight: bold;
	background: url(../images/arrow_down.gif) no-repeat 0 0.45em;
}

.menu-level-2 a,
.menu-level-2-selected a,
.menu-level-2-sub a,
.menu-level-2-selected-sub a {
	font-weight: normal;
	display: block;
	position: relative;
	left: 11px;
	top: 0px;
	width: 13em;
	padding: 0.2em 0 0.2em 10px;
	padding-left: 10px;
	color: #000000;
	background: url(../images/arrow.gif) no-repeat 0 0.5em;
}

.menu-level-1 a:hover,
.menu-level-1-selected a:hover,
.menu-level-2 a:hover,
.menu-level-2-selected a:hover {
	text-decoration: underline;
	color: #CC0001;
}

.menu-level-2-selected a {
	font-weight: bold;
	background: url(../images/arrow.gif) no-repeat 0 0.5em;
}

.menu-level-2-selected-sub a {
	font-weight: bold;
	background: url(../images/arrow_down.gif) no-repeat 0 0.5em;
}

/* reset for nested menus */
.menu-level-2-selected .menu-level-2 a,
.menu-level-2-selected-sub .menu-level-2 a {
	font-weight: normal;
	background: url(../images/arrow.gif) no-repeat 0 0.5em;
}

.menu-level-2-selected-sub .menu-level-2-selected a {
	background: url(../images/arrow.gif) no-repeat 0 0.5em;
}

#startpageSelect {
	margin: 12px 0 0 20px;
	font-size: 120%;
}

#startpageSelect label.inlineLabels {
	display: inline;
	line-height: 2em;
	margin: 0.1em 0 0 0.2em;
}

/*********************
	 navigation css end
**********************/

/*********************
 portlet css start
**********************/
#page {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 2em 25em 2em 25em;
}

.portlet-container {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	margin-bottom: 3em;
}

.portlet-container form h3 {
	color: #000;
}

.portlet-container .datagrid-header,
.portlet-container label {
	font-size: 100%
}

.shadow-tl,
.shadow-tr,
.shadow-bl,
.shadow-br {
	position: absolute;
	z-index: 2;
	width: 9px;
	height: 9px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0px solid red;
}

.shadow-tl {
	background: transparent url(../images/corner_tl5.gif) no-repeat scroll left top;
	top: 0px;
	left: 0px;
}

.shadow-tr {
	background: transparent url(../images/corner_tr5.gif) no-repeat scroll left top;
	top: 0px;
	right: 0px;
}

.shadow-bl {
	background: transparent url(../images/corner_bl5.gif) no-repeat scroll left top;
	bottom: 0px;
	left: 0px;
}

.shadow-br {
	background: transparent url(../images/corner_br5.gif) no-repeat scroll left top;
	bottom: 0px;
	right: 0px;
}

.portlet-container .shadow1,
.portlet-container .shadow2,
.portlet-container .shadow3,
.portlet-container .portlet-content {
	position: relative;
	padding: 0px;
}

.portlet-container .shadow1 {
	background-color: #FAFAFA;
	border: 1px solid #FAFAFA;
	border-top-color: #FDFDFD;
	border-left-color: #FDFDFD;
}

.portlet-container .shadow2 {
	background-color: #F4F4F4;
	border: 1px solid #F4F4F4;
	border-top-color: #FAFAFA;
	border-left-color: #FAFAFA;
}

.portlet-container .shadow3 {
	background-color: #EDEDED;
	border: 1px solid #EDEDED;
	border-top-color: #F5F5F5;
	border-left-color: #F5F5F5;
}

.portlet-container .portlet-content {
	padding: 1em;
	background: #f2f2ed;
	border: 1px solid #DADADA;
	border-top-color: #EEEEEE;
	border-left-color: #EEEEEE;
	overflow: hidden;
}

.portlet-navigation {
	margin-top: 1em;
	;
}

.portlet-navigation ul {
	margin: 0;
	margin-left: 1.6em;
	padding: 0;
}

.portlet-navigation ul li.portlet-tab {
	line-height: normal;
	z-index: 10;
	position: relative;
	display: inline;
	margin-left: .2em;

}

.portlet-navigation .portlet-tab a,
.portlet-navigation .portlet-tab span {
	position: relative;
	font-size: .9em;
	border: 1px solid #ccc;
	border-bottom: 0px;
	background-color: #FFFFFF;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}


.portlet-navigation .active a,
.portlet-navigation .active span {
	border: 1px solid #ccc;
	border-bottom: 2px solid #f2f2ed;
	z-index: 10;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	background-color: #f2f2ed;
}

.portlet-navigation .portlet-tab a:hover {
	color: #cc0000;
	text-decoration: underline;
	font-weight: bold;
}

/*********************
 portlet css end
**********************/

.ie-center {
	text-align: left;
}

.login-container {
	/*text-align: left;*/
	margin-left: 38px;
}

.login-header-text {
	font-size: .84em;
}

.welcomeFontSize {
	color: white;
}

div#welcome {
	height: 55px;
}

#portletInstance_loginContent>div>div>div.container_title>div>div.richtext.fontsize12>hr {
	border-top: 1px solid transparent;
	border-bottom: 2px solid transparent;
}

.background-container {
	height: 700px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	min-width: 1100px;
	width: 100%;
	overflow: hidden;
}

.background {
	background-image: url("../images/Homepage_background.jpg");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esecure/assets/images/Homepage_background.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esecure/assets/images/Homepage_background.jpg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	background-size: 100%;
	min-height: 700px;
	position: absolute;
	top: 0;
	width: 100%;
}

#smep_portal_page_login {
	width: 100%;
	display: inline-block;
}

#smep_portal_page_login>#navigation-left {
	background-color: transparent;
	width: 290px;
	float: right;
	min-height: 500px;
	margin: 20px 20px 0 0;
}

#smep_portal_page_login>#navigation-left>.wlp-bighorn-layout-cell {
	background-color: #f1f1f1;
	min-height: 350px;
	/* padding-top: 10px; */
	display: flex;
	justify-content: center;
}

#message-content {
	height: 68px;
	background-color: #f1f1f1;
	width: 100%;
	display: flex;
}

#portletInstance_loginContent div>p {
	margin-right: 5px;
}

#smep_portal_page_login>#navigation-left #username,
#smep_portal_page_login>#navigation-left #password,
#smep_portal_page_login>#navigation-left input.submit {
	width: 210px !important;
	height: 40px !important;
	font-size: 16px;
	margin-top: 0px;
	padding: 6px 8px;
}

#smep_portal_page_login>#navigation-left input.submit {
	border: none;
	color: black;
	background-color: #ffcc00;
}

#smep_portal_page_login>#navigation-left h1 {
	font-size: 16px !important;
}

#smep_portal_page_login>#navigation-left .label {
	font-weight: lighter;
	font-size: 14px;
}

#portletInstance_Login.wlp-bighorn-window {
	margin: 0 !important;
	border-style: none;
}

#smep_portal_page_login>#portletInstance_Login>.wlp-bighorn-window-content {
	margin: 2px 2px 2px 2px;
}

#smep_portal_page_login #portletInstance_Login .wlp-bighorn-window-content>h1 {
	margin-left: 40px;
	margin-top: 20px;
}

#smep_portal_page_login #portletInstance_loginContent .richtext {
	background-size: cover;
	background-image: url('../images/Transparent Filter.png');
	background-repeat: no-repeat;
	padding-bottom: 2em;
	min-height: 380px;
	font-size: 16px;
}

#smep_portal_page_login #portletInstance_loginContent .richtext img {
	width: 80px !important;
	height: auto;
	overflow: hidden;
}

.pagetitle .richtext p {
	color: white !important;
}

/********************
	progres bar
********************/

ul.progress-bar {
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 0;
	height: 23px;
}

ul.progress-bar li {

	display: inline;
}

ul.progress-bar li span {
	float: left;
	display: block;
	height: 23px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding-left: 10px;
	padding-top: 6px;
	padding-right: 2em;
	font-weight: bold;
}

ul.progress-bar li.first-step span.step {
	border-left: 1px solid #d1d1d1;
}

ul.progress-bar li.first-step-active span.step {
	font-weight: bold;
	color: #000000;
	background-color: #e8e8e4;
	border-left: 1px solid #d1d1d1;
}

ul.progress-bar li.second-step span.step {
	border-right: 1px solid #d1d1d1;
}

ul.progress-bar li.second-step-active span.step {
	border-right: 1px solid #d1d1d1;
	color: #000000;
	background-color: #e8e8e4;
}

ul.progress-bar li.first-step-active span.connector {
	background-image: url(../images/arrow_paperwork_post_status.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 20px;
	float: left;
	border: 0;
	padding: 0;
}

ul.progress-bar li.first-step span.connector {
	background-image: url(../images/arrow_paperwork_pre_status.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 20px;
	float: left;
	border: 0;
	padding: 0;
}

/********************
	jquery css menu
********************/

#nav {
	margin-left: .9em;
	overflow: visible;
}


.jquerycssmenu {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border: 0px;
}


.jquerycssmenu ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	z-index: 400;
}

/*Top level list items*/
/*Only apply to first ul li elements*/
.jquerycssmenu>ul>li {
	height: 45px;
}

.jquerycssmenu ul li {
	position: relative;
	display: table;
	float: left;
	z-index: 400;
	/*background: #CC0000 url(../images/main_navigation_bg.gif) top center repeat-x; /*background of tabs (default state)*/
}

/*Top level menu link items style*/
.jquerycssmenu ul li a,
.jquerycssmenu a.height {
	display: table-cell;
	vertical-align: middle;
	background: transparent;
	padding: .5em 1em .4em 1em;
	margin-right: 0px;
	/*spacing between tabs*/
	color: #330;
	text-decoration: none;
}

.jquerycssmenu ul li a:hover,
.jquerycssmenu ul li a.nav_top_active {
	/*color: #ffcc00;*/
}

* html .jquerycssmenu ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

/*1st sub level menu*/
.jquerycssmenu ul li ul.submenu {
	margin-top: -25px !important;
}

.jquerycssmenu ul li ul {
	position: absolute;

	top: 45px !important;
	left: 0;
	display: block;
	visibility: hidden;
	/*border-top: 1px solid #CC0000;*/
	z-index: 400;
	width: 250px;
	/*background: #330 url(../images/bg-shadow-main-sub-nav.png) no-repeat;*/
	background-color: #330;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li {
	position: relative;
	top: 0;
	z-index: 400;
	display: block;
	float: none;
	/* background: #CC0000 url(../images/main_navigation_bg.gif) top center repeat-x; */
	/*background: #CC0000;*/
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jquerycssmenu ul li ul li ul {
	;
	background-repeat: repeat-x;
	background-position: -30px 0px;
	position: absolute;
	top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a,
.jquerycssmenu ul li ul li a.menu-folder,
.jquerycssmenu ul li ul li a.menu-item {
	width: 172px;
	/*width of sub menus*/
	font-weight: normal;
	background: transparent;
	color: #FFF;
	padding: .9em .4em 0 1.8em;
	margin: 0;
	/*border: 1px solid #CC0000;*/
	position: relative;
	z-index: 400;
}

.jquerycssmenu ul li ul li a:hover {
	/*sub menus hover style*/
	color: #ffcc00;
}

.jquerycssmenu ul li ul li a.menu-folder {
	background: transparent url(../images/arrow_naviTrans.gif) no-repeat .5em .85em;
}

.jquerycssmenu ul li ul li a:hover.menu-folder {
	background: transparent url(../images/arrow_naviTrans_on.gif) no-repeat .5em .85em;
}

.jquerycssmenu ul li ul li a.menu-item {
	background: transparent url(../images/arrow_navi.gif) no-repeat .8em 1em;
}

.jquerycssmenu ul li ul li a:hover.menu-item {
	background: transparent url(../images/arrow_navi_on.gif) no-repeat .8em 1em;
}

div.borderfull {
	position: relative;
	border: 1px solid #DCDBD9;
	margin-top: 20px;
	padding: 20px 5px 5px;
	margin-bottom: 10px;
}



div.registrationWizardInnerContainer {
	padding-left: 3px
}

div.registrationWizardInnerContainer td {
	padding-right: 3px;
}

table.form-table {
	width: 86.5%;
}

table.form-table input {
	width: 100%;
}

table.registration-table-address td {
	padding: 0;
	padding-bottom: 0.75em;
}


table.registration-table {
	width: 86.5%;
}

table.registration-table td {
	padding-bottom: 0.75em;
	padding-right: 1.75em;
}

table.registration-table td.twospan input.textBox {
	width: 90.5%;
}

table.registration-table td.twospan input.submit {
	margin-right: 9%;
}

table.registration-table input.textBox {
	width: 80%;
}

table.accountNumberTable td {
	line-height: 17px;
	color: #666;
}

.wlp-bighorn-page ul li.pwd-invalid {
	color: red;
}

.wlp-bighorn-page ul li.pwd-valid {
	color: green;
}

.wlp-bighorn-page ul li.pwd-recommended {
	color: #FF8000;
}

.wlp-bighorn-page ul.pwd-legend {
	font-size: 100%;
}

.wlp-bighorn-page ul.pwd-legend li {
	float: left;
	padding-right: 8px;
}

.pwd-tooltip p {
	margin-top: .6em;
}

.pwd-tooltip p:first-child {
	margin-top: 0;
}

div.strength-indicator-bar {
	background-image: url(../images/pwd-strength-indicator.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 10px;
}

div.strength-indicator-bar.pwd-invalid {
	background-position: left top;
}

div.strength-indicator-bar.pwd-valid {
	background-position: right top;
}

div.strength-indicator-bar.pwd-recommended {
	background-position: center top;
}

div.strength-indicator {
	border: 1px solid #D1D1D1;
	padding: 2px;
}

.bg-password {
	background-image: url('../images/bg-password.gif');
	background-position: left center;
	background-repeat: no-repeat;
}

.richtext {
	font-size: 100%;
	line-height: 1.46em;
	color: #666;
	padding-top: .2em;
}

#tcpform .richtext,
.dhl.tabs .standard_article .richtext,
.standard_article .richtext {
	margin-bottom: 1.2em;
}

.containerTabNavigation,
.containerContentTabs {
	position: relative;
	top: -1px;
	*top: -2px;
	width: 480px;
	z-index: 0;
}

.clear {
	font-size: 10%;
	line-height: 0;
	height: 0;
}

.containerContentTabs {
	border-top: 1px solid #DBDBDB;
	padding-top: 23px;
}

.label {
	display: block
}

.topSpace {
	height: 40px;
}


/*.side-menu{float:left;width:23%;min-height:1px;margin:0;padding:0;list-style:none}*/
.side-menu {
	float: left;
	min-height: 1px;
	height: 100%;
	width: 92%;
	margin: 0;
	padding: 0;
	list-style: none;
}

/*.side-menu:before{position:absolute;top:0;bottom:0;box-sizing:content-box;width:23%;content:'';border-right:1px solid #7a7a7a;background:#fafafa}.side-menu_narrow{width:15%}*/
.side-menu__title {
	position: relative;
	margin: 0;
	padding: 3px 5px;
	cursor: default;
	color: #fafafa;
	background-color: #7a7a7a;
	font-size: 12px
}

.side-menu__item {
	margin: 0;
	border-right: 1px solid #7a7a7a;
	padding: 10px 40px 10px 10px;
}

.side-menu__link {
	position: relative;
	display: block;
	cursor: pointer;
	-webkit-transition: border-left-width, border-color, color, padding, margin 0.25s;
	transition: border-left-width, border-color, color, padding, margin 0.25s;
	text-decoration: none;
	color: #7a7a7a;
	border: 1px solid transparent;
	outline: none;
	font-size: 14px;
}

.side-menu__item_is-active {
	margin: 0;
	border-left: 3px solid #7a7a7a;
	border-top: 1px solid #7a7a7a;
	border-bottom: 1px solid #7a7a7a;
	padding: 10px 40px 10px 10px;
	color: #7a7a7a;
	font-weight: bold;
}

.paddingTopMenu_li {
	padding-top: 10px;
	border-right: 1px solid #7a7a7a
}

.side-menu__link:hover {
	color: #189aca
}

.side-menu__item.is-active .side-menu__link,
.side-menu__link.is-active {
	margin-right: -1px;
	padding-right: 0;
	padding-left: 12px;
	cursor: default;
	color: #7a7a7a;
	border-color: #7a7a7a;
	border-right-color: #fff;
	border-left-width: 3px;
	background: #fff;
	font-weight: bold
}

.side-menu__item:first-child .side-menu__link {
	border-top-width: 0
}

.side-menu__list {
	display: none;
	margin: 0;
	padding-left: 20px
}

.side-menu__list .side-menu__item .side-menu__link {
	border-top-width: 1px
}

.side-menu__list-wrapper>.side-menu__link:after {
	font-family: "dhl";
	content: '\E007';
	padding-left: 4px
}

.side-menu__list-wrapper.is-expanded>.side-menu__link {
	font-weight: bold
}

.side-menu__list-wrapper.is-expanded>.side-menu__link:after {
	font-family: "dhl";
	content: '\E00A'
}

.side-menu__list-wrapper.is-expanded>.side-menu__list {
	display: block
}

.side-content {
	float: left;
	position: relative;
	width: 77%;
	min-width: 1px;
	padding: 20px
}

.side-menu_narrow+.side-content {
	width: 85%
}

.input_width_tiny,
.textarea_width_tiny,
.select_width_tiny {
	width: 45px;
}

.input_width_small,
.textarea_width_small,
.select_width_small {
	width: 60px;
}

.input_width_medium,
.textarea_width_medium,
.select_width_medium {
	width: 120px;
}

.input_width_base,
.textarea_width_base,
.select_width_base {
	width: 230px;
}

.input_width_75,
.textarea_width_75,
.select_width_75 {
	width: 75%;
}

.input_width_large,
.textarea_width_large,
.select_width_large {
	width: 500px;
}

.input_width_huge,
.textarea_width_huge,
.select_width_huge {
	width: 75%;
}

.input_width_full,
.textarea_width_full,
.select_width_full {
	width: 100%;
}

.input_width_half,
.textarea_width_half,
.select_width_half {
	min-width: 50%;
}

.input_height_large,
.textarea_height_large,
.select_height_large {
	min-height: 200px;
}

.input_height_full,
.textarea_height_full,
.select_height_full {
	min-height: 150px;
}

.tdSeparator {
	width: 40px;
}

.pagetitle {
	/*padding-top:5px;*/
}

}

hr {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 20px 0;
	border: 0;
}

.hr {
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
	clear: both;
}


.margin-bottom-none {
	margin-bottom: 0 !important;
}

.margin-none {
	margin: 0 0 !important;
}

.margin-bottom-left {
	margin-left: 14px;
	margin-bottom: 0px;
}

.margin-top-none {
	margin-top: 0 !important
}

.adjustMenuHeight {
	height: 100%;
}

.tempHeightLeft {
	height: 1064px;
}

.searchBtnDiv {
	margin: 50px 0 0 120px;
}

#header div#resource-link {
	/*margin-top: .3em;*/
	padding-right: 4em;
	/*float: right;*/
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	color: #333;
}

#header div#resource-link a {

	font-size: 10px;
	color: #333;
}

.addedDetailsTable {
	width: 100%;
	font-size: 110%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.addedDetailsTable th {
	background: #FFFFFF;
	height: 50px;
	text-align: left !important;
	border: 0px solid #999999;
	border-bottom: none;
	padding: 3px 30px 0 5px;
	color: #189aca;
	font-size: 13px;
}

.addedDetailsTable td {
	border: 0px solid #999;
	border-width: 0px 0px;
	padding: 3px 0 2px 4px;
	paddin-left: 3px;
	padding-top: 4px;
	vertical-align: text-top;
}

table .addedDetailsTable thead tr .header {
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

table .addedDetailsTable thead tr {
	border-top: 1px solid #ccc;
	font-size: 13px;
	font-weight: bold;
	height: 50px;
}

.addedDetailsTable tr:nth-child(even) {
	background: #FFF;
	height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.addedDetailsTable tr:nth-child(odd) {
	background: #e4e4e4;
	height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


#ui-datepicker-div {
	width: 250px;
}

#ui-datepicker-div td a {
	padding-top: 5px;
	text-align: center;
	height: 25px;
}

#ui-datepicker-div td[class*=ui-state-disabled] span {
	padding-top: 5px;
	text-align: center;
	background-color: #BFBFBF;
	color: black !important;
	font-weight: bold;
	height: 25px;
}

.ui-icon-circle-triangle-w {
	background: none !important;
}

.ui-icon-circle-triangle-e {
	background: none !important;
}

.ui-datepicker-prev:before {
	position: absolute;
	font-size: 12px;
	top: 5px;
	right: 0px;
	font-family: "dhl";
	content: '\f118';
}

.ui-datepicker-next:before {
	position: absolute;
	font-size: 12px;
	top: 5px;
	left: 0px;
	font-family: "dhl";
	content: '\f11a';
}

/* PHONE CSS START*/
.phoneTypeDivStyle {
	display: flex;
	flex-direction: column;
	width: 65px;
	min-width: 65px;
}

.phoneCountryCodeDivStyle {
	display: flex;
	flex-direction: column;
	width: 80px;
	margin-left: 5px;
}

.phoneNumberDivStyle {
	display: flex;
	flex-direction: column;
	margin-left: 5px;
	width: 130px;
}

.phoneExtensionDivStyle {
	flex-direction: column;
	width: 70px;
	margin-left: 5px;
}

.removePhoneDivStyle {
	display: flex;
	align-items: center;
	margin-left: 5px;
}

.phone1RowDivStyle {
	display: flex;
	margin-right: 5px;
	margin-top: 10px;
}

.adminPhoneDivStyle {
	display: flex;
	margin-right: 5px;
}


/* PHONE CSS END*/

.show-table {
	background-image: url('../images/asc.gif');
	/* The image used */
	height: 4px;
	/* You must set a specified height */
	background-position: center center;
	/* Center the image */
	background-repeat: no-repeat;
	/* Do not repeat the image */
	margin: 0;
	padding: 4px 7px;
	display: inline-block;
}

.hide-table {
	background-image: url('../images/desc.gif');
	/* The image used */
	height: 4px;
	/* You must set a specified height */
	background-position: center center;
	/* Center the image */
	background-repeat: no-repeat;
	/* Do not repeat the image */
	margin: 0;
	padding: 4px 7px;
	display: inline-block;
}

.alert.error.globalErrors {
	overflow-wrap: anywhere;
}

.loadingGlobeModal {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loadingGlobe.gif') 50% 50% no-repeat rgba(249, 249, 249, 0.8);
}

div.wlp-bighorn-book-content.loading .loadingGlobeModal {
	display: block;
}

div.uploadPageExpTar {
	position: relative;
}

/*.wsprewrap{
	white-space: pre-wrap;
}*/

.plusSignMyDhlPlus {
	position: relative;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	z-index: 9999;
	background: url('../images/expandPlus.png') 50% 50% no-repeat;
	background-size: contain;
}

/*
<div class="plusSignMyDhlPlus" title="Add Phone"></div>
<div class="minusSignMyDhlPlus" title="Remove"></div>
*/
.minusSignMyDhlPlus {
	position: relative;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	z-index: 9999;
	background: url('../images/expandMinus.png') 50% 50% no-repeat;
	background-size: contain;
}

.auditLogTable .rowMain:hover {
	background-color: #ffeeb2;
	cursor: pointer;
	font-weight: bold;
}

.auditLogTable .detailHead {
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #555555;
}

.auditLogTable .detailHead p {
	text-align: center;
	font-weight: bold;
	color: white;
	line-height: 29px;
	vertical-align: middle;
}

.auditLogTable .detailContent p {
	color: black;
}

.auditLogTable .detailContent.detailtd.field p {
	color: black;
	font-weight: bold;
}

.auditLogTable .rowDetail {
	height: 0px;
}

.auditLogTable .odd {
	background-color: white;
}

.auditLogTable .odd .detailContent {
	background-color: #f3f3f3;
}

.auditLogTable .even .detailContent {
	background-color: #e9e9e9;
}

.auditLogTable .detailContent {
	padding: 4px 8px 4px 8px;
	background-color: #F2F2F2;
}

.rowMain.activeAuditDetail {
	background-color: #fff9e3;
	font-weight: bold;
}

.detailContent.detailtd.field {
	border-right: 1px solid #ccc;
}

.detailContent.detailtd.before {
	border-right: 1px solid #ccc;
}

.detailContent.detailtd.separator {
	background-color: white;
	height: 11px;
}

.showAdvanceSearchHyperlink:hover {
	text-decoration: underline;
}

.addedAdminRecordsCount {
	padding-bottom: 9px;
}

#auditLog tbody td {
	word-break: break-word;
}

.resizeIcon {
	background: url('../images/resize.gif') top right no-repeat transparent;

}

.progressbar {
	position: absolute;
	height: 110%;
	width: 980px;
	background-color: #FFF;
	z-index: 999999;
	float: left;
	opacity: 0.8;
	filter: alpha(opacity=80);
	display: none;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/esecure/assets/images/plwait.gif') 50% 50% no-repeat rgb(249, 249, 249);
}

.wlp-bighorn-book-main-content.welcome-container {
	height: 600px;
	background: none !important;
	overflow: hidden !important;
}

.wlp-bighorn-book-main-content.confirmlink-container {
	height: 100%;
	background: none !important;
	overflow: hidden !important;
}

.access-denied-container {
	margin-left: 30px !important;
}

.display-none {
	display: none;
}

.display-block {
	display: block;
}

.display-flex {
	display: flex;
}

.display-table-row {
	display: table-row;
}

.display-inline {
	display: inline;
}

.visibility-hidden {
	visibility: hidden !important;
}

.text-align-left {
	text-align: left !important;
}

.text-align-center {
	text-align: center !important;
}

.vertical-align-middle {
	vertical-align: middle !important;
}

.heading-margin {
	margin-bottom: 0.4em !important;
}

.label-checkbox {
	margin-bottom: 10px !important;
}

.button-width-74 {
	width: 74px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-left-5 {
	padding-left: 5px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-0 {
	padding: 0 0 !important;
}

.width-100 {
	width: 100% !important;
}

.width-5 {
	width: 5% !important;
}

.width-10 {
	width: 10% !important;
}

.width-15 {
	width: 15% !important;
}

.width-20 {
	width: 20% !important;
}

.width-90 {
	width: 90% !important;
}

.margin-0 {
	margin: 0px !important;
}

.login-input {
	width: 12em;
}

.login-button {
	float: right;
	margin-right: 46px !important;
}

.ul-width {
	width: 280px !important;
}

.select-option-height {
	height: 15px !important;
}

.country-header-bottom-margin {
	margin-bottom: 0.4em;
	background: white;
	height: 1px;
}

.file-upload-browse {
	margin-bottom: 5px !important;
}

.float-right {
	float: right !important;
}

.alert-uploaded-records-count {
	float: left !important;
	margin-bottom: 5px !important;
}

.separator-line-margin-bottom {
	margin-bottom: 0.4em !important;
}

.separator-line-margin {
	margin: 5px 0 !important;
}

.terms-heading {
	margin: 10px 0px 5px 14px !important;
	font-size: 110% !important;
}

.terms-para {
	font-size: 110% !important;
	margin: 20px 0 0 0 !important;
	text-align: justify !important;
}

.file-download-tips {
	margin-left: 10px;
	padding-bottom: 14px;
	font-size: 10px;
}

.banned-domain-tr {
	border-top: none !important;
}

.remove-phone-button {
	align-items: center !important;
	margin-left: 5px !important;
}

.user-account-detail-table {
	margin-top: 20px !important;
	margin-left: 10px !important;
}

.heading-highlight-color {
	color: #666 !important;
}

.rejected-color {
	color: #cc3300 !important;
}

.approved-color {
	color: #33cc66 !important;
}

.text-underline {
	text-decoration: underline !important;
}

.transparent-background {
	background-color: transparent !important;
}

.footer-cookie {
	vertical-align: super;
	border: none !important;
	font-size: 10px !important;
	color: #333 !important;
	background-color: unset !important;
	text-decoration: none !important;
}

.country-input {
	color: #000;
	border: none;
	background-color: white;
}

.invalid-session-header {
	color: #FF0000;
	font-family: arial;
	font-size: 18px;
}

.login-div {
	width: 290px;
	display: table;
}

.black-color {
	color: #000000 !important;
}


.welcome-header {
	margin-bottom: 0.4em;
	margin-left: 8px;
	font-size: 30px !important;
	color: white;
}

.welcome-message-heading {
	margin-top: 5px;
	margin-left: 15px;
}

.welcome-message-point {
	border: 0px solid #0f0;
	overflow: auto;
	margin-left: 10px;
}

.welcome-message-point-img-div {
	float: middle;
}

.welcome-message-point-img {
	padding: 0 15px;
	float: left;
}

.welcome-message-point-text {
	margin-bottom: 5px;
}

.message-link {
	color: #ffcd00 !important;
	text-decoration: none !important;
}

.dhtml-iframe {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}


#exportCSV::after {
	margin-left: 4px;
	content: '';
	display: none;
	width: 0.59rem;
	height: 0.59rem;
	position: relative;
	border: 0.13rem solid transparent;
	border-right-color: #7a7a7a;
	border-radius: 50%;
	animation: animateLoading 0.7s linear infinite;
	opacity: 0;
}

#exportCSV.loading {
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 5px rgba(173, 173, 173, 0.75);
	border: 1px solid #7a7a7a;
}

#exportCSV.loading::after {
	display: inline-block;
	opacity: 1;
}

@keyframes animateLoading {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

.custAdminSection {
    border: 1px solid #ccc;
    padding: 0px 10px 10px 10px !important;
    margin: 15px 20px 15px 0 !important;
}

.custAdminSection tr td {
    padding: 0.3em 1em 0.3em 1em !important;
}

.expandTarget.custAdmin {
    padding: 0 !important;
    border: 0px !important;
    margin: 0 !important;
}


.userdtailsbtnContainer.custAdmin {
    margin-right: 20px;
    margin-top: 0px;
}

.custAdmin h3 {
    margin: 0px;
    font-size: 135%;
}

.custAdminSection .sectionTitle {
    margin-bottom: 10px;
}

.label-checkbox {
    font-size=0.9em;
}

.icon-info {
	background-image: url("../images/information_rgb_black.svg") !important;
}

.btn-link.btn-link-inline {
	display: inline-block;
	padding: 0;
	margin: 0;
	color: #D40511 !important;
	text-decoration: none !important;
	border: 0;
	background: none !important;
	font-weight: bold;
}
.btn-link:hover, .btn-link:focus{
	color: #cca300 !important;
}

.btn-link:active{
	text-decoration: underline !important;
	border: 0;
	background: none !important;
	box-shadow: none !important;
}

.btn-link.disabled, .btn-link:disabled {
	color: #ccc !important;
	text-decoration: none !important;
	border: 0;
	background: none !important;
}

.table-ack td {
    text-align: right;
	white-space: normal !important;
	word-wrap: break-word;
}

.form-pin input.form-control {
	/* padding: .375rem .95rem; */
}

.form-pin input.form-control::placeholder {
	color: #a7acb0;
}

.btn-bottom {
	height: 2.2rem;
	border-radius: 0.3rem !important;
	min-width: 6rem;
	font-size: 1.0rem !important;
}

.container-box {
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;
}

.resultPageFooter{
	font-size: 0.75rem;
}

body.mobileFriendlyView {
	background-color: #f1f1f1;
	color: #333;
}

table.table-ack th, table.table-ack td{
	color: #666666 !important;
}

#errorMessage > a {
	color: #ffcc00 !important;
}

#errorMessage > a:hover, #errorMessage > a:active {
	text-decoration: underline;
}

table.table-ack {
	table-layout: fixed;
}