/*
	Common style definitions
*/

/*
	Default styles
*/
body
{
	background-color: #FAFAFA;
    color: #000000;
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
    font-size:10pt;
    line-height:15pt;
	display:flex;
}

html
{
	overflow-y: scroll; /* avoid jumps */
}

main 
{
	display:block; /* for backward compatibility */
	margin-left:20px;
}

ul
{
    list-style-type:square;
    padding-left:20px;

}

@keyframes blinking { 
  0% { 
    text-shadow: none;
  } 
  40% { 
    text-shadow: none;
  }
  50% { 
    text-shadow: 0 0 3px rgba(55,163,220,0.8);
  } 
  70% { 
    text-shadow: none;
  }
  100% { 
    text-shadow: none;
  } 
}

a 
{
	text-decoration:underline;
	text-decoration-style:dotted;
	text-decoration-color:#c25b28;
	color:black;
	/*text-shadow: 0 0 3px rgba(55,163,220,0.4);*/
	animation: blinking 3s infinite linear;
}

a:hover 
{
	text-shadow: 0 0 3px #37A3DC;
	animation:none;
}

h1
{
	color:#444444;
}

img
{
    border:none;
}

figcaption
{
	font-style:italic;
}

pre 
{
	overflow:auto;
	white-space: pre-wrap;
}

table
{
    border-width: 0px;
    border-spacing: 0px;
    border-collapse:collapse;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

td
{
    border: 0px solid black;
    padding-right:10px;
	vertical-align:top;
}

th
{
    border: 0px solid black;
    padding-right:10px;
	text-align:left;
}

input 
{
	padding:2px;
	margin:0px;
	margin-bottom:2px;
}

select
{
	padding:2px;
	margin:0px;
	margin-bottom:2px;
}

textarea
{
	font-family:Arial,sans-serif;
	font-size:10pt;
	resize:none;
	padding:2px;
	margin:0px;
	margin-bottom:2px;
}

table.invisible td 
{
    border: 0px solid black;
    padding:0px;
	vertical-align:top;	
}

table.invisible_spaced td 
{
    border: 0px solid black;
    padding-right:0px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:0px;
	vertical-align:top;	
}

table.invisible_spaced tr:nth-child(1).td
{
    padding-top:0px;
}

table.invisible_spaced td:nth-child(1) 
{
    padding-left:0px;
}

table.admin_main
{
	width:100%;
	border-collapse:separate;
}

td.admin_main
{
	border: 1px solid black;
	padding: 5px;
	background-color: #dddddd;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	text-align:center;
}

td.admin_main_active
{
	border: 1px solid black;
	padding: 5px;
	background-color: #ffffff;
	border-bottom:0px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	text-align:center;	
}

td.admin_main_content
{
	border: 1px solid black;
	padding: 10px;
	background-color: #ffffff;
	border-top:0px;
}

table.list
{
	box-shadow: 0px 0px 5px 0px #CCCCCC inset;
	border:0px;
}

table.list tr
{
    background-color:#F0F0F0;
    border:0px;	
}

table.list tr:nth-child(even) {
       background-color: #FAFAFA;
}

table.list tr:nth-child(1) {
	background-color:#F0F0F0;
	background-image:linear-gradient(#CCCCCC,#FAFAFA,#F0F0F0);
	white-space:nowrap;	
}

table.list tr:hover
{
    background-color:#FFFFFF;
}

table.list td
{
	border:0px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:5px;
}

table.list th
{
	border:0px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:5px;
}

table.list a
{
	animation:none;
}

/*
	Main menu bar styles
*/
#main_menu_bar
{
	position:relative;
	height:4px;
	width:1200px;
	background-color:#c25b28;
}

#main_menu_bar .mfa
{
	background-image:linear-gradient(to right, #c25b28,#ffa736 20%, #ffa736 80%,#c25b28);
	position:absolute;
	width:110px;
	height:4px
}
#main_menu_bar .mfi
{
	background-color:#c25b28;
	position:absolute;
	width:110px;
	height:4px
}

#main_menu_bar .mfh
{
	background-image:linear-gradient(to right, #c25b28,#ffd399 20%, #ffd399 80%,#c25b28);
	position:absolute;
	width:110px;
	height:4px
}

/*
	Main menu styles
*/
#main_menu
{
	position:relative;
	height:24px;
	width:1200px;
	background-color:#AAAAAA;
	background-image:linear-gradient(#BBBBBB,#FFFFFF);
	text-align:center;
	font-size:17px;
	text-shadow: 0px 0px 8px #FFFFFF;	
}

#main_menu a.mmlink
{
	text-decoration:none;
	animation:none;
}

#main_menu a.mmlink:hover
{
	text-shadow:none;
}

#main_menu div.mmdiv
{
	position:absolute;
	top:0;
	width:110px;
}

#main_menu div.mmsep
{
	position:absolute;
	top:0;
	width:20px;
}

/*
	Styles for common parts
*/
#container1
{   
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    color: #000000;	
	background-color: #FFFFFF;
	box-shadow: 0px 0px 20px 0px #777777;
}

#container2
{
	margin:42px;
	margin-top:20px;
}

#footer
{
	text-align:center;
	font-size:11px;
	color:#444444;
}

#footer a
{
	font-size:11px;
	text-decoration:none;
	color:#444444;
}

#admin
{
	box-shadow: 0px 0px 20px 0px #777777;
	background-color: #FFF;	
	padding:10px;
	width:650px;
}

#title_bar
{
    height:200px;
}

#header 
{
	display:flex;
	justify-content:space-between;
}

#breadcrump
{	
	text-align:left;
	font-size:12px;
}

#breadcrump span
{
	color:#37A3DC;
}
#breadcrump a
{
	color:#37A3DC;
	animation:none;
}

#account
{
	margin-top:30px;
}

#account a
{
	margin:0px;
	text-align:center;	
	text-shadow: 0 0 3px white;
	text-decoration:none;
	color: black;
	font-size:16px;
}

#account div
{
	padding:10px;
	background-color:#37A3DC;
	border-radius:3px;
	box-shadow:5px 5px 5px 0px #777777;
}

@keyframes hint_move {
	0 {
		top: 40px; 
		right: 4000px; 
  }
  35% {
		top: 40px; 
		right: 0px; 
  }
  40% {
		top: 40px; 
		right: -120px; 
  }
  90% {
		top: 40px; 
		right: -120px; 
		opacity:1;
  }
  100% {
		top: 40px; 
		right: -120px; 
		opacity:0;
  }
}

#hint
{
	position: relative;
	top: 40px; 
	right: 4000px; 
	height: 30px;
	width:600px;
	text-align:right;
	font-size:16px;
	opacity:1;
	text-shadow: 0 0 3px #37A3DC;
	animation-name: hint_move;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

/*
	Styles for the vertical navigation menu on the left
*/
#leftnav
{
	text-align:left;
	font-size:18px;
	min-width:250px;
	vertical-align:top;
	margin-left:0;
	padding:0px;
}

#leftnav ul
{
	list-style-type:none;
	padding-left:0;
	color:#37A3DC;
	text-shadow: 0 0 1px #888;
}

#leftnav ul ul
{
	list-style-type:none;
	font-size:16px;
	padding-left:10px;
}

#leftnav ul ul ul
{
	list-style-type:none;
	font-size:14px;
}

#leftnav a
{
	text-decoration:none;
	color: black;
	transition: all 0.1s ease-in;
	text-shadow: none;
	animation:none;
}

#leftnav a:hover
{
	text-decoration:none;
	text-shadow: 0 0 2px #37A3DC;
	color:#333333;
}

#useradmin_table
{
	width:100%;
}
#useradmin_table input
{
	width:225px;
}
#useradmin_table input[type="submit"]
{
	width:inherit;
}
#useradmin_table textarea
{
	width:225px;
	height:60px;
}
#useradmin_table select
{
	width:330px;
}


/*
	Styles for the quick links below the vertical navigation menu on the left
*/
a.accessButton 
{
	margin:0px;
	text-align:center;	
	text-shadow: 0 0 4px white;
	text-decoration:none;
	color: black;
	animation:none;
	font-weight:bold;
}

div.accessButton div:active
{
	box-shadow:1px 1px 1px 0px #777777;
}


div.accessButton 
{
	margin-top:40px;	
}

div.accessButton  div
{
	text-align:center;
	padding:35px;	
	text-shadow: 0 0 3px white;
	box-shadow:5px 5px 5px 0px #777777;
	border-radius:3px;
	background-size:cover;
	background-color:#37A3DC;
	width:140px;	
}

input[type="file"]#UPLOAD_FILENAME {
  /* Note: display:none on the input won't trigger the click event in WebKit.
     Setting visibility to hidden and width 0 works.*/
  visibility: hidden;
  width: 0;
  height: 0;
}

/*
	Special table styles
*/
table.center {margin-left:auto; margin-right:auto;}

tr.tr_2
{
    background-color:#F0F0F0;
    border:0px;
}
tr.tr_1
{
    background-color:#FAFAFA;
    border:0px;
}
tr.tr_h
{
	background-color:#F0F0F0;
	background-image:linear-gradient(#CCCCCC,#FAFAFA,#F0F0F0);
	white-space:nowrap;
}

tr.tr_1 a {
	animation:none;
}

tr.tr_2 a {
	animation:none;
}

tr.tr_2:hover
{
    background-color:#FFFFFF;
}

tr.tr_1:hover
{
    background-color:#FFFFFF;
}

div.actionButtonContainer 
{
}

div.actionButtonContainer  div
{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	text-shadow: 0 0 3px white;
	box-shadow:5px 5px 5px 0px #777777;
	border-radius:3px;
	background-color:#37A3DC;
	width:100px;	
}

div.actionButtonContainer div:active
{
	box-shadow:1px 1px 1px 0px #777777;
}

a.actionButton 
{
	margin:0px;
	text-align:center;	
	text-shadow: 0 0 3px white;
	text-decoration:none;
	color: black;
}

div.actionButton div:active
{
	box-shadow:1px 1px 1px 0px #777777;
}


div.actionButton 
{
	position:absolute;
	left:350px;
	bottom:15px;
}

div.actionButton  div
{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	text-shadow: 0 0 3px white;
	box-shadow:5px 5px 5px 0px #777777;
	border-radius:3px;
	background-color:#37A3DC;
	width:100px;	
}

span.paper_author 
{
	
}

span.paper_title
{
	font-style:italic;
}