/* reset margin and padding to 0 for all elements */
html, p, h1, h2, h3, h4, h5, h6, div, ul, li {
margin: 0;
padding: 0;
}

/* This fixes an IE bug that caused awkward text-resizing */
html {
font-size: 100%;
}

body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
color: #cc4444;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size: 21px;
}

h1.monthview {
text-align: center;
}

h2 {
font-size: 120%;
font-weight: normal;
}

li {
margin-left: 1em;
}

#content {
font-size: 0.8em;
padding-top: 20px;
}

p {
margin-bottom: 1em;
}

p.center {
text-align: center;
}

/* this prevents images from disappearing in IE 6 */
img { 
position: relative;
border: none; /* and this removes image borders unless explicitly set */
}

#header {
}

#menu {
text-align: left;
}

#footer {
margin-top: 20px;
font-size: 80%;
}

#page {
text-align: left;
width: 800px;
margin: auto;
}

.preload {
display: none;
}

.clear {
clear: both;
}

#searchform {
position: absolute;
font-size: 80%;
top: 0.5em;
right: 1em;
}

table.week td {
width: 7em;
height: 10em;
border: solid 1px gray;
}

table.week td ul, 
table.month td ul {
margin-top: 1em;
}

table.week td li, 
table.month td li {
list-style-type: none;
margin-left: 0;
}

table.month td {
width: 7em;
height: 7em;
border: solid 1px gray;
}

li.gym_closed a, 
li.holidays a, 
li.special_events a{
color: #0070ac;
}

table.month td li {
margin-bottom: 5px;
border-bottom: dotted 1px #cc63a2;
margin-right: 5px;
}

table.month td li.gym_closed, 
table.month td li.holidays, 
table.month td li.special_events {
border-bottom: dotted 1px #0070ac;
margin-right: 5px;
}

table.month td.prevmonth {
border: 0px;
}

.prevmonth a, 
.prevmonth span, 
.prevmonth li {
display: none;
}

span.prevmonth {
display: none;
}
/* forms */

ul.add li {
list-style-type: none;
margin-bottom: 0.3em;
}

ul.add li label {
display: block;
font-size: 80%;
text-transform: uppercase;
}

ul.add li input {
width: 20em;
}

form fieldset.errors {
color: white;
background: #cc4444;
margin-bottom: 1em;
}

label.error {
background: #cc4444;
width: 25.9em;
color: white;
padding-left: 0.5em;
}

textarea#description {
width: 30em;
height: 8em;
}

/* end forms */


/* next & previous buttons */

.buttons {
height: 2em;
}

.buttons .prev {
float: left;
}

.buttons .next {
float: right;
}

/* END next & previous buttons */

#datepicker {
background: white;
border: solid 1px gray;
border-right: solid 3px black;
border-bottom: solid 3px black;
margin-left: 10px;
margin-top: -30px;
padding: 5px;
}


/* User Admin */

.userlist {
width: 540px;
margin: 0;
padding: 0;
}

.userlist li {
margin: 0;
padding: 0;
list-style-type: none;
}

.headers {
border-bottom: 1px dotted;
}

.userlist li ul {
width: 100%;
height: 1em;
padding: .5em 0;
margin: 0;
}

.userlist li li {
float: left;
margin: 0 2px;
padding: 0;
}

.name, 
.accesslevel {
width: 120px;
}

.lastlogin {
width: 180px;
}

.edit,
.delete {
width: 50px;
}

.userdetails li {
list-style-type: none;
margin: 0;
padding: 0;
}

.usernav {
margin: 1em 0 0 0;
}

.usernav li {
list-style-type: none;
margin: 0;
padding: 0;
}
/* End User Admin */

form li {
list-style-type: none;
}

.bigbutton {
display: block;
border: solid 1px gray;
float: left;
margin: 0.5em;
padding: 0.5em;
font-size: 125%;
text-decoration: none;
}

.bigbutton:hover {
background: #ddd;
text-decoration: none;
color: black;
}

#adminoptions {
clear: both;
}

#adminoptions li {
line-height: 150%;
}

ul.admindetails , 
ul.adminlist {
border-top: solid 1px #888;
margin-top: 0.25em;
margin-bottom: 0.5em;
}

.admindetails li {
list-style-type: none;
border-bottom: dotted 1px #888;
margin-left: 0;
padding: 0.2em;
}

.adminlist li {
list-style-type: none;
margin-left: 0;
padding: 0.2em;
}

span.explanation {
color: #999;
margin-left: 0.5em;
}

ul.events li {
margin-left: 0;
list-style-type: none;
border-bottom: dotted 1px gray;
clear: both;
padding: 0.5em 1em;
}

li.odd {
background: #eee;
}

.changesettings h2 {
border-bottom: solid 1px black;
margin-top: 1em;
margin-bottom: 0.5em;
}

form.changesettings li input, 
form.changesettings li textarea {
width: 25em;
margin-top: 0.3em;
}

form.changesettings li textarea {
width: 40em;
}

form.changesettings li textarea {
height: 5em;
}

.changesettings #save {
margin: 0.5em 1em;
}

form li input.not-text {
width: auto;
border: solid 1px red;
}

form #max_log_size {
width: 3em;
}

.warning {
color: red;
}

.button {
border: solid 1px gray;
padding: 0.3em;
margin-top: 0.5em;
display: block;
float: left;
}

.pagination {
width: 400px;
margin: 1em auto;
height: 1.5em;
}

.pagination li {
float: left;
list-style-type: none;
}