/* CSS Document */

/* PRINT instructions */
@media print {
	#page_top {
		display: none;
	}
	footer {
		visibility:hidden;
	}
	body {
		background-image: none;
	}
	main {
		visibility: collapse;
	}
	#applicantDetail {
		border-color:white;
		width:100%;
		height: 40em;
		overflow: initial;
	}
	#closeIcon {
		display: none;
	}
}


body{
	top:0;
	left:0;
	margin:none;
	padding:none;
	background-image:url(/resources/images/header_graphic.jpg);
	background-repeat:repeat-x;
}

main{
	position: relative;
	width: 90%;
	margin: 3em auto 1em auto;
	border-style: solid;
	border-width: thin;
	padding: 1em;
}

header{
	display:block;
}

footer{
	text-align: center;
	display:block;
	position:relative;
	width:20em;
	margin:4em auto;
	padding-top:4em;
}

.test + .tooltip > .tooltip-inner {
    background-color: #73AD21; 
    color: #FFFFFF; 
    border: 1px solid green;
    padding: 15px;
    font-size: 1.5em;
}

.linkAsBtn{
	background-color: darkgrey;
	border-radius: 5px;
	border-bottom-style: solid;
	border-width: thin;
	color:black;
	font-weight: bold;
	padding: 3px 5px;
}

.std_content{
	position: relative;
	width:80%;
	padding: 2em;
	margin: 4em auto;
}

#timekeeper{
	position: fixed;
	top: 0px;
	left: 0px;
	margin: none;
	padding: 1em;
	display: none;
	border-style: solid;
	border-color: crimson;
	border-width: thin;
	background-color: white;
}

.dropdownItem{
	height:.7em;
	
}

.horizontalListItem{
	list-style-type: none;
	padding: 0 2em 0 2em;
}

td, #dropdown, #dropbtn {
	width:auto;
    background:none;
}

#filePicker{
	cursor:pointer;
	display:block;
	width:auto;
    color: white;
    text-align: center;
	vertical-align:middle;
    padding: 0.5em 0.5em;
    text-decoration: none;
    background-color:#E61518;/* red */
	border-radius:4px ;
}

.mobileFilePicker{
	cursor:pointer;
	display:block;
	width:auto;
    color: white;
    text-align: center;
	vertical-align:middle;
    padding: 0.5em 0.5em;
    text-decoration: none;
    background-color:#E61518;/* red */
	border-radius:4px ;
}
nav td a, #dropbtn, .menuLink, #dropdown {
	display:block;
	width:auto;
    color: white;
    text-align: center;
	vertical-align:middle;
    padding: 0.5em 0.5em;
    text-decoration: none;
    background-color: #333;
	border-radius:4px ;
}

nav td a:hover {
    background-color:white/*#C0A125*/;
	color:black;
}

.dropdown-content {
    display: none;
    position: absolute;
	height:3em;
	z-index:10;
    /*background-color: #f9f9f9;*/
    min-width: 5em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    background-color: #f9f9f9;
	border-style:solid;
	border-width:thin;
    color: black;
    padding: .2em .2em;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
	background-color:#333;
	color:white;
}

.menuLink_dropbtn:hover .dropdown-content {
    display: block;
}

#toTop{
	display:none;
	padding:.5em;
	width:6em;
	height:auto;
	background-color:#C27620;
	color:white;
	position:fixed;
	bottom:2em;
	right:2em;
	text-decoration:none;
	border-radius: 4px;
}

.helpBtn{
	cursor:pointer;
	width:auto;
	height:2em;
	text-align:center;
	display: inline-block;
	border-radius: 4px;
	background-color:#333;
	border: none;
	color: #FFFFFF;
	font-size: .8em;
	padding: 5px;
	transition: all 0.5s;
	margin: 5px;
}

#customAlert{
	display:block;
    position:absolute;
    top:0;
    left:200px;
    background-color:red;
    width:22em;
    height:3em;
    text-align:center;
    font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
    font-size:12px;
    padding-top:none;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
    border-style:solid;
    border-color:red;
    border-width:1px;
    background-clip:content-box;
}

#alertButton{
    font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
    font-size:12px;
	cursor:pointer;
	background:none;
	border-style:none;
	color:white;
}

.dataTable{
	width: auto;
}

.dataTable tr td{
	width:auto;
	padding-left: 20px;
	padding-right: 20px;
}

.applicantReviewBtn{
	background:none;
	border:none;
	color:blue;
	text-decoration: underline;
	font-weight: bold;
}

#applicantDetail{
	position: fixed;
	top:2em;
	left:25px;
	border-radius: 15px;
	border-style: double;
	background-color: white;
	height: auto;
	width: 80%;
	overflow: auto;
	display: none;
}

.header-cell{
	text-align: center;
	font-weight: bold;
}