﻿body 
{
font-family: arial;
font-size: 10pt;
margin: 0px;
margin-left: 3px;
margin-right: 3px;
padding: 0px;}

P
{padding-top: 10px;
margin: 0px;}

/*
H1
{font-size: 14pt;
font-weight: bold;
color: #8b4513;
padding-top: 15px;
margin: 0;}
*/

H2
{font-size: 14pt;
font-weight: bold;
color: #93C847;
padding-top: 15px;
margin: 0;}

table.navbar
{font-size: 10pt;
margin: 0px;
padding: 0px; 
border: 1px; 
font-weight: bold;}

table.menu
{font-size: 10pt;
margin: 0px;
padding: 0px;
font-weight: bold;}

td.menuNormal
{padding: 0px;
color: #191970;
font-weight: bold;
vertical-align: middle;
background-color: #efdeb3;}

td.menuHover
{padding: 0px;
color: #191970;
font-weight: bold;
vertical-align: middle;
/*remove the following line for drop-down menu with images*/
background-color: #b0c4de;}

div.menuNormal
{display: none;
position: static;
vertical-align: middle;}

div.menuHover
{border: 0px Solid #b0c4de;
background-color: #b0c4de;
display: inline;
position: absolute;}

a.menuitem:link
{text-decoration: none;
color: #191970;
background-color: #efdeb3;
display: block;}

a.menuitem:visited
{text-decoration: none;
color: #191970;
background-color: #efdeb3;
display: block;}

a.menuitem:hover
{text-decoration: none;
color: #191970;
background-color: #b0c4de;
display: block;}

a.menuitem:active
{text-decoration: none;
color: #191970;
background-color: #efdeb3;
display: block;}	



.upper { text-transform: uppercase; }

/* newhireform.aspx */

/* credit to project: internet services template, author: luka cvrk (www.solucija.com) */

.ctr { text-align: center; }
.leftalign { text-align: left; }
.rightalign { text-align: right; }

.testbord { border: 1px solid green; }
.purpbord { border: 1px solid purple; }

.margauto { margin: 0px auto; }

h1 { font: normal 2.4em Arial, Sans-Serif; color: #E0691A; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.report_h1 { font: normal 2.4em Arial, Sans-Serif; color: #E0691A; padding: 7px 0 0 8px; margin: 0; }

.dark  { color: #737373; background: inherit; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.padl20 { padding-left: 20px; }
.padr12 { padding-right: 12px; }
.padbot { padding-bottom: 12px; }
.padtop { padding-top: 10px; }
.pad12 { padding: 12px; }
.margr20 { margin-right: 20px; }
.margintop80 { margin-top: 80px; }
.margintop60 { margin-top: 60px; }
.margintop16 { margin-top: 16px; }
.margintop32 { margin-top: 32px; }
.margintop8 { margin-top: 8px; }
.marginbot4 { margin-bottom: 4px; }
.margin20 { margin: 20px; }

.ht2 { height: 2px; }
.ht4 { height: 4px; }
.ht6 { height: 6px; }
.ht8 { height: 8px; }
.ht16 { height: 16px; }
.ht32 { height: 32px; }
.ht64 { height: 64px; }

.halfwidth { width: 50%; }
.width49 { width: 49%; }

.width16 { width: 16%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width42 { width: 42%; }
.width58 { width: 58%; }
.width64 { width: 64%; }
.width80 { width: 80%; }

.wta { width: 3%; }
.wtb { width: 97%; }
.width20px { width: 20px; }

.hrule { width: 76%; text-align: center; }

.ablue { background-color: aliceblue; }
.color_maroon { color: maroon; }

.orangetitle
{
    font: bold 16pt Arial;
    color: white;
    text-transform: uppercase;
}

.content { 
	margin: 0 auto;
	width: 96%;/*86%;*/
	padding: 10px; 
}
.reportcontent { 
	width: 100%;
	/*padding: 10px; */
}

.header { 
	height: 58px;
	background: #eee;
	color: #808080;
	/*margin: 3px 0;*/
	/*padding: 10px 0 0 0;*/
	border-bottom: 1px solid #ccc;
}

.headertopleft { height: 11px; padding-top: 3px; } /* both should add up to .header height */
.headerbotleft { height: 44px; }

.headertop { height: 37px; padding-top: 3px; } /* both should add up to .header height */
.headerbot { height: 18px; }

.brand_ipro { color: #737373; font-family: 'Times New Roman', Arial; font-size: 14px; padding-left: 10px; }

.bar { 
	clear: both;
	height: 20px; 
	margin: 0 0 0 0px; 
    padding: 8px;
	background: #FF9148;
    text-align: center;
}

.errortext {
    font-family: Calibri, Arial;
    font-size: 14pt;
    font-weight: bold;
    color: red;
}

.topdown
{
    position: relative;
    top: -6px;
}
.itemheight
{
    height: 19px;
}

/* ghost buttons */

.gb-full-fade {
  display: inline-block;
  /*width: 200px;*/
  padding: 8px;
  color: #00D;
  background-color: transparent;
  border: 1px solid #d3d3d3;
  text-align: center;
  outline: none;
  text-decoration: none;
  font-size: 16px;
  font-family: 'Microsoft Sans Serif', 'Trebuchet MS', Tahoma;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.gb-full-fade:hover,
.gb-full-fade:active {
  background-color: #668898;
  border-color: #374f5b;
  color: #fff;
}



/* CSSTerm.com Simple Horizontal DropDown CSS menu 
    http://www.cssterm.com/css-menus/horizontal-css-menu/simple-drop-down-menu */

.drop_menu {
	background: #FAF0E6; /*#005555 ;*/ /* menu bkgrd */
	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:9px 20px;
	display:block;
	color: #191970; /*#fff;*/
	text-decoration:none;
	font:14px arial, verdana, sans-serif; /*12px*/
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#FAFAD2; } /*#5FD367 */ /*top menu item hover bkgrd*/

.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background: #880000; /*#5FD367 ; */ /*do not know what this bkgrd is for */
	padding:0px;
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:168px;
	text-indent:15px;/*15px;*/
	background-color:#F5F5F5;/* 5FD367*/ /*dropdown items bkgrd */
}
.drop_menu li:hover ul li a:hover { background: #FFDEAD;  } /*#005555 ;*/ /*submenu item hover bkgrd*/

/* report */

.topofreport { text-align: center; position: relative; }
.topofreport_img { position: absolute; left: 0px; top: 0px; }

.font_title { font: bold 28px Arial; color: #660000; }
.font_date { font: bold 14px Arial; color: #660000; }
/*.font_pagefooter { font: bold 12px Arial; color: #660000; }*/
.font_regular { font: 12px Arial; color: #000000; }
.font_header { font: bold 14px Arial; color: #000000; }
.font_section { font: bold 14px Arial; color: #000000; /*#FFFFFF*/ }

.section { page-break-inside: avoid; }

.section_bar { 
    width: 100%; 
    /*height: 18px; 20px;*/
    background-color: #FFDAB9; /* #FFC04C; #FF9148;  #445C82; */
    padding: 3px 0px 3px 6px; 
    margin: 6px 0px; /*12px 0px; */
}

.header_bar { margin-bottom: 13px; }

.heading_name { width: 20%; float: left; }
.heading_title { width: 30%; float: left; }
.heading_dept { width: 42%; float: left; }
.heading_date { width: 8%; float: left; }

.imgmaxwidth { max-width:100%;height:auto; }

/* media query to control title font on login page */
@media only screen and (min-width: 648px) {
  .titlefontsize { font-size: 2em; }
}
@media only screen and (max-width: 648px) {
  .titlefontsize { font-size: 1.5em; }
}



.reg {color: midnightblue; font: 10pt arial; font-weight: bold; }
.redtext {color: red; font: 12pt arial; font-weight: bold; }
.itlc {font-style: italic;}
