p {
    margin:0;
    padding:0;
}
div.navbar {
    margin-bottom:10px;
}
div.navbar a {
    font-family: Verdana,Arial,sans-serif; 
    text-decoration:none;
    border: 1px solid #475780;
    display:inline;
    margin:1px;
    padding-left:10px;
    padding-right:10px;
    color:#475780
}
div.navbar  a:visited {
    color:#475780;
}

div.navbar a:hover {
    background-color: #e0e0ff;
    border: 1px black solid;
    color:black;
 -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);



}

h2{
    font-family: Verdana,Arial,sans-serif;
}

#header {
font-size:24pt;
font-family: Verdana,Arial,sans-serif; 
background-color:#475780;
padding:2px 0px 2px 20px;
color:white;
}

#menu{
float:left;
margin:5px;
font-family:Verdana,Arial,sans-serif;
}

#menu a {
    font-family: Verdana,Arial,sans-serif; 
    text-decoration:none;
    border: 1px solid #475780;
    display:inline;
    margin:1px;
    padding-left:10px;
    padding-right:10px;
    color:#475780;
}


#menu a:visited {
    color:#475780;
}

#menu a:hover {
    background-color:#eef ;
    border: 1px black solid;
    color:black;
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
#username{
margin:5px;
font-family: Verdana,Arial,sans-serif; 
float:right;
}

#main{
clear:both;
margin:5px;
padding:10px;
background-color:#eef;
border:solid 1px black;
min-width:775px;
}

#footer{
padding-top:20px;
font-size:smaller;
text-align:center;
}


#main .info table {
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
    empty-cells:show;
}
#main .info th {
    background-color: #f2f2f2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    text-align: center;
}
#main .info th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
#main .info th a:hover {
    background-color: #ccc;
    color: #333;
    text-decoration: none;
}
#main .info table tr td {
    background: #fff;
    border-right: 1px solid #ccc;
    padding: 4px;
    text-align: center;
    vertical-align: top;
}
#main .info table tr.altrow td {
    background: #f4f4f4;
}
#main .info td.actions {
    text-align: left;
    white-space: nowrap;
}
#main .info td.actions a {
    display: inline;
    margin: 0px 6px;
}
/* Paging */
div.paging {
    color: #ccc;
    margin-bottom: 2em;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}

form div {
    clear: both;
    vertical-align: text-top;
}
form div.input {
    color: #444;
    margin-bottom: .25em;

}
form div.required {
    color: #333;
    font-weight: bold;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 140px;
}
label {
    display: block;
    font-size: 100%;
    padding-right: 20px;
}

form div.checkbox label{
    display:inline-block;
}

input, textarea {
    clear: both;
    display: block;
    font-family: Verdana,Arial,sans-serif;
    padding: 2px;
    width: 90%;
}

input.date {
    display:inline;
    width: 50%;
}

#datetimediv{
display:inline;
float:left;
clear:left;
}

#durationdiv{
float:right;
clear:right;
display:inline;
}

label.full_notification_time {
   display:inline;
}

input[type=hidden]{
    display:none;
}

select {
    clear: both;
    vertical-align: text-bottom;
}

select[multiple=multiple] {
    width: 50%;
    height:6em;
}
option {
    padding: 0 3px;
}
input[type=checkbox] {
    display:inline-block;
    margin: 0px 6px 7px 2px;
    width: auto;
   
}
input[type=submit] {
    display: inline;
    font-size: 100%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}

div.message {
    clear: both;
    color: #900;
    font-size: 100%;
    font-weight: bold;
    margin: 1em 0;
}
div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
}
span.conflict{
    color:#900;
}

.ajax_status {
    display:none;
}
#calendar {
border: 1px solid black;
padding:0px;
margin:0px;
}

#calendar table {
    background-color: #fff;
    border: none;
    clear: both;
    color: #333;
    margin-bottom: 0px;
    border-spacing:0px;
    empty-cells:show;
    border-collapse:collapse;
    width:100%;
    clear:both;
    font-size: 0.9em;
}
#calendar .headerrow{
    font-family: Verdana,Arial,sans-serif;
}
#calendar table tr th{
    border: 1px #aaa solid;
    border-bottom:1px black solid;
    background-color:#eee;
    text-align:center;
}

#calendar table tr td {
    border: 1px #aaa solid;
    text-align:left;
    height:100px;
    width:1000px;
    padding:4px;
    vertical-align: top;
}
#calendar div.date{
margin-bottom:4px;
}
#calendar table tr td.today{
    background-color: #ffc;
    border: 2px #74a553 solid;
    z-index:10;
}

#calendar table tr td.today .date a{
    color:green;
}

#calendar table tr td.blankday{
   background-color:#ccc;
}	
#calendar .date{
text-align:left;
}
#calendar .date a{
text-decoration:none;
font-weight:bold;
font-family: Verdana,Arial,sans-serif;
color:#475780;
margin:5px;
}
#calendar .date a:visited {
    color:#475780;
}

#calendar .date a:hover {
    color:#74a553;
}

#calendar .date a.add{
    float:right;
    height:14px;
    margin-top:2;
    width:14px;
    top:0px;
}

#calendar div.reservations{
border-top: 1px #ccc solid;
text-align:left;
}
#calendar div.morelink{
    text-align:center;
    border-top: 1px #ccc solid;
}
#calendar div.morelink a{
font-size:9pt;
color: #74a553 
}

#main #ical{
position:relative;
float:right;
padding:3px;
}

.dayhour{
    font-weight:bold;
    padding:5px; 
}
.dayhour a{
    text-decoration:none;
    color: black;
    margin:1px;
    padding-left:3px;
    padding-right:3px;
    vertical-align:middle;
}
.dayhour a:hover {
    border:1px black solid;
    margin:0px;
    color:#475780; 
    background-color:#98a4cc;
}

.dayroom{
font-weight:bold;
text-align:center;
}
.dayreservation {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    overflow:hidden;   
    z-index:5;
}
.dayreservation .content{
    padding-left: 3px;
    padding-right: 3px;
}

div.exclusive {
    background-color:#98a4cc;
    border: 1px  #475780 solid;
}

div.nonexclusive{
    background-color:#cfc; 
    border: 1px  #478057 solid;
}

div.exclusive .title{
    background-color:  #475780;
}

div.exclusive a {
    color: #98a4cc;
} 

div.nonexclusive .title{
    background-color:#478057;
}

div.nonexclusive a {
    color: #cfc;
}

.not_approved a{
    color: #9d60ac;
    color: rgba(61,0,76,0.5);
    font-style:italic;
    font-weight:normal;
    text-decoration: none;
    /*opacity:0.5;*/
}
.approved a {
    color: #003d4c;
    background-color: inherit;
    text-decoration: none;
    font-weight: bold;
}
.original_day a{
}
.additional_day a{
color: #609dac;
color: rgba(0,61,76,0.5);
/*opacity:0.5; */
}


.dayreservation .title,
.dayreservation .date,
.dayreservation .owner,
.dayreservation .options,
.dayreservation .approval
{
    display:block;
    font-size: smaller;
    text-align:center;
}



.dayreservation .title{
    text-align:center;
 margin: 0 0 2px 0;
 font-size:9pt;
 padding: 2px;
 padding-left:5px;
 color: white;
}

.dayreservation .title a{
    text-decoration:none;
}

div.not_approved {
    opacity:0.4;
}

#reservationview {
    width:80%
}
fieldset{
    border:1px solid black;
    margin-top:5px;
}
fieldset.input_fieldset{
    background-color:#eef;
    width:60%;
    min-width:700px;
}
fieldset.input_fieldset legend{
    border: 1px black solid;
    border-radius:4px;
    background-color:#eef;
    font-family: Verdana,Arial,sans-serif;
    padding:2px;
}

#reservationview h3{
    font-weight:bold;
    width:200px;
    clear:left;
    float:left;
    padding:2px 0 2px 0;
    font-size:100%;
    margin:0;
}
#reservationview .data{
    display:block;
    width:70%;
    padding:2px;
    margin-left:0;
    overflow:hidden;
}
#reservationview .name {
    display:block;
}

#reservationview .owner {
    display:block;
}
#reservationview .start {
    display:block;
}
#reservationview .flags {
    display:block;
    font-size:smaller;
}
#reservationview .flags .approved {
} 
#reservationview .flags .exclusive {
    background-color:inherit;
    border:none;
}
#reservationview .flags .public {
}
#reservationview .flags .privacy {
}
#reservationview .description{
    display:block;
}
#reservationview .rooms {
    display:block;
}
#reservationview .rooms .room {
}
#reservationview .details{
    margin-top:10px;
    font-size:smaller;
}    
#reservationview .actions {
    display:block;
}

#bigeventdiv, #vendorsdiv, #deliveriesdiv, #setup_other_div, #cleanup_other_div{
    display:none;
}

#ui-datepicker-div{
    font-size:smaller;
}
/* Supernote */

/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}


.popup-date, .popup-owner, .popup-duration, .popup-rooms, .popup-options, .popup-approved, .popup-description, .popup-large-event {
display:block;
clear:both;
font-size:12px;

}

.popup-large-event{
font-weight:bold;
}

.popup-description{
    padding-top:5px;
    padding-bottom:5px;
}
.popup-room {
font-size:10px;
display:block;
clear:both;
}
/* END SUPERNOTE */

div.more-day {
    padding:5px;
}
div.more-day .title{
font-family: Verdana,Arial,sans-serif; 
color: #475780;
}
.popup-actions{
text-align:center;
background-color: #475780;
padding: 3px;
margin-top:5px;
}
div.cluetip-outer h3 a {
  text-decoration:none;
}

div.cluetip-outer h3 a:hover {
  color:#eef;
}


#NoteToggle, #NoteDiv{
  display: block;
  margin-top: 10px;
}

div.note {
border-top:1px black solid;
margin-top:10px
}
.note-author{
}
.note-date{
margin-left:20px;
}
.note-text{
display:block;
}
#ui-datepicker-div{
  -moz-box-shadow: 4px 4px 4px #aaa;
  -webkit-box-shadow: 4px 4px 4px #aaa;
  box-shadow: 4px 4px 4px #aaa;
}


.defaultText{
}

.defaultTextActive {
    color: #a1a1a1;
    font-style: italic;
}
.defaultTextTitle {
    font-style: italic;
    font-weight:bold;
    color: #a1a1a1;
}

#ReservationName{
font-size:1.2em;
}

div.contact_other{
  float:left;
  clear:right;
  margin-left:10px;
  vertical-align:bottom;
  width:70%
}
div.contact{
  float:left;
  clear:left;
}