/* Custom Skin Resource */
/* Created by: JRP */
/* Created on: 3/27/2025 9:12:20 AM */

/* To reference this file use the following in layout.html: */
/* <link type="text/css" href="skins/IUOE_Nightfall_96_NEW/IUOE_Nightfall_New.css" rel="stylesheet"> */
 
div#page-title-block {

	background-image: url(./images/bg_header.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

	height: 140px;

}
 
img.page-title-image {

	height: 120px;

    width: 120px;

    float: left;

    margin-left: 35px;

	margin-right: 20px;

    margin-top: 10px;

}
 
div.slogan {

	height: inherit;

    width: 285px;

    margin: 25px 0 0 0;

	float: left;

	color:#0e3c88;

}
 
.slogan h1 {

    font-size: 20px;

	color:#0e3c88;

    margin: 0 0 5px 0;

    border-bottom: 1px #a87e4f solid;

}
 
.slogan h2 {

	font-size: 12px;

	margin: 0px;

}
 
.slogan h1 span {

	font-weight: bold;

}
 
h1#content-header-detail {

	color: #fff;

}
 
input[type="text"], 

input[type="password"],

textarea {

	border: 1px solid #9C9C9C;

	border-radius: 4px;

	padding-left: 6px !important;

	padding-right: 6px !important;

	box-sizing: border-box;

}
 
input[type="text"], 

input[type="password"] {

	height: 23px;

}
 
input:focus, 

textarea:focus {

	border-color: #66afe9;

	outline: none;

	box-shadow: 0 0 5px rgba(0,123,255,0.5);

}
 
div#fnckeys {

	height: 785px;

}
 
#content-header,

#content-header-detail,

.FunctionKeysLeft #fnckeys, 

.FunctionKeysRight #fnckeys, 

.FunctionKeysLeft #fnckeys input, 

.FunctionKeysLeft #fnckeys a {

    background: #0a3377;

}
 
.FunctionKeysLeft #fnckeys input:hover, 

.FunctionKeysLeft #fnckeys a:hover,

.btn-default:hover {

	background-color: #bf1e2e;

}
 
.btn-default:hover,

#NavigationButtons a.button:hover {

  color: #fff;

  border-color: #A87E4F;

}
 
/*position page-up and page-down buttons*/

span#C2273 {

	top: 595px !important;

}
 
/*position error message*/

input#ErrMsg {

	top: 630px !important;

}

div.login-bg {
	opacity: 0.7;
}
 