#body_reg {
	margin: 0;
	padding: 0;
	background-color: #ddd;
}

@media only screen and (max-width:400px){

	#body_mobilek {
		margin: 0;
		padding: 0;
	}
}

#body_admin {
	margin: 0;
	padding: 0;	
}

body.pio {
	margin: 0;
	padding: 0;
	background-color: #ffffb3;
}


.page_nav_div a:link { color: blue; } 
.page_nav_div a:visited { color: blue; }
.page_nav_div a:hover { color: white; background-color: #9fc4dd; }
.page_nav_div a:active { color: white; background-color: #9fc4dd; }

a:link { color: #309; } 
a:visited { color: #309; }
a:hover { color: #66d; }
a:active { color: #66d; }


img { border: 0; }

input[type=button],input[type=submit],input[type=reset] {

	cursor: pointer;
}

label { cursor: pointer; }

.std_mt { margin-top: 16px; }

.center { margin-right: auto; margin-left: auto; }
.tcenter { text-align: center; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.tbl_fullwidth {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.div_next {
   width: 100%;
   margin-top: 16px;
}

.error { color: #c03; font-weight: bold; vertical-align: top; }
td.error { color: #c03; font-weight: bold; vertical-align: top; }
span.error { color: #c03; font-weight: bold; }
a.dup_error:link { color: #c03 }
a.dup_error:visited { color: #c03 }
a.dup_error:hover { color: #c03 }
a.dup_error:active { color: #c03 }

.secret_links img { width: 20px; height: 5px; }

div#content { padding-left: 13px; margin-top: 16px; margin-bottom: 10px; }
div#content_std { padding-left: 18px; }
div#content_name { padding-left: 13px; }
div#content_text { padding-left: 23px; width: 450px; }

table#heading { 
	width: 80%;
	margin-left: 10%; 
	margin-right: 10%; 
	height: 40px; 
	margin-top: 10px; 
	font-size: 1.1em;
}

table#hit_details th { padding: 6px; vertical-align: middle; }
table#hit_details td { padding: 6px; }

/* Style the page title site component */

#page_title_box {
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   max-width: 500px;
   margin-top: 16px;
   padding: 3px;
}

#page_title_box_inner {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   background: #fff;
   height: 32px;
   line-height: 32px;
   text-align:center; 
}

/* Style main desktop container table */

table#dt_main_tbl {
   width: 900px;
   border-spacing: 0;
   border-collapse: collapse;
   background-image: url('/images/backgroundnoframes.gif');
   margin-left: auto;
   margin-right: auto;
}

#dt_main_tbl_tr { vertical-align: top; }

/* Style the top ad space */
#top_ad_td { 
   padding: 0; 
   text-align: right;
}

/* Style the desktop left col */

#dt_main_tbl_td1 {
   width: 124px;
   text-align: center;
   font-weight: bold;
}

/**
td#dt_main_tbl_td1 a:link, td#dt_main_tbl_td1 a:visited {
   color: white;
}
td#dt_main_tbl_td1 a:hover, td#dt_main_tbl_td1 a:active {
   color: red;
}
**/

#dt_main_tbl_td1 hr {
  border-color: #069;
  margin: 20px auto 12px auto;
  width: 85%;
}

/* Style desktop left nav menu */

#dt_nav_icons_div {
   margin-left: auto;
   margin-right: auto;
   margin-top: 9px;
   margin-bottom: 8px;
   padding: 1px 4px 7px 4px;
   outline: 4px solid #069;
   width: 90px;
   height:90px;
}

table#dt_nav_icons_tbl {
   margin-left: auto;
   margin-right: auto;
   border-spacing: 3px;
   border-collapse: collapse;
   margin-top: 4px;
   width: 90px;
   background-color: #069;
}

table#dt_nav_icons_tbl img {
   width: 36px;
   height: 36px;
   vertical-align: bottom;
}

#dt_nav_icons_td11 {
   height: 40px;
   padding-top: 3px;
   padding-left:4px;
}

#dt_nav_icons_td12 {
   height: 40px;
   padding-top: 3px;
   padding-right:4px;
}

#dt_nav_icons_td21 {
   height: 40px;
   padding-bottom: 3px;
   padding-left:4px;
}

#dt_nav_icons_td22 {
   height: 40px;
   padding-bottom: 3px;
   padding-right:4px;
}

.dtnav { width: 110px; }

#dt_nav_left_intronews {
  display: block;
  margin: 2px auto -8px auto;
}

.dt_nav_letters_div {
   padding-top: 7px;
   padding-bottom: 7px;
}

.dtnavlinks a {
  display: block;
  margin:17px 0;
}

/* Style desktop right */

.dt_right { padding-left: 2px; }

.dt_right hr { width: 98%; margin-top: 4px; }

/* Style desktop top nav menu */

#dt_topnav { font-size: 0.9em; }

.dt_topnav_td0 { width: 34px; }
.dt_topnav_td1 { width: 24px; text-align: left; }
.dt_topnav_td2 { width: 67px; }
.dt_topnav_td3 { width: 53px; padding-right: 16px; }

#dt_topnav img { width: 26px; height: 26px; }

.dt_topnav_td2 a:link, .dt_topnav_td2 a:visited {
   text-decoration: none;
   color: black;
}

.dt_topnav_td2 a:hover, .dt_topnav_td2 a:active {
   text-decoration: none;
   color: blue;
}

.dt_topnav_td3 a:link, .dt_topnav_td3 a:visited {
   text-decoration: none;
   color: black;
}

.dt_topnav_td3 a:hover, .dt_topnav_td3 a:active {
   text-decoration: none;
   color: blue;
}

/* Style desktop inline search box */

table#dt_inline_search {
  margin-top: -6px;
  margin-left: auto;
  margin-right: auto;
}

#dt_inline_search_left { padding-left: 27px; }

#dt_inline_search_right {
   text-align: center;
   width: 28%;
   font-size: 0.8em;
}

#dt_inline_search_field { width: 220px; }

/* Style desktop body */

div.dt_body { margin-left: auto; margin-right: auto; width: 99%; padding-left: 4px; padding-right: 1px; }

/* Style desktop footer */

/** Mobile **/

#mobile_container {
   margin-left: auto;
   margin-right: auto;
   width: 99.5%;
   max-width: 420px;
}

#mb_icons_div {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#mb_icons_div img {
  width: 36px;
  height: 36px;
}

#mb_nav_letters_div {
  margin-top: 20px;
}

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  width: 100%;
  background-color: #222;
  position: relative;
  border: 1px solid black;
  margin-bottom: 10px;
  padding-left: 0;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #mb_nav_links {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 25px 14px 18px;
  text-decoration: none;
  font-size: 20px;
  display: block;
}

.topnav hr {
  color: #ddd;
  width: 92%;
}

.topnavicons {
  display: inline-block;
  padding: 2px 4px; 
  margin: 14px 8px 6px 8px;
  background-color: #000;
  border:1px solid #ddd;
}

.topnavicons a {

	padding: 3px 4px 1px 4px;
}

/* Letters */
table#alphabet td {
   padding-bottom: 14px;
   text-align: center;
}

table#alphabet a { display: inline; }

.let a { display: inline; }

table#mb_top_nav_links {
  color: white;
  text-align: left;
  margin-left: 12px;
  margin-top: 18px;
  margin-bottom: 10px;
}

#mb_top_nav_links img {
  width: 30px;
  height: 30px;
}

table#mb_top_nav_links a {
  display: inline;
  padding: 0;
  font-size: 20px;
}

#mb_top_nav_td1 {
  width: 34px;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  text-align:center;
}

/* Add a grey background color on mouse-over */
.topnav_bars a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #fff;
  color: white;
}

/* Mobile search box */
#mb_search_box {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   margin-bottom: 14px;
   text-align: center;
}

#mb_search_field {
   width: 288px;
   height: 24px;
}

#mb_search_icon {
   width: 30px;
   height: 30px;
   vertical-align: bottom;
}

#copyright_div { padding-left: 13px; }

.tablespace { padding-bottom: 4px; vertical-align: top; }
.suggest { color: #4100c2; font-weight: bold; vertical-align: top; }
.submit_info { font-weight: bold; vertical-align: top; text-align: left; }
.suggest_color { color: #4100c2; font-weight: bold; }

.survey { color: #000080; }

table.submit_name th { text-align: left; border: 2px solid #00008b; padding: 5px; }
table.submit_name td { border: 2px solid #00008b; padding: 5px; }

.page_head { font-size: 1.1em; }
.birth_color { color: #008080; font-weight: bold; }

#data { font-family: Rokkitt,Garamond,serif; }

table#data th{
    font-size: 0.9em;
    border-collapse: collapse;
    empty-cells: show;
}

table#data-mobile th {
    font-size: 1em;
    border-collapse: collapse;
    empty-cells: show;
}

#news_table_disp { vertical-align: top; }

.data-mobile td {
    font-size: 1.2em;
    border-collapse: collapse;
    empty-cells: show;
    color: green;
}

/* Style links in the stories. Don't bold interior links
   that have the fwn class (font-weight: normal) */
#stories_tbl a:not(.fwn) {
   font-weight: bold;
}

#stories_tbl {
   width: 100%;
   margin-left: -20px;
   line-height: 128%;
}

.story_signature {
   font-weight: bold;
   font-size: 0.9em;
   color: #00008b;
}

.story_review { color: green; }
.story_review a { color: green; }

#submit_story_box {
   margin-left: auto;
   margin-right: auto;
   width: 75%;
   max-width: 330px;
   margin-top: 30px;
   text-align: center;
   border: 1px solid black;
   padding: 15px;
}

.submit_story_title {
   font-weight: bold;
   font-size: 1.2em;
}

.submit_story_text {
   margin-top: 12px;
}

.stories_disclaimer {
   margin-left: auto;
   margin-right: auto;
   width: 75%;
   margin-top: 16px;
   font-size: 0.8em;
}

#stories_bottom_nav_links {
   margin-top:-14px;
}

.style-a9b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
}

.style-a10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.style-a10b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.style-a10bw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

table.style-a10bwbg th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #006390;
}

.style-a10e {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}


.style-a10n {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.style-a11b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.style-a12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style-a12b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.style-a12bw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.style-a12n {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.style-a13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style-a13b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

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

.style-a16b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

/* Table padding */
table.style-pd0004 td,th {
	padding-left: 4px;
}

table.style-pd2222 th {
	padding: 2px;
}

table.style-pd2222 td {
	padding: 2px;
}

table.style-pd2020 td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.style-pd3030td td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.style-pd2424td td {
	padding: 2px 4px;
}

.style-pd4040td td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.style-pd5050 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.style-pd5050td td {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Table padding and heights */
.style13 td {  padding: 2px 0 2px 4px; height: 24px; }

table.style13  td {  padding: 2px 0 2px 2px; height: 24px; }
table.style13a th {  padding: 2px 0 2px 5px; height: 18px; }
table.style13a td {  padding: 2px 0 2px 2px; }
table.style13b th {  padding: 2px 0 2px 5px; height: 18px; }
table.style13b td {  padding: 2px 0 2px 5px; }
table.style13c th {  padding: 2px 5px 2px 5px; height: 24px; }
table.style13c td {  padding: 2px 5px 2px 5px; height: 24px; }
table.style13d th {  padding: 2px 0 2px 5px; height: 24px; }
table.style13d td {  padding: 2px 0 2px 2px; }
table.style13e th {  padding: 2px 0 2px 5px; height: 22px; }
table.style13e td {  padding: 2px 0 2px 2px; }
table.style13f th {  padding: 5px; height: 22px; }
table.style13f td {  padding: 5px; }
table.style13g th {  padding: 1px 0 1px 0; height: 20px; }
table.style13g td {  padding: 2px 0 1px 7px; }
table.style13h th {  padding: 1px 0 1px 7px; height: 24px; }
table.style13h td {  padding: 2px 0 2px 7px; }
table.style13i td {  padding: 2px 3px 2px 3px; }


/* Used to provide borders inside tables */
.all_borders td		{ border: 1px solid black; }
.all_borders th		{ border: 1px solid black; }
table.no_borders td	{ border-width: 0px; }

.comment_headings {
	font-weight: bold; 
	margin-top:16px; 
	font-size: 1.1em; 
	padding-bottom:	4px;
}

.comment_headings_color {
	color: darkblue; 
}

.comment_headings_error {
	color: #c03; 
}

#admin_box {
	position:fixed;
	top:0;
	left:1px;
	width:100px;
	height:100px;
	background-image:url('/images/admin_corner.gif');
}

#guess_btn		{ background-color: #eee; color: black; }
#guess_btn:hover { background-color: #999; color: white;}

.upd_block { 
   display: block;
   margin-top:12px;
}
.upd_inline { 
   display: inline; 
   padding-left: 4px; 
   padding-right: 4px;
}

div.toggler				{ border:1px solid #ccc; background:url(gmail2.jpg) 10px 12px #eee no-repeat; cursor:pointer; padding:10px 32px; }
div.toggler .subject	{ font-weight:bold; }
div.read					{ color:#666; }
div.toggler .from, div.toggler .date { font-style:italic; font-size:11px; }
div.body					{ padding:10px 20px; }


.site_parent {

	display: flex;
	height: 320px;
	justify-content: center;
	align-items: flex-start;
	
	padding: 5px; 
}

.site_item {

	width: 120px;
	height: 400px;
	margin: auto;
	text-align: left;

	margin: 0 50px;
}

.guide_item {

	width: 130px;
	height: 400px;
	text-align: left;

	margin: 0 50px;
}

.quiz_item {

	width: 200px;
	height: 270px;
	text-align: left;

	margin: 0 20px;
}

.hit_item {

	width: 140px;
	height: 400px;
	text-align: left;

	margin: 0 50px;
}

.pio_item {

	width: 200px;
	height: 100px;
	text-align: center;

	margin: 0;
}

#links_page a { 
   display: block;
   padding-bottom: 4px;
}

#faq_q tr { vertical-align: top; }

#faq_q th {
   text-align: right;
   padding-right: 4px;
   padding-bottom: 6px;
   padding-bottom: 6px;
}

.nt_alive { color: green; }

#news_table_disp, #news_table_working {
   width: 100%;
   margin-top: 16px;
}

.news_col_green { color: green; }
.news_col_dkblue { color: #00008b; }
.news_col_purple { color: #a11a8a; }

.as_color {
   color: #5a88f4; 
   font-weight: bold;
}

.tleft { text-align: left; }
.tright { text-align: right; }

.std_mt { margin-top: 16px; }

div#show_info1a, div#show_info2a, div#show_info3a, div#show_info4a {
   display: none;
   position: fixed;
   left: 25px;
   top: 250px;
   width: 280px;
   margin-right: auto;
   background-color: #eef;
   outline: 2px solid black;
   padding: 12px;
}

.guide_code {
   font-family: courier;
   color: maroon;
   font-size: 0.9em;
}