/* CSS Document */
* {
	margin:0px;
	padding:0px;
	font-family: arial;
}
p {
	font-size: 12px;
}

::placeholder {
	color:#9999cc;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #9999cc;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #9999cc;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.width80 {
	width: 80%;
}
.width70 {
	width: 70%;
}
.width60 {
	width: 60%;
}
.width50 {
	width: 50%;
}
.width40 {
	width: 40%;
}
.width30 {
	width: 30%;
}
.width20 {
	width: 20%;
}
.right {
	text-align: right;
}
.strong {
	font-weight: bold;
}
#p_php { /* php debug */
	display:block; 
	margin:30px 30px 0px 30px;
	padding:0px 0px 20px 0px;
	border-bottom:1px dashed #ccc;
}
#d_noscript {
	width: 100%;
	height: 40px;
	vertical-align: middle;
	background-color: red;
	color: white;
	clear: both;
}
#d_noscript p {
	line-height: 40px;
	margin: 0px 30px;
}
#d_hdr {
	width: 100%;
	height: 80px;
	vertical-align: middle;
	border-bottom: 0px solid #ccc;
	clear: both;
	background-color: #efefef;
}
#d_notice_otr {
	position: absolute;
	top:200px;
	z-index: 99;
	width: 100%;
}
#d_notice {
	width:700px;
	background-color: #b7d7e8;
	display: none;
	padding:20px 50px;
	-webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.23);
	box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.23);
}
#d_notice li {
    font-size: 12px;
    margin:0px 0px 0px 10px;
}
#d_popup_otr {
	/* position: absolute; */
	z-index: 99;
}
#d_popup {
	position:absolute;
	background-color: #b7d7e8;
	border:1px outset rgba(0,0,0,0.1);
	z-index:20;
	display:none;
	padding:10px 30px 5px 10px;
	-webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.23);
	box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.23);
}
#d_popup p {
	font-size: 12px;
}
#d_main {
	/*min-width: 1080px;*/
	width: 100%;
	border: 0px solid green;
	float: left;
}
#d_nav {
	width: 100%;
	border-bottom: 0px dotted green;
	clear: both;
	z-index: 10;
	min-height: 32px;
	float: left;
}
#d_nav p {
	margin: 20px 30px;
}
	
#d_subpage {
	width: 100%;
	/*height: 100%;*/
	border: 0px dotted blue;
	clear: both;
	float: left;
}
#d_subpg_content {
	margin:20px 30px 80px 30px;
}
#d_flyout_l {
	position:fixed;
	top:0;
	left:0;
	z-index: 100;
	height: 100%;
	width: 320px;
	display: none;
	background-color: #ddd;
}
#d_flyout_r {
	position:fixed;
	overflow-x: hidden;
	overflow-y: scroll;
	top:0;
	right:0;
	z-index: 100;
	height: 100%;
	width: 515px;
	display: none;
	background-color: #ddd;
	-webkit-box-shadow: -10px 0px 20px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: -10px 0px 20px 0px rgba(0,0,0,0.23);
	box-shadow: -10px 0px 20px 0px rgba(0,0,0,0.23);
}
#d_flyout_r_content {
	margin: 30px;
}

#d_flyout_bottom {
	position: fixed;
	overflow-x: hidden;
	overflow-y: scroll;
	bottom: 0;
	right: 0;
	z-index: 101;
	height: 40%;
	width: 100%;
	display: none;
	background-color: #ddd;
	-webkit-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.23);
	box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.23);
}
#d_flyout_bottom_content {
	margin: 30px;
}
#d_ftr {
	position: fixed;
    left: 0;
    bottom: 0;
	width: 100%;
	height: 40px;
	background-color: #ccc;
}
#d_ftr_content {
	margin: 0px 30px;
}
#d_ftr_content p {
	font-size: 11px;
	color:#333;
	line-height: 40px;
}
#d_login {
	display: block;
	white-space: nowrap;
	vertical-align: middle;
	height: 80px;
}
#d_login, #d_reset, #d_resetpwds {
	vertical-align: middle;
	width: 100%;
	padding: 20px 30px 0px 30px;
}
#d_reset p, #d_resetpwds p {
	margin:11px 0px;
}
#d_login .str_usr_login {
	top: 10px;
}
#d_logo {
	/*position: relative;*/
	float: right;
	display: inline-block;
	margin:10px 20px;
	top: 20px;
}
#d_logo img {
	right: 0px;
	width:130px;
}
#d_sessionPrompt {
	position:fixed;
	background-color: #1e5ea6; /* TDX blue */
	z-index:1000;
	top:20;
	left: 50%;
	transform: translate(-50%, 0);
	height: 25px;
	width: 400px;
	text-align: center;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	display: none;
	cursor: pointer;
}
#d_sessionPrompt p {
	line-height: 25px;
	font-size: 12px;
	color:#fff
}

#login-username {
	width: 150px;
}
#login-password, #login-password-vfy {
	width: 150px;
}
#img_loading {
	margin:0px;
	vertical-align:middle;
	height: 25px;
	padding: 2px 10px;
}
#img_loading_done{
    margin:0px;
	vertical-align:middle;
	height: 30px;
	padding: 2px 10px;
}
#sp_login_error_msg, #sp_reset_error_msg, #sp_resetpwds_error_msg {
	padding: 0px;
	color: #1e5ea6; /* TDX blue */
	font-size: 12px;
}
#sp_forgetpass_msg {
	color: #1e5ea6; /* TDX blue */
	font-size: 12px;
	padding: 10px;
}
#sp_forgetpass_msg:hover {
	cursor: pointer;
	color:#000;
	/*text-decoration: underline;*/
}
.noborder{
	border: none;
}
.nodecoration, .nodecoration:hover {
	text-decoration: none;
}
.logout, #altLogins {
	cursor: pointer;
	/*font-style: italic;
	font-size: 0.9em;*/
}
.logout:hover, #altLogins:hover {
	background-color: #eee;
}
/* ----  DEBUG -----*/
.sessDataToggle {
	cursor: pointer;
	background-color: #eee;
	font-style: italic;
	color: #aaa;s
}
.sessDataToggle:hover{
	background-color: #ddd;
}
#d_debug {
	position: fixed;
	display: none;
	left: 0;
	bottom: 0;
	max-height: 586px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #ddd;	
	width: 100%;
	font-family: courier;
	font-size: 10px;
	border-top: 1px solid #999;
	clear: both;
	padding: 30px;
	z-index: 99;
}

.jwt_data {
	/* textarea */
	width: 800px;
	height: 200px
}
.form_comment {
	font-size: 10px;
	line-height: 11px;
	color: #666; 
	font-style: italic;
	display: block;
}
/* info links */
#sp_info_reset i, #sp_info_resetpwds i {
	position:relative;
	margin:0px 5px;
	top:4px;
	font-size: 20px;
	color:#1e5ea6; /* TDX blue */
	cursor: pointer;
}