@CHARSET "ISO-8859-1";

html {
	margin:0;
	padding:0;
	margin-top:0;
	padding-top:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}


.box {
	width: 500px;
	padding: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	backgroud: #191919;
	text-align: center;
}

.box h1 {
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	
}

 .box input[type = "text"], .box input[type="password"] {
 	border : 0;
 	background: none;
 	display: block;
 	margin: 20px auto;
 	text-align: center;
 	border-radius: 2px solid #0652DD;
 	width: 200px;
 	padding:  14px 10px;
 	outline: none;
 	color: white;
 	border-radius: 24px;
 	transition: 0.25s;
 
 }

 .box input[type = "text"]:focus, .box input[type="password"]:focus {
 	width: 280px;
 	border-color: #6ab04c
 }
 
 .box input[type = "submit"] {
 	border : 0;
 	background: none;
 	display: block;
 	margin: 20px auto;
 	text-align: center;
 	border-radius: 2px solid #2ecc71;
 	width: 200px;
 	padding:  14px 10px;
 	outline: none;
 	color: white;
 	border-radius: 24px;
 	transition: 0.25s;
 	cursor: pointer;
 }
 
  .box input[type = "submit"]:hover {
  	backgroud: #2ecc71;
  }
  
table {
	font-size: 14px;	
}

img {
	padding-top: 3px;
	border: 0px;
}

label {
	font-weight:bold;
	font-size: 14px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
    cursor: pointer;
}

a {
    font-weight: bold;
    color: #0D1D50;
    text-decoration: none;
    border: none;
}

/* a:visited { */
/* 	color: #0000CC; */
/* 	text-decoration: none; */
/* 	border: none; */
/* } */

/* a:hover { */
/* 	color: #002680; */
/* 	text-decoration: underline; */
/* 	border: none; */
/* } */

.main-header {
	background-color: #444;
	color: #fff;
	font-size: 18px;
}

.disabled {
	background-color: #ccc;
}

#dataTable {
	max-width: 700px;
	min-width: 450px;
	width: expression(document.body.clientWidth > 702 ? "700px": expression(document.body.clientWidth < 448 ? "450px": "auto"));
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

#dataTable td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: left;
	vertical-align: top;
}

#dataTable td.linkcell {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: right;	
	vertical-align: top;
}

#dataTable td.headerRow {
	text-align: left;
}

#dataTable td.help {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: right;
	vertical-align: middle;	
}

#dataTable td.pic {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	vertical-align: middle;	
}

#dataTable td.err {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	vertical-align: middle;	
}

#dataTable td.errMsg {
	color: red;
}

#dataTableLogin {
	max-width: 500px;
	min-width: 450px;
	width: expression(document.body.clientWidth > 502 ? "500px": expression(document.body.clientWidth < 448 ? "450px": "auto"));
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

#dataTableLogin td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: left;
	vertical-align: top;
}

#dataTableLogin td.help {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: right;
	vertical-align: middle;	
}

#dataTableLogin pic {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	vertical-align: middle;	
}


#footer {
	width: 100%;
	margin-top: 20px;	
}

#footerbar {
	width: 100%;
	height: 1px;
	background-color: #0D1D50;
}

/* #header { */
/* 	width: 100%; */
/* 	background-color: #0D1D50; */
/* } */

#headerCourts {
	width: 350px;
}

#headerJudicial {
	text-align: left;
	vertical-align: bottom;
}

#headerLogo {
	width: 75px;
}

#infoTable {
	width: 700px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}

#left {
	text-align: left;
}

#logoff {
	width: 100%;
}

#right {
	text-align: right;
	padding-bottom: 5px;
}

#securityquestion {
	width: 500px;	
}

.addresslabel {
	vertical-align: top;
}

.boldnote {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}

.butttons {
	text-align: left;
}

.confirmButton {
	margin-right: auto;
	margin-left: auto;	
}

.dividerRow {
	border-bottom: groove;
}

.errormessage {
	color: rgb(179, 0, 0);
}

.footercell {
 	width: 50%;
 	padding-left: 15px;
 	padding-right: 15px;
 	vertical-align: middle;
 	font-size: 12px;
}

.identificationinput {
	width: 275px;	
}

.labelcell {
	min-width: 110px;
	width: expression( document.body.clientWidth < 108 ? "110px" : "auto" ); /* set min-width for IE */
}

.logoffcell {
 	width: 50%;
 	padding-left: 15px;
 	padding-right: 15px;
 	vertical-align: middle;
 	font-size: 12px;
}

.logoffcell a {
	color: black;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

.logoffcell a:visited {
	color: black;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

.logoffcell a:hover {
	color: black;
	font-weight: bold;
	border: none;
	text-decoration: underline;
}

.namelabelcell {
	min-width: 160px;
	width: expression( document.body.clientWidth < 158 ? "160px" : "auto" ); /* set min-width for IE */
}

.note {
	font-size: 11px;
	line-height: 14px;
	width: 275px;
}

.printTitle {
	display: none;
}

.required {
	font-size: 12px;
}

.sectionHeader {
	background-color: #0D1D50;
	color: #ffffff;
	border: #cccccc 2px solid;
}

.overflow-hidden{
	overflow: hidden;
}

.successmessage {
	color:black;
}

/* .buttonExample{ */
/* 	font-weight: bold; */
/* 	font-size: 12px; */
/* 	text-transform:none; */
/* 	text-align: center; */
/* 	width: 105px; */
/* 	height: 45px; */
/* 	word-wrap: break-word; */
/* 	vertical-align:bottom; */
/*  	border-style: outset;  */
/* 	border-width: 5px; */
/* 	background-color:#e5e5e5; */
/* 	 } */

/* extend datepicker css */

.picker__select--month, .picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding-right: 0em !important;
    padding-left: 0em !important;;
    padding-top: 0em !important;;
    padding-bottom: 0em !important;;
    margin-left: .25em;
    margin-right: .25em;
}

.loading{
	background: url('../images/ajax-loading.gif') no-repeat right center !important;
	background-size: 17px !important;
}

[data-loading] .loading {
	-webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    padding-left: 20px;
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}