/* 
##############################################################################
# Web Site ID: Generic Web Site Framework Style Sheet
# Site Design: George Silberstern, ...by Graf!
# Copyrighted: ©2024, ...by Graf!
# ----------------------------------------------------------------------------
# Module Name: framework.css
# Description: This stylesheet describes the underlying style framework.
# 
#               **********************************************************
#               * --- DO NOT EDIT! --- DO NOT EDIT! --- DO NOT EDIT! --- *
#               * Site-Specific styles reside in separate, site-specific *
#               * CSS files for layout, colour scheme, and navigation.   *
#               **********************************************************
#
##############################################################################
*/

/*
==============================================================================
= GLOBAL SETTINGS
==============================================================================
*/
* {
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
}

body {
	height: 100%;
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
	text-align: left;
}

html {
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
}

hr {
}

h1, h2, h3 {
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
}

h4, h5, h6 {
	margin: 1px 1px 1px 1px;                                      /* T R B L */
	padding: 1px 1px 1px 1px;                                     /* T R B L */
}

ol {
	list-style: none;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;                                     /* T R B L */
}

p {
	margin-top: 0px;
}

ul{
	list-style: none;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;                                     /* T R B L */
}


/* 
==============================================================================
= HTML5 ELEMENTS
==============================================================================
*/
header {
	clear: both;
	display: block;
	left: 0px;
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
}


copy {
	clear: both;
	display: block;
	left: 0px;
	margin: 20px 0px 0px 0px;                                     /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
}

footer {
	clear: both;
	display: block;
	left: 0px;
	margin: 20px 0px 0px 0px;                                     /* T R B L */
	padding: 0px 0px 50px 0px;                                    /* T R B L */
}


/* 
==============================================================================
= CORE STYLES
==============================================================================
*/

/*
------------------------------------------------------------------------------
- Button 
------------------------------------------------------------------------------
*/
.button {
	cursor: pointer;
	display: inline-block;
	padding: 16px 32px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transform: translate(-50%, 50%);
}

.button:hover {
	text-decoration: none;
}

/*
------------------------------------------------------------------------------
- Content  
------------------------------------------------------------------------------
*/
.content {
	margin: 5px 5px 5px 5px;                                      /* T R B L */

}

.content_subtitle {
	display: block;
	margin: 0px 5px 0px 5px;                                      /* T R B L */
	padding: 5px 10px 5px 10px;                                   /* T R B L */
}

.content_subtitle-text {
	display: inline-block;
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 10px 5px 5px 5px;                                    /* T R B L */
}

.content_title {
	display: block;
	margin: 0px 5px 0px 5px;                                      /* T R B L */
	padding: 5px 10px 5px 10px;                                   /* T R B L */
}

.content_title-text {
	display: inline-block;
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 5px 5px 10px 5px;                                    /* T R B L */
}


/*
------------------------------------------------------------------------------
- Constraint Table
------------------------------------------------------------------------------
*/
.constraint_table {
	overflow: hidden;
	text-align: left;
	width: 100%;
}

/*
------------------------------------------------------------------------------
- Copyright 
------------------------------------------------------------------------------
*/
.copyright {
	font-size: 11px;
	letter-spacing: 1px;
	margin: 30px 5px 0px 5px;                                     /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
	overflow: hidden;
	text-align: center;
}

/*
------------------------------------------------------------------------------
- Icon Bar 
------------------------------------------------------------------------------
*/
.icon_bar {
	clear: both;
	margin: 5px 5px 5px 5px;                                      /* T R B L */
	padding: 10px 0px 0px 0px;                                    /* T R B L */
	text-align: center;
}

.icon_bar td {
	-webkit-transition-duration: 0.5s;
}

.icon_bar td:hover {
	-webkit-transition-duration: 0.5s;
}

.icon_bar-item {
	padding: 0px 10px 0px 10px;                                   /* T R B L */
	text-align: center;
}

#icon_bar-item-button {
}

/*
------------------------------------------------------------------------------
- Link Bar 
------------------------------------------------------------------------------
*/
.link_bar {
	clear: both;
	margin: 5px 5px 5px 5px;                                      /* T R B L */
	padding: 10px 0px 0px 0px;                                    /* T R B L */
	text-align: center;
}

.link_bar td {
}

.link_bar td:hover {
}

.link_bar-item {
	padding: 0px 10px 0px 10px;                                   /* T R B L */
	text-align: center;
	width: 75px;
}

#link_bar-item-button {
	border: 1px solid;
	border-radius: 5px;
	padding: 3px 0px 3px 0px;                                     /* T R B L */
}

/*
------------------------------------------------------------------------------
- Link Disabled
------------------------------------------------------------------------------
*/
#link_disabled {
}


/*
------------------------------------------------------------------------------
- Masthead
------------------------------------------------------------------------------
*/
.masthead {
	display: block;
	margin: 0px 5px 0px 5px;                                      /* T R B L */
	padding: 10px 10px 10px 10px;                                 /* T R B L */
}

.masthead img {
	display: inline-block;
	margin: 0px 0px 0px 0px;                                      /* T R B L */
	padding: 0px 0px 0px 0px;                                     /* T R B L */
	position: absolute;
}

.masthead-text {
	position: relative;
}

#masthead-text-subtext {
}

/*
------------------------------------------------------------------------------
- Menu Bar 
------------------------------------------------------------------------------
*/
.menu_bar {
	margin: 0px 5px 0px 5px;                                      /* T R B L */
	padding: 10px 0px 10px 0px;                                   /* T R B L */
	text-align: center;
}

.menubar_bar td {
	-webkit-transition-duration: 0.5s;
}

.menubar_bar td:hover {
	-webkit-transition-duration: 0.5s;
}
.menu_bar-item {
	padding: 0px 10px 0px 10px;                                   /* T R B L */
	text-align: center;
}

#menu_bar-item-button {
	border: 1px solid;
	border-radius: 5px;
	padding: 3px 0px 3px 0px;                                     /* T R B L */
}

/*
------------------------------------------------------------------------------
- Signature 
------------------------------------------------------------------------------
*/
.signature {
	clear: both;
	float: right;
	font-size: 9px;
	letter-spacing: 1px;
	margin: 0px 10px 10px 10px;                                   /* T R B L */
	padding: 5px 5px 5px 5px;                                     /* T R B L */
}

.signature a {
	text-decoration: none;
}

.signature a:hover {
	text-decoration: none;
}

.signature img {
	height: 20px;
	opacity: 0.5;
	padding: 0px 0px 0px 0px;                                     /* T R B L */
	vertical-align:middle;
}

/*
------------------------------------------------------------------------------
- ToolTip
------------------------------------------------------------------------------
*/
.tooltip {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	display: inline-block;
	position: relative;
}

.tooltip:hover #tooltip_text {
	font-size: 11px;
	font-weight: normal;
	opacity: 1;
	visibility: visible;
}

.tooltip #tooltip_text {
	border-radius: 5px;
	border-style: dotted;
	border-width: 1px;
	opacity: 0;
	padding: 5px 5px 5px 5px;
	position: absolute;
	text-align: left;
	transition: opacity 1s;
	visibility: hidden;
	z-index: 99;
}

/*
------------------------------------------------------------------------------
- Top 
------------------------------------------------------------------------------
*/
.top {
	cursor: pointer;
	display: block;
	margin: 10px 0px 10px 0px;                                    /* T R B L */
	padding: 10px 0px 5px 0px;                                    /* T R B L */
}

#top_icon {
	border-radius: 4px;
	opacity: 0.5;
	padding-left: 2px;
	-webkit-transition-duration: 0.5s;
}

/*
------------------------------------------------------------------------------
- White Space
------------------------------------------------------------------------------
*/
.whitespace {
	background: transparent;
}


/*
==============================================================================
= AUTHENTICATION MODULE STYLES
==============================================================================
*/

/*
------------------------------------------------------------------------------
- Login Dashboard
------------------------------------------------------------------------------
*/
.auth_dashboard {
	border-radius: 3px;
	border-width: 1px;
	display: block;
	font-size: 11px;
	min-width: 150px;
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 100;
}

.auth_dashboard-welcome {
	display: inline-block;
	padding: 7px 5px 5px 5px;                                    /* T R B L */
}

.auth_dashboard-button {
	border: 1px solid;
	border-radius: 5px;
	display: inline-block;
	margin: 4px 0px 10px 0px;                                     /* T R B L */
	padding: 2px 5px 2px 5px;                                     /* T R B L */
}

.auth_dashboard a {
	cursor: pointer;
	font-weight: bold;
	padding: 0px 5px 0px 5px;                                     /* T R B L */
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.auth_dashboard a:hover {
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.auth_dashboard-line {
	border-top-width: 1px;
	margin: 0px auto;
	padding: 0px 0px 2px 0px;                                     /* T R B L */
	width: 100%;
}

#auth_dashboard-button-object {
	font-size: 9px;
}

/*
------------------------------------------------------------------------------
- Login Form
------------------------------------------------------------------------------
*/
.auth_login {
	margin: 20px auto;                                            /* TB RL   */
	width: 500px;
}

.auth_login table {
	border-spacing: 0px;
	width: 100%;
}

.auth_login input[type=text],
.auth_login input[type=email],
.auth_login input[type=password] {
	border-width: 1px;
	border-style: dotted;
	padding: 5px;
	width: 250px;
}

.auth_login input[type=text]:focus,
.auth_login input[type=email]:focus,
.auth_login input[type=password]:focus {
	display: inline-block;
}

.auth_login input[type=submit] {
	border-style: solid;
	border-radius: 5px;
	border-width: 2px;
	cursor: pointer;
	font-weight: bold;
	float: right;
	margin: 10px 10px 10px 5px;                                   /* T R B L */
	padding: 5px 10px 5px 10px;                                   /* T R B L */
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.auth_login input[type=submit]:hover {
	-webkit-transition-duration: 0.5s;
}

.auth_login th {
	border-left-style: solid;
	border-left-width: 1px;
	padding: 8px 5px 8px 5px;                                     /* T R B L */
	text-align: left;
	width: 120px;
}


.auth_login td {
	border-right-style: solid;
	border-right-width: 1px;
	padding: 8px 5px 8px 5px;                                     /* T R B L */
}

.auth_login-label {
	display: inline-block;
	padding: 5px;
	text-align: right;
	width: 120px;
}

.auth_login-tools {
	padding: 15px 0px 15px 0px;                                   /* T R B L */
	text-align: center;
}

.auth_login-links {
	padding: 15px 0px 15px 0px;                                   /* T R B L */
	text-align: center;
}

.auth_login-links a {
	padding: 0px 10px 0px 10px;                                   /* T R B L */
}

#auth_login-table-t {
	border-top-style: solid;
	border-top-width: 1px;
}

#auth_login-table-b {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/*
------------------------------------------------------------------------------
- Authentication Messages
------------------------------------------------------------------------------
*/
.auth_message {
	border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	margin: 30px auto;                                            /* TB RL   */
	padding: 15px;
	text-align: center;
	width: 500px;
}

.auth_message-success {
}

.auth_message-error {
}

.auth_message-info {
}

/*
------------------------------------------------------------------------------
- Password Strength Indicator
------------------------------------------------------------------------------
*/
.auth_password-strength {
	font-size: 13px;
	margin: 5px 0px 0px 10px;                                     /* T R B L */
}

.auth_password-strength-weak {
}

.auth_password-strength-medium {
}

.auth_password-strength-strong {
}

.auth_password-match {
	font-size: 13px;
	margin: 5px 0px 0px 10px;                                     /* T R B L */
}

.auth_password-match-same {
}

.auth_password-match-diff {
}


/*
------------------------------------------------------------------------------
- Responsive Adjustments
------------------------------------------------------------------------------
*/
/*
@media (max-width: 600px) {
*/
	/*
	------------------------------------------------------------------------
	- Login Form
	------------------------------------------------------------------------
	*/
/*
	.auth_login {
		margin: 20px auto;                                   /* TB RL    *
		width: 90%;
	}
	
	.auth_login input[type=text], 
	.auth_login input[type=email], 
	.auth_login input[type=password] {
		width: 200px;
	}
*/
	
	/*
	------------------------------------------------------------------------
	- Authentication Messages
	------------------------------------------------------------------------
	*/
/*
	.auth_message {
		width: 90%;
	}
*/
	
	/*
	------------------------------------------------------------------------
	- Login Dashboard
	------------------------------------------------------------------------
	*/
/*
	.auth_dashboard {
		padding: 10px 0px 10px 0px;                           /* T R B L *
		position: relative;
		right: auto;
		text-align: center;
		top: auto;
	}
*/
/*
}
*/