/* arkcss - from arkFonts  [bs 11/12/17] */

body,td,th {
	color: #000000;       /* black on white text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.black {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-style: normal;
}

.black-bold {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.black-bold20 {     /* same as 'title' below */
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}


.grey {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 16px;
	font-style: normal;
}

.big_grey {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
}

.white {
	font-family: Arial, Helvetica, sans-serif;
	FACE: "Arial Black";
	color: #FFFFFF;
	font-size: 16px;
	font-style: normal;
}

.yellow {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

.ark_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.big_grey {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
}

.big_red {
	font-family: Arial, Gadget, sans-serif;
	color: #990033;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
}

.medium_red {
	font-family: Arial, Helvetica, sans-serif;
	color: #990033;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
}

.error_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FF0000;
}

.footer	{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	}

#main {
    margin-top: 25px;
    text-align: center;
    font-size: 10px;
}

/* from ark_style_sheet.css (used in wb backend) */
 /* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */
TABLE		{ COLOR: #666666; FONT: 11px arial, geneva, verdana, sans-serif; }
.title		{ COLOR: #000000; FONT: 20px arial, sans-serif; font-weight: bold; }
.title2		{ COLOR: #999999; FONT: 20px arial, sans-serif; font-weight: normal; }
.subtitle	{ COLOR: #3366FF; FONT: 13px arial, sans-serif; font-weight: bold; }
.footer		{ COLOR: #666666; FONT: 11px arial, verdana, sans-serif; }

/* added from coolstyle.css  [bs 9/16/09] */
.sidebar {
	font-family: arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #666666;
}

/* mobile friendly. autosize logo if small screen, else actual size.   bs 11/3/17 */
/* usage:      <img src="wmclogo.jpg" class="ark-img-responsive" alt="Logo"/>     */
@media screen and (max-width: 500px) {
	.ark-img-responsive {
		width: 100%;
	}
}

.green-button {         // simple
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.blue-button {		/* a little fancier. rounded, hover shadow (below) */
    background-color: #2980B9;
    border: none;
    color: white;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 4px;

}

.blue-button:hover {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}