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

p {text-align:center; padding:0 10px 10px 10px;}
select {font-size:16px;}
option {font-size:16px;}
input {font-size:16px;}
textarea {font:16px Arial; resize:none;}
a {color:#000;}

#content {width:100%; padding:45px 0 0 0;}
#login {margin:0 auto; padding:10px 0 0 0;}
.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;}

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

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

.win_table_border {background-color:#ccc; margin-bottom:10px; padding:3px 0 3px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.win_table {border-collapse:collapse; width:100%; border-width:0px}
.win_table_l {text-align:right; white-space:nowrap; width:30%}
.win_table_r {text-align:left;}
.win_table_r input {width:90%;}
.win_table_r select {width:95%;}
tr.win_table_alt {background-color:#eee;}
.win_table_colspan {width:400px; padding:5px 0 5px 0; text-align:center;}
.win_table_colspan textarea {width:92%; height:150px; padding:5px;}

.table {border-spacing:0px; border-collapse:collapse; width:100%;}
.table tr {background:#fff;}
.table th {border:0px; border-bottom:2px solid #000000; background:#fff; font-size:18px; font-weight:bold;}
.table td {border:1px solid #000; padding:5px; padding-left:10px; padding-right:10px;}
tr.table_alt {background:#eee;}
.small_link {font-size:10px; padding:5px;}

.table_a {border-collapse:collapse; width:100%;}
.table_a th {border:0px; border-bottom:2px solid #000000; background:#fff; font-size: 18px; font-weight: bold;}
.table_a tr {background:#fff;}
tr.table_a_alt {background:#eee;}
.table_a td {border-bottom:1px solid #000;}
.table_a a {padding:5px; display:block; text-decoration:none;}

.button {background-color:#ffffcc; border:1px solid #888; font-size:20px; 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:20px; 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:20px; 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:20px; 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:20px; 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:20px; 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:20px; 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);}