BODY
{
	background-color: #FFFFFF;

	/*Make this consistent with override styles*/
	font-family: 'Roboto', 'Open Sans', sans-serif;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	color: #000055;
	font-size: 10pt;
	height:100%;
}

TD
{
	font-family: 'Roboto', 'Open Sans', sans-serif;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

A:link {font-family: 'Roboto', 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: darkblue;}
A:visited {font-family: 'Roboto', 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: purple;}
A:hover {font-family: 'Roboto', 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: skyblue;}
A:active {font-family: 'Roboto', 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: skyblue;}

A:link {font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: darkblue;}
A:visited {font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: purple;}
A:hover {font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: skyblue;}
A:active {font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; color: skyblue;}

HR
{
	height:1;
	border:0;
	color:#D9E2F4;
	background-color:#D9E2F4;
}

input[type='checkbox'],
input[type='radio']
{
	width: 18px;
	height: 18px;
}

.override_header TABLE
{
	background-color:	white;
	color: #000055;
}

div.override_header A:link {color: darkblue;}
div.override_header A:visited {color: purple;}
div.override_header A:hover {color: skyblue;}
div.override_header A:active {color: skyblue;}

.override_header_black TABLE
{
	background-color:	black;
	color: #ffffff;
}

div.override_header_black A:link {color: white;}
div.override_header_black A:visited {color: gray;}
div.override_header_black A:hover {color: yellow;}
div.override_header_black A:active {color: skyblue;}

DIV.override_menu_common A
{
	display: block;
	text-align: center;
	text-decoration: none;
	font-family:arial;
	font-size:12px;
	margin: 1px;
}

DIV.override_menu A:link, DIV.override_menu A:visited
{
	color: #002755;
	border: solid 1px #002755;
	background-color:	#F1F1FF;
}

DIV.override_menu A:hover
{
	color: #FFF;
	background-color: #3366CC;
}

DIV.override_menu_black A:link, DIV.override_menu_black A:visited
{
	color: #FFF;
	border: solid 1px #002755;
	background-color:	#0458cf;
}

DIV.override_menu_black A:hover
{
	color: #FFF;
	background-color: #69c6f4;
}

.nd
{
	text-decoration: none;
}


#dropmenudiv
{
	position:absolute;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a
{
	display: block;
	text-align: center;
	text-decoration: none;
	font-family:arial;
	font-size:12px;
	color: #000000;
	border: solid 1px #BBBBBB;
	background-color: #CCCCCC;
    padding: 4px 0px;
}

#dropmenudiv a:hover
{
	border: solid 1px #6100C1 inset;
	background-color:#F0E1FF;
}

A.info
{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

A.info:hover
{
	z-index:25;
}

A.info span
{
	display: none;
}

A.info:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em;
    border:2px solid #aba000;
    background-color:#fff799;
	color:#000;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}

A.info_opaque
{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

A.info_opaque:hover
{
	z-index:25;
}

A.info_opaque span
{
	display: none;
}

A.info_opaque:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em;
    border:2px solid #aba000;
    background-color:#fff799;
	color:#000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

.override_info
{
	/*Make this consistent with BODY style*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000055;
	font-size: 10pt;

	background-color:#fff799;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}


.info_outline /* used for blogs/clubs which can have overriding styles */
{
	width:100%;background-color:#ffffff;border:1px solid #000000;
}

.outline
{
	border:1px solid #000000;
}

TABLE.grid
{
	border-collapse:collapse;
}
TABLE.grid TD
{
	border:1px solid #000000;
}

TABLE.nogrid
{
	border-collapse:seperate;
}
TABLE.nogrid TD
{
	border:0px;
}

TABLE.nb_hl /*no border, handle label*/
{
	border-collapse: collapse;
	width:100%;
}

TABLE.nb_hl TD
{
	padding: 0px;
	width:50%;
}

TABLE.list TH
{
	font-weight: bold;
	color: white;
	background-color: #000080;
	text-align: center;
}

TABLE.list2 TH
{
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: #000080;
	text-align: center;
}

TABLE.list_item
{
    background-color: #FFFFFF;
}

.list_item_alt
{
    background-color: #FAFAD2;
}

.g		{ color: gray; }
A.g:link   { color: gray; }

.cb		{ text-align: center; font-weight: bold; }
.c		{ text-align: center; }
.b		{ font-weight: bold; }
.b_h	{ font-weight: bold; color: white; background-color: #000080; text-align: center; }
.b_h_gray		{ font-weight: bold; color: white; background-color: #CCCCCC; text-align: center; }
.b_h_gray2	{ font-weight: bold; background-color: #CCCCCC; text-align: center; }
.b_h_lg			{ font-weight: bold; color: white; background-color: #000080; text-align: center; font-size: 16px;}
.b_h_l_lg		{ font-weight: bold; color: white; background-color: #000080; text-align: left; font-size: 16px;}
.b_h_l_vlg	{ font-weight: bold; color: white; background-color: #000080; text-align: left; font-size: 24px;}
.b_h_r_vlg	{ font-weight: bold; color: white; background-color: #000080; text-align: right; font-size: 24px;}
.b_h_lg_b		{ border:1px solid #000000; font-weight: bold; color: white; background-color: #000080; text-align: center; font-size: 16px;}

.b_h_xlg_w		{ font-weight: bold; background-color: #FFFFFF; text-align: center; font-size: 32px;}

.BUTTON
{
    background-color: white;
    border-bottom: #9C3066 1px solid;
    border-left: #9C3066 1px solid;
    border-right: #9C3066 1px solid;
    border-top: #9C3066 1px solid;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.button_new
{
    box-sizing: border-box;
	border: 3px #002755 solid;
    background-color: #306090;
    color: white;
    padding: 4px;
    width: 120px;
    height: 60px;
    display: flex;
    align-items: center;
    text-align: center;
	margin: 4px;
}

a.button_new
{
    color: white;
	text-decoration: none;
}

a.button_new:hover
{
    border: 3px #306090 solid;
    background-color: white;
    color: #306090;
}

IMG.icon
{
	border: none;
	vertical-align: bottom;
}

IMG.icon24
{
	border: none;
	vertical-align: middle;
}

.btn_obvious
{
	color: #FFF;
	font-size: 12px;
	font-weight: 900;
	background-color: #000055;
	border-left: #3366CC 1px solid;
	border-top: #3366CC 1px solid;
	border-right: black 1px solid;
	border-bottom: black 1px solid;
	padding: 4px;
}

.btn_obvious:hover
{
	color: #FFF;
	background-color: #3366CC;
	border-left: #C5D7EF 1px solid;
	border-top: #C5D7EF 1px solid;
	border-right: #000055 1px solid;
	border-bottom: #000055 1px solid;
	cursor: hand;
}

.btn_cancel
{
	color: #222;
	font-size: 12px;
	font-weight: 900;
	background-color: #CCC;
	border: #777 1px solid;
	padding: 4px;
}

.btn_cancel:hover
{
	color: #FFF;
	background-color: #3366CC;
	border-left: #C5D7EF 1px solid;
	border-top: #C5D7EF 1px solid;
	border-right: #000055 1px solid;
	border-bottom: #000055 1px solid;
	cursor: hand;
}

.backnext input,
input.new
{
	padding: 12px 24px;

    box-sizing: border-box;
    background-color: #306090;
    color: white;
	cursor: pointer;

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

.backnext input:hover,
input.new:hover
{
	border: 2px #306090 solid;
    background-color: white;
	color: #306090;
}

input.btn_sm
{
	font-size:12px;
}

input.btn_esm
{
	font-size:10px;
}

FORM
{
	margin: 0px;
	padding: 0px;
}

.override_bg_white
{
	background-color:	white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000055;
	font-size: 10pt;
}

.override_bg_white TD
{
	background-color:	white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000055;
	font-size: 10pt;
}

.override_bg_white_border
{
	background-color:	white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000055;
	font-size: 10pt;
	border:1px solid #000000;
}

.float_left
{
	float: left;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.override_success_header
{
	background-color:	#F7941C;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: center;
	font-weight: bold;
	border:1px solid #000000;
	padding: 4px;
}

.override_error_header
{
	background-color:	#FF0000;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: center;
	font-weight: bold;
	border:1px solid #000000;
	padding: 4px;
}

.override_errors
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;

	font-weight: bold;
	border:1px solid #000000;
	padding: 4px;
}

.Malebg {background-color: #3366CC;}
.Femalebg {background-color: #FF0099;}
.Male {color: #3366CC;}
.Female {color: #FF0099;}
.You {color: maroon;}

A.Male:link {color: #3366CC;}
A.Male:active {color: #3366CC;}
A.Male:visited {color: #3366CC;}
A.Male:hover {color: #3366CC;}

A.Female:link {color: #FF0099;}
A.Female:active {color: #FF0099;}
A.Female:visited {color: #FF0099;}
A.Female:hover {color: #FF0099;}

A.You:link {color: maroon; font-weight:bold;}
A.You:active {color: maroon; font-weight:bold;}
A.You:visited {color: maroon; font-weight:bold;}
A.You:hover {color: maroon; font-weight:bold;}

A.disp:link {text-decoration: none;}
A.disp:active {text-decoration: none;}
A.disp:visited {text-decoration: none;}
A.disp:hover {text-decoration: none;}

A.disp_level
{
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none;
}

A.disp_level:hover
{
	z-index:25;
}

A.disp_level span
{
	display: none;
}

A.disp_level:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em;
	border:2px solid #aba000;
	background-color:#fff799;
	color:#000;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}

A.disp_level:link {font-family: Arial, Verdana, Helvetica, sans-serif; color: gray;text-decoration: none;}
A.disp_level:active {font-family: Arial, Verdana, Helvetica, sans-serif; color: gray;text-decoration: none;}
A.disp_level:visited {font-family: Arial, Verdana, Helvetica, sans-serif; color: gray;text-decoration: none;}
A.disp_level:hover {font-family: Arial, Verdana, Helvetica, sans-serif; color: gray;text-decoration: none;}

A.disp_level_negative:link {color: red; font-weight:bold;}
A.disp_level_negative:active {color: red; font-weight:bold;}
A.disp_level_negative:visited {color: red; font-weight:bold;}
A.disp_level_negative:hover {color: red; font-weight:bold;}

@keyframes warning
{
	0% {background-color: red;}
	10% {background-color: yellow;}
	20% {background-color: red;}
	30% {background-color: yellow;}
	40% {background-color: red;}
	50% {background-color: yellow;}
	60% {background-color: red;}
	70% {background-color: yellow;}
	80% {background-color: red;}
	90% {background-color: yellow;}
	100% {background-color: yellow;}
}

.dialog
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.dialog-content
{
	background-color: #fefefe;
	margin: 5% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.dialog-close
{
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	width: 32px;
	height: 32px;
	text-align: center;
}

.dialog-close:hover,
.dialog-close:focus
{
	color: black;
	text-decoration: none;
	cursor: pointer;
}