/* GLOBAL SCOPE CSS: OPTIONAL
 @PURPOSE Intended styles normalization on vjosil.com
 @REFERENCE see 'scripts/vJ.css' for alternate/additional styles */

a {
	color: blue;
	text-decoration: none
}

a:hover {
	color: red
}

a.ac,
.frm {
	border: 1px solid gray
}

a:hover.ac,
.hans,
.cans {
	color: purple
}

a.ar,
.naItem,
td.ls_m,
:disabled {
	color: gray
}

a:hover.ar,
a.si,
td,
th,
.menuItem {
	color: #000
}

a.h,
a.ac,
body.n {
	color: silver
}

a:hover.h,
.hact,
.highlightItem {
	color: #fff
}

a.si,
a.sm,
.smenu {
	display: block
}

a:hover.si,
a:hover.ac,
body,
.sil,
.bgs,
.frm,
.menuItem,
.naItem,
.s {
	background: silver
}

a:hover.sm,
.smenu {
	background: #9cf
}

.ifl img {
	float: left
}

input,
body,
button,
select,
textarea,
td,
th,
.frm,
.highlightItem,
.menuItem,
.naItem {
	font-family: Verdana, Arial;
	font-size: 11px
}

body.n {
	background: #4a525a
}

form {
	margin: 0;
	padding: 0
}

table,
.link {
	border: 0
}

table {
	border-collapse: collapse
}

td.g,
.highlightItem {
	background: gray
}

td.ls_m,
td.ls_t,
.bgls,
.hhdr {
	background: #ccc
}

td.y {
	padding-left: 8px
}

textarea {
	overflow: auto
}

.cap {
	text-transform: capitalize
}

.cntprv,
.smenu,
a.sm {
	border: 1px solid #ccc
}

.f1,
.ucase {
	text-transform: uppercase
}

.hact {
	font-size: 13px
}

.hans,
.cans {
	padding: 0 2px 0 15px
}

.hans {
	display: none
}

.hd {
	background-image: url("graphics/bg_fn_art.gif");
	background-repeat: repeat-x;
	background-position: bottom
}

.hhdr {
	border: 1px solid #6a6a6a;
	color: #6a6a6a;
	font-weight: 700;
	padding-right: 10px
}

.highlightItem,
.menuItem,
.naItem {
	border: 1px outset;
	box-sizing: border-box;
	cursor: default;
	margin: 0 10px;
	padding: 2px 0 2px 16px;
	width: 100%
}

.ickb {
	background: transparent;
	height: 15px
}

.lcase {
	text-transform: lowercase
}

.link {
	cursor: pointer
}

.logo {
	padding: 17px 0 0 9px;
	position: absolute
}

.erpg {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;

	.dv {
		background: #eee;
		border-radius: 10px;
		margin: 30px 8px 8px;
		padding: 10px 10px 0;
		text-align: center
	}

	.in {
		background: yellow;
		border: 1px outset
	}
}

#vj_logo_tb #vj_logo {
	height: 60px
}