body {font:14px Arial; background-color:#e9e9e9; margin:0; padding:0;}

select {font-size:12px;}
option {font-size:12px;}
input {font-size:16px;}
textarea {font:14px Arial; resize:none;}
a {color:#000;}
a:hover {}

#content {display:flex; flex-wrap:wrap; max-width:758px; margin:0 auto; padding:45px 5px 5px 5px;}
#login {width:250px; margin:0 auto; padding:10px 10px 10px 10px;}
.login {text-align:center; height:35px; color:#fff; font-size:30px; background-color:#000; margin:0 auto; width:100%; box-shadow:0px 3px 3px 0px #aaa;}

.navbar {background-color:#000; position:fixed; top:0; right:0; height:35px; width:100%; box-shadow:0px 3px 3px 0px #aaa;}
.nav {display:flex; justify-content: space-between; background-color:#000; position:fixed; top:0; height:35px; width:100%; max-width:758px;}
.nav_text {float:left; color:#fff; font-size:20px; text-align:center; padding:7px; text-decoration:none;}
.nav a {color:#fff; font-size:20px; text-align:center; padding:7px; text-decoration:none;}
.nav a:hover, .navdrop-content a:hover {color:#000; background-color:#fff;}
a.navactive {color:#000; background-color:lightblue;}
.navdrop {float:right; overflow:hidden;}
.navdrop .navdroptitle {color:lightblue; font-size:14px; padding:9px; cursor:pointer;}
.navdrop-content {display:none; position:absolute; background-color:#000; border-radius:0 0 10px 10px; box-shadow:0px 8px 16px 0px #000;}
.navdrop-content a {float:none; color:#fff; font-size:14px; padding:3px; text-decoration:none; display:block; text-align:left; min-width:100px;}
.navdrop:hover .navdrop-content {display:block; z-index:1;}
a.nav_logout {color:red; font-size:16px; text-align:center; padding:10px; text-decoration:none;}

.nav2 {position:fixed; top:35px; right:0; width:100%;}
.nav2_top_gap {height:10px; background-color:#fff;}
.nav2_table {border-collapse:collapse;}
.nav2_table td {font-size:16px; border-bottom:2px solid #000; white-space:nowrap; background-color:#fff;}
td.nav2_table_active {border:1px solid #000; border-bottom:0px; background-color:#e9e9e9;}
td.nav2_table_active a:hover {color:#fff; background-color:#000;}
td.nav2_table_inactive {border:1px solid #aaa; border-bottom:1px solid #000; background-color:#fff;}
td.nav2_table_inactive a:hover {color:#fff; background-color:#000;}
td.nav2_table_blank {padding-left:10px;}
.nav2_table a {text-decoration:none; padding:1px 10px 1px 10px;}
.nav2_bottom_gap {padding:17px;}

.narrow_column {width:240px; padding:0 5px 5px 5px;}
.medium_column {width:510px; padding:0 5px 5px 5px;}
.wide_column {padding:0 5px 5px 5px;}

.win {font-size:16px; background-color:#fff; margin-bottom:10px; padding:10px; border:1px solid #999;}
.win_info {background-color:#fff; text-align:center; margin-bottom:10px; padding:10px; border:1px solid #999; border-radius:10px;}
.win_message {background-color:#ffff77; text-align:center; margin-bottom:10px; padding:10px; border:1px solid #000; border-radius:10px;}
.win_warning {background-color:red; color:#fff; text-align:center; font-weight:bold; margin-bottom:10px; padding:10px; border:1px solid #000; border-radius:10px;}

.win_wide_select {width:140px;}

ul.win_list {list-style-type:none; margin:0 0 10px 0; padding:0;}
.win_list li{padding:5px; background-color:#fff; border-color:#999; border-width:0 1px 0 1px; border-style:solid;}
li.win_list_top {border-top-width:1px; border-top-left-radius:15px; border-top-right-radius:15px;}
li.win_list_bottom {border-bottom-width:1px; margin-bottom:5px; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
li.win_list_background  {background-color:#e9e9e9; border-width:0px;}
li.win_list_alt_color  {background-color:#eee;}
li.win_list_alt_color_bottom {background-color:#eee; border-bottom-width:1px; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.win_list textarea {width:97%; height:75px; padding:5px;}

.win_table_border {background-color:#fff; margin-bottom:10px; padding:3px; border:1px solid #999; border-radius:10px;}
.win_table {border-collapse:collapse; width:100%;}
.win_table_l {width:30%; text-align:right; padding:6px;}
.win_table_r {text-align:left; font-weight:bold;}
.win_table_r input{width:95%;}
.win_table_alt {background-color:#eee;}
.win_table_colspan {padding:5px 0 5px 0; text-align:center;}
.win_table_colspan textarea {width:97%; height:150px; padding:5px;}

.table {border-collapse:collapse; margin-bottom:10px;}
.table th {color:#000; background:#e9e9e9; border:0px; border-bottom:2px solid #000; cursor:default; text-align:center; padding:2px;}
.table tr {background:#fff;}
.table tr:hover {background-color:#ccc; cursor:default;}
tr.table_alt {background:#eee;}
.table td {border:1px solid #000; padding:5px; padding-left:10px; padding-right:10px;}
.small_link {font-size:10px; padding:5px;}
.small_link:hover {color:#fff; background-color:#000;}

.table_a {border-collapse:collapse; margin-bottom:10px;}
.table_a th {background:#e9e9e9; border-bottom:2px solid #000; cursor:default; text-align:center; padding:2px;}
.table_a tr {background:#fff;}
.table_a tr:hover {background-color:#ccc; cursor:pointer;}
tr.table_a_alt {background:#eee;}
.table_a td {border:1px solid #000;}
.table_a a {padding:5px; display:block; text-decoration:none;}

.button {background-color:#ffffcc; border:1px solid #888; font-size:18px; font-weight:bold; cursor:pointer; padding:3px; text-decoration:none; border-radius:5px;}
.button:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,1);}
.button_search {color:#fff; background-color:green; border:1px solid #888; font-size:18px; font-weight:bold; cursor:pointer; padding:3px; border-radius:5px; text-decoration:none;}
.button_search:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,1);}
.button_new {color:#000; background-color:lightgreen; border:1px solid #888; font-size:18px; font-weight:bold; cursor:pointer; padding:3px; border-radius:5px; text-decoration:none;}
.button_new:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,1);}
.button_update {color:#fff; background-color:green; border:1px solid #888; font-size:18px; font-weight:bold; cursor:pointer; padding:2px 4px; border-radius:5px; text-decoration:none;}
.button_update:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,1);}
.button_delete {color:#fff; background-color:red; border:1px solid #888; font-size:18px; font-weight:bold; cursor:pointer; padding:2px 4px; border-radius:5px; text-decoration:none;}
.button_delete:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,1);}
.button_export {color:#fff; background-color:blue; border:1px solid #888; font-size:18px; font-weight:bold; cursor:pointer; padding:2px 4px; border-radius:5px; text-decoration:none;}
.button_export:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,1);}
.button_autofill {color:#fff; background-color:blue; border:1px solid #888; font-size:18px; font-weight:bold; cursor:pointer; padding:2px 4px; border-radius:5px; text-decoration:none;}
.button_autofill:hover {box-shadow:0 2px 5px 0 rgba(0,0,0,1);}