body {background-color: #F1A629; font-family: "Arial-Black", "Helvetica", "Arial";}
form {padding: 0px; margin: 0px}  
h1, h2, h3, h4 {padding-top: 2px; margin-top: 2px; margin-bottom: 2px; padding-bottom: 5px; color: navy}
h1 {font-size: 16px;}
h2, h3 {font-size: 12px;}
fieldset {padding-top: 10px; padding-bottom: 7px;}
#banner { padding-top: 5px; padding-bottom: 5px; text-align: left; background-color: navy; color: white; border: 3px; border-style: solid; padding-left: 10px;}  
a:link {color: navy; background-color: white; padding: 2px; border: 1px; border-style: solid;} 
a:visited {color: navy; background-color: white; padding: 2px;border: 1px; border-style: solid;}
a:hover {color: red; background-color: white; padding: 2px;border: 1px; border-style: solid;}

#login {font-size: 10px; float: right; padding: 5px;  width: 300px; height: auto; overflow: visible; text-align: center; background-color: navy; color: white; border: 3px; border-style: solid;}  
#socials {float: right; margin-top: 10px; margin-left: 10px;width: 300px; background-color: navy; color: white; padding: 5px; border: 3px; border-style: solid; clear: right; text-align: right;}
#advert {float: right; margin-top: 10px; margin-left: 10px;width: 300px; background-color: navy; color: white; padding: 5px; border: 3px; border-style: solid; clear: right; text-align: right;}
#details {font-size: 10px; float: right; margin-top: 10px; margin-left: 10px; width: 300px; background-color: navy; color: white; padding: 5px; border: 3px; border-style: solid; clear: right;   text-align: right;}
#update_msg {text-align: center; float: right; margin-top: 10px; margin-left: 10px; width: 300px; background-color:red; color: white; padding: 5px; border: 3px; border-style: solid; clear: right;}
#messages {float: right; margin-top: 10px; margin-left: 10px;width: 300px; background-color: navy; color: white; padding: 5px; border: 3px; border-style: solid; clear: right; text-align: right;}
#extra_menu {float: right; text-align: right; margin-top: 10px; margin-left: 10px;width: 300px; background-color: navy; color: white; padding: 5px; border: 3px; border-style: solid; clear: right;}
#details h2 {color: orange}

input {height: auto; width: auto; font-size: 10px; padding: 0px; margin: 0px;}

select.completed {height: auto; padding: 0px; margin: 0px; background-color: orange; color: #4A2885;}
select.not_completed {height: auto; padding: 0px; margin: 0px; color: #4A2885;}

td.completed {font-size: xx-small; background-color: orange; color: #4A2885; }
td.not_completed {font-size: xx-small; background-color: #000080; color: orange; }

#middle {text-align: center;}
table.fullwidth {margin-left: auto; margin-right: auto;}

.form {page-break-after: always; font-size: 14px; color: black;}

table.form {width: 15cm}
 
tr.small {font-size: x-small}

input.completed {height: auto; font-size: xx-small; padding: 1px; margin: 0px; background-color: orange; border: 1px; border-style: solid; color: #4A2885;}
input.not_completed {height: auto; font-size: x-small; padding: 1px; margin: 0px; color: #4A2885;}	

#edit_shift {background-color: #4A2885; color: white; border: 1; border-style: solid;}
#edit_shift h2 {color: orange}

.update {color: white; font-weight: bolder}
.bold {color: green; }  
.orange {color: orange; }
table.goldcard td {vertical-align: top;}
#modifyshifts h2 {color: orange;}

h2.orange {font-size: 12px; color: orange;}
h2.navy {color: navy; font-size: 12px;}
h2.large {color: navy; font-size: 16px;}

h1.orange {color: orange; font-size: 16px} 
h1.navy {color: navy; font-size: 16px}
legend {color: navy; font-size: 10px;}

th {text-align: left; margin: 0px; padding: 3px; text-align: center; color: navy; font-size: 12px}
td {color: navy; margin: 0px; padding: 3px; border: 0px; text-align: center; font-size: 10px}


p.small_white {font-size: 12px; color: white; }
p.small_yellow {font-size: 12px; color: yellow; }
p.small_red {font-size: 10px; color: red; font-weight: bold;}

p.x_small_white {color: white; font-size: 10px;padding: 0px; margin: 5px;}
p.x_small_yellow {color: yellow; font-size: 10px;padding: 0px; margin: 5px;}
p.x_small_red {color: red; font-weight: bold;  font-size: 10px;}
td.completed a {padding: 1px; margin: 0px; border-style: none; color: #4A2885;}
td.completed a:hover {color: red; padding: 1px; border-style: none;}
td.not_completed a {border-style: none; background-color: none; padding: 1px; margin: 0px;}
td.not_completed a:hover {color: red; padding: 1px; border-style: none;}

div.error p {padding: 0px; margin: 0px; color: #FF0000;}
div.error {margin-bottom: 10px;}

.protocol {font-size: 1.3em; width: 70%; margin-left: auto; margin-right: auto;}
.protocol li {margin-top: 6px;}

table.structure {width: 100%;}
table.structure td { vertical-align:top; text-align: left;}
table.structure td h1 {margin-bottom: 5px; padding-bottom: 0px;}
table.structure td.error_messages {font-weight: bold; font-size: 14px; color: #FF0000; background-color:#FFFFFF}
table.structure td.error_messages p {font-weight: bold; font-size: 14px; color: #FF0000; }

table.email_text_list td, table.email_text_list th {padding: 3px; margin: 0px; text-align: left;}
table.email_text_list td p {padding: 0px; margin: 0px; text-align: left;}
table.email_text_list th {text-align: left;}

span.error {background-color:#FF0000; color: white; padding: 0.2em;}
span.ok {background-color: #00FF33; padding: 0.2em; color: #000000;}
input.error {background-color:#FF0000; color: white;}
#ticket-rec-holder p {padding: 0em; margin: 0em; margin-top: 0.3em;}
#ticket-rec-holder p.update {color: #FF0000; background-color: #ffffff; padding: 0.2em;}