/*******************************************************************************
Copyright (c) 2001-2022 IntelliTime Systems Corp.
Name: \VTI\Themes\Classic\nav_style.css (base)
Description: The has the stle for the nav menu and inbox.  This file was produced by the artist.
********************************************************************************
Version Date       Author Comments
10      03/24/2022 AC     [Issue# 13119] Update files missed in revision 3362.
9       02/28/2022 MB     [Issue# 13044] Added new class for client name in debug
                          Applied formatting by AC.
8       09/09/2021 MB     Adjusting client name on top right to always display
7       08/26/2021 MB     Correcting import statement for version 6.0
6       08/05/2021 MB     GUI adjustments for version 6.0
5       04/27/2021 MB     GUI adjustments for version 6.0 - relative path for import ./Classic/themeVariables.css
4       04/20/2021 MB     GUI adjustments for version 6.0
3       04/01/2021 MB     GUI adjustments for version 6.0
2       08/10/2017 PH     Added styling for the minimized News and Information box.
1       10/01/2012 EV     Created.
*******************************************************************************/
@import "themeVariables.css";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
}

body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #585858;
	line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

a, a:link, a:visited {
	color: #585858;
	margin: 0;
	padding: 0;
	font-size: 100%;
	/*Edgar vertical-align:top; */
	vertical-align: baseline;
	text-decoration: none;
	outline: 0 none;
}


	a:hover {
		text-decoration: underline;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

#header_wrap {
	height: 92px;
	min-width: 990px;
	width: 100%;
}

header {
	/*width: 1024px;*/
	width: 99.9%;
}


#logo {
	float: left;
	margin: 25px 10px 25px 10px;
}

nav {
	float: left;
}


	nav ul li a.dir span {
		display: inline-block;
	}


	nav ul li a.topnavText {
		display: block;
		text-align: center;
	}


	nav ul li a img.rightArrow {
		display: inline-block;
		float: right;
		vertical-align: middle;
		line-height: 1.3em;
		zoom: 1;
	}


#contents_wrap {
	width: 98%;
}

/*inbox start */

.inbox_news_wrap {
	padding: 15px;
	width: 100%;
}


.inbox {
	width: 170px;
	float: left;
}

.title {
	background-color: #003D82; /* Default value for older browser */
	background-color: var(--theme-one-dark);
	position: relative;
	height: 34px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	margin-bottom: 2px;
}

.subtitle {
	background: url(../images/title_bg.jpg) repeat-x left top;
	position: relative;
	height: 34px;
}

	.title a, .title a:link, .title a:visited, .subtitle a, .subtitle a:link, .subtitle a:visited, .inboxOption a.inboxlink {
		color: #fff;
	}

.inboxlink {
	float: left !important;
	margin: 10px 0 0 15px !important;
	/*Edgar Added Sept-8-2012*/
	color: White !important;
}

.forwarding {
	float: right;
	/*Edgar change this Sept-7-2012*/
	/*margin-top:10px !important;*/
	margin: 10px !important;
}

.closeInbox {
	display: inline-block;
	background: url(../images/close.png) no-repeat right center;
	height: 16px;
	width: 16px;
	float: right;
	margin: 8px 10px 0 5px !important;
}

.inboxmail {
	border: 1px solid #9d9d9d;
	background: url(../images/inboxmails.jpg) no-repeat center bottom;
	height: 200px;
	position: relative;
	padding-left: 100px;
}

	.inboxmail a, .inboxmail a:link, .inboxmail a:visited, .inboxmail a:hover {
		color: #fff;
		font: bold 30px trebuchet MS;
		left: 75px;
		position: absolute;
		top: 56px;
		text-decoration: none;
	}

		.inboxmail a span#sItemsText {
			color: #585858;
			display: block;
			font: 18px trebuchet MS;
			left: -14px;
			position: absolute;
			top: 40px;
		}

		.inboxmail a span#dInboxCount {
			color: #FFFFFF;
			display: block;
			font: 18px trebuchet MS;
			position: absolute;
			top: 0px;
		}




/*Inbox Inside Start*/

.inside {
	width: 70%;
}

.inboxinside {
	border: 1px solid #9d9d9d;
}

.inboxitems {
	background: #fff url(../images/inbox_itembg.jpg) repeat-x left bottom;
	border-bottom: 1px solid #9d9d9d;
	border-top: 1px solid #9d9d9d;
	padding: 12px;
}

	.inboxitems a, .inboxitems a:link, .inboxitems a:visited {
		color: #10bae8;
	}


/*News & information Start*/

.news {
	width: 60%;
	float: right;
	margin-right: 5%;
}

.newsMini {
	width: 20%;
	margin-right: 5%;
	float: right;
	text-align: center !important;
}

#title {
	position: relative;
	bottom: -10px;
	left: 15px;
	width: 465px;
	height: 34px;
}

.wop {
	padding: 0;
	margin: 0 0 0 400px;
	color: #fff;
}

.informations {
	border: 1px solid #9d9d9d;
}

	.informations article {
		background: #fff url(../images/informationbg.png) repeat-x left bottom;
		border-bottom: 1px solid #9d9d9d;
		border-top: 1px solid #9d9d9d;
		padding-bottom: 25px;
	}

		.informations article img {
			float: left;
			margin: 17px 10px 0 15px;
		}

		.informations article p {
			float: left;
			font-size: 13px;
			line-height: 16px;
			margin: 17px 0 0;
			width: 380px;
		}

.footerlogo {
	margin: 0 auto;
	text-align: center;
}

	.footerlogo strong {
		display: block;
		margin: 3px 0;
	}

	.footerlogo p {
		color: #1976D5;
	}

footer {
	color: #000000; /* Default value for older browser */
	color: var(--theme-one-fg-font-on-very-light);
	text-align: center;
	margin: 50px 0 10px;
}

.nav-TimeSiteMap {
	background: url("./Images/NavMenu/Black/time.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-TimeSiteMap:hover {
		background: url("./Images/NavMenu/Black/time.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}



.nav-Time {
	background: url("../Images/NavMenu/White/time.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Time:hover {
		background: url("../Images/NavMenu/WhiteBold/time.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.nav-Review {
	background: url("../Images/NavMenu/White/review.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Review:hover {
		background: url("../Images/NavMenu/WhiteBold/review.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.nav-Admin {
	background: url("../Images/NavMenu/White/admin.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Admin:hover {
		background: url("../Images/NavMenu/WhiteBold/admin.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.nav-Pep {
	background: url("../Images/NavMenu/White/pep.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Pep:hover {
		background: url("../Images/NavMenu/WhiteBold/pep.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.nav-Schedule {
	background: url("../Images/NavMenu/White/schedule.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Schedule:hover {
		background: url("../Images/NavMenu/WhiteBold/schedule.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.nav-Favorites {
	background: url("../Images/NavMenu/White/favorites.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Favorites:hover {
		background: url("../Images/NavMenu/WhiteBold/favorites.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.nav-Help {
	background: url("../Images/NavMenu/White/help.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Help:hover {
		background: url("../Images/NavMenu/WhiteBold/help.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.nav-Logout {
	background: url("../Images/NavMenu/White/logout.png") no-repeat;
	background-size: 15px;
	padding: 8px;
	margin: 4px;
}

	.nav-Logout:hover {
		background: url("../Images/NavMenu/WhiteBold/logout.png") no-repeat;
		background-size: 15px;
		padding: 8px;
		margin: 4px;
	}

.InstanceTypeLabel {
	color: red;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

.navProjectName {
	color: #003D82;
	color: var(--theme-one-dark);
	font-family: Times;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	padding: var(--pad-rt);
	position: absolute;
	top: 6px;
	right: 1px;
}

.navProjectName-debug {
	color: #003D82;
	color: var(--theme-one-dark);
	font-family: Times;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	padding: var(--pad-rt);
	position: absolute;
	top: 47px;
	right: 1px;
}