/*Calendar-Wide Styles*/
a {
    color: #000000;
    text-decoration: none;
}
a:link {
    color: #000000;
}
a:hover {
    color: #6666CC;
}
input.image {
    background-color: transparent;
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
input {
    background-color: #ffffff;
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
select {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.fbonlinepage {
    background-color: #F3EFE4;
    text-align: center;
}

/*End Calendar-Wide Styles*/

/**/









/*Begin Nav Bar*/
.viewbarlist {
    width: 260px;
}
.viewbarfont {
    color: #453F3A;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}
.viewbarfont a {
    color: #453F3A;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
#navlist {
    padding: 1px 0;
    margin-left: 0;
    margin-top: 1;
    margin-bottom: 0;
    font: bold 12px Verdana, sans-serif;
}
#navlist li {
    list-style: none;
    margin: 0;
    display: inline;
}
#navlist li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #F1EDE0;
    border-bottom: none;
    background: #F1EDE0;
    text-decoration: none;
}
#navlist li a:link {
    color: #453F3A;
}
#navlist li a:visited {
    color: #453F3A;
}
#navlist li a:hover {
    color: #FFF;
    background: #453F3A;
    border-color: #453F3A;
}
#navlist li a#current {
    color: #fff;
    background: #453F3A;
    border-bottom: 1px solid #453F3A;
}
#navlist li a#current:hover {
    color: #fff;
    background: #453F3A;
    border-bottom: 1px solid #453F3A;
}
/*End Nav Bar*/









/*Begin Bar with Date Selector*/
.outernavtable {
    background-color: #453F3A;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    margin: 0px;
    padding: 0px;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    
}
.innernavtable1 {
    background-color: #453F3A;
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    color: #fff;
}
.innernavtable2 {
    background-color: #453F3A;
    border: 0px;
    padding: 0px;
    width: 98%;
    margin: 5px 5px 5px 5px;
    color: #fff;
}
.innernavtable3 {
    background-color: #453F3A;
    border: 0px;
    padding: 0px;
    width: 98%;
    margin: 5px 5px 5px 5px;
    color: #fff;
}
.innernavtable4 {
    background-color: #453F3A;
    border: 0px;
    padding: 0px;
    width: 98%;
    margin: 5px 5px 5px 5px;
    text-align: right;
    color: #fff;
}
.navbuttons {
    text-align: center;
}
.navtablefont {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #fff;
}
.navtablefont a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #fff;
    text-decoration:underline;
}
.navtablefont a:hover {
    text-decoration:none;
}
/*End Bar with Date Selector*/









/*Begin Day Tab*/
.dayview { /*This is a container for everything within the day tab. If you change the border color, it makes it very clear.*/
    border-right: 1px solid #453F3A;
    border-top: 1px solid #453F3A;
    border-left: 1px solid #453F3A;
    border-bottom: 1px solid #453F3A;
    margin: 0px;
    padding: 5px;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background-color:#453F3A;
}
.dayview td {
    background-color: #F1EDE0;
}
.dayeventlink a {
    color: #0065db;
    font-size: 12px;
    width: 75%;
}
.dayeventlink a:hover {
    text-decoration: underline;
}
.dayeventseperator {
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}
.headerrow {
    background-color: #b3d4f6;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #02418c;
    font-size: 13px;
    font-weight: normal;
}
.headerrow a {
    color: #02418c;
    text-decoration: underline;
}
.headerrow a:hover {
    text-decoration: underline overline;
}
.time {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding: 0px;
    width: 10%;
    text-align: center;
    color: #02418c;
}
.seperator {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding: 0px;
    width: 3%;
}
.daycell {
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 0px;
    padding: 0px;
    width: 87%;
}
.holidayrow {
    background-color: transparent;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
.minitime {
    color: #02418c;
    font-size: 10px;
}
/*End Day Tab*/







/*Begin Week tab*/
.weekview {
    border-right: 1px solid #453F3A;
    border-top: 1px solid #453F3A;
    border-left: 1px solid #453F3A;
    border-bottom: 1px solid #453F3A;
    margin: 0px;
    padding: 5px;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background-color:#453F3A;
}
.weekdayheader {
    background-color: #EAE3CE;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    color: 02418c;
}
.weekday {
    background-color: #F1EDE0;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: 02418c;
}
.weekday a {
    color: #0065db;
}
.weeklyeventname {
    color: #0065db;
    font-size: 12px;
}
.weeklyeventname:hover {
    color: #0065db;
    text-decoration: overline underline;
}
.weeklyeventroom {
    color: #02418c;
    font-size: 12px;
    font-weight: bold;
}
/*End Week tab*/
.monthview {
    border-right: 1px solid #453F3A;
    border-top: 1px solid #453F3A;
    border-left: 1px solid #453F3A;
    border-bottom: 1px solid #453F3A;
    margin: 0px;
    padding: 5px;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background-color:#453F3A;
}




/*Begin Month tab*/

.fillercell {
    background-color: #F1EDE0;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.eventday {
    background-color: #F1EDE0;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: 75px;
    margin: 0px;
    padding: 4px;
    vertical-align: top;
    width: 101px;
}
.eventday a {
    color: #02418c;
}
.eventday a:hover {
    text-decoration: underline;
}
.monthlyeventfont {
    color: #0065db;
    font-size: 11px;
}
.highlightedevent {
    background-color: #F1EDE0;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: 75px;
    margin: 0px;
    padding: 4px;
    vertical-align: top;
    width: 101px;
}
.highlightedevent a:hover {
    color: #0065db;
    text-decoration: underline;
}

/*End Month tab*/






/*Begin Year Tab*/
.month {
    /*this is the month <td> tag within "Yearly" tab*/
    background-color: #F1EDE0;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    text-decoration: none;
}
.yearview {
    background-color: #453F3A;
    border-bottom: 1px solid #453F3A;
    border-left: 1px solid #453F3A;
    border-right: 1px solid #453F3A;
    border-top: 1px solid #453F3A;
    text-decoration: none;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
.yearday a {
    color: #0065db;
    font-weight: normal;
}
.yeardaytoday {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    background-color: #EAE3CE;
}
.yearday a:hover {
    color: #0065db;
    font-weight: normal;
    text-decoration: underline overline;
}
.yearweekdayheader {
    color: #02418c;
    font-weight: bold;
}
.yearhighlightedday {
    color: #0065db;
    font-weight: bold;
}

/*End Year Tab*/







/*Begin Switch to List*/
.eventlist {
    color: #453F3A;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 750px;
    border-top: 1px solid #453F3A;
    border-bottom: 1px solid #453F3A;
    border-right: 1px solid #453F3A;
    border-left: 1px solid #453F3A;
    background-color: #F1EDE0;
}
.eventlist a {
    color: #0065db;
}
.eventlist a:hover {
    text-decoration: underline;
}
.eventlist td {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}






/*End Switch to List*/





/*Begin Display Event Page*/




.eventdetails {
    color: #0065db;
    border-top: 1px solid #453F3A;
    border-bottom: 1px solid #453F3A;
    border-left: 1px solid #453F3A;
    border-right: 1px solid #453F3A;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    background-color: #F1EDE0;
}
.eventdetails h2 {
    color: #02418c;
}




/*End Display Event Page*/


.monthHighlighted {
    background-color: #0077e1;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 0ox;
    text-decoration: none;
}
.columnheader {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    width: 10%;
}
.revealbutton {
    margin-bottom: 0px;
    vertical-align: bottom;
}
.copyright {
    color: #02418c;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: transparent;
}
.copyright a {
    color: #02418c;
}
.copyright a:hover {
    text-decoration: overline underline;
}
.copyrighttable {
    background-color: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}
.event {
    border: 0px;
    border-color: #ffffff;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.eventfield {
    color: #0065db;
    font-size: 12px;
    font-weight: bold;
    width: 75%;
}
.eventfield2 {
    color: #0065db;
    font-size: 12px;
    font-weight: bold;
    width: 250px;
    text-align: left;
}
.eventimage {
    text-align: center;
}
.eventlink {
    color: #0000FF;
}
.eventlistingtitle {
    color: #000000;
    font-family: Verdana;
    font-size: 20px;
}
.fieldtitle {
    color: #02418c;
    font-size: 12px;
    text-align: left;
    width: 15%;
}
.displayseperator {
    width: 10px;
}
.fieldtitle2 {
    color: #02418c;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    width: 75px;
}
.footnote {
    color: #000000;
    font-size: 10px;
}
.holidayfont {
    color: #02418c;
    font-size: 10px;
}
.hour {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
.imagecell {
    vertical-align: top;
    width: 10%;
}
.minute {
    color: #000000;
    font-size: 6px;
}
.monthheaderfont {
    color: #02418c;
    font-size: 13px;
}
.yearrow {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.monthheaderfont2 {
    color: #FFFFFF;
    font-size: 8px;
}
.monthheader a {
    color: #02418c;
}
.monthheader a:hover {
    text-decoration: underline;
}
.securityline {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: right;
}
.monthtable2 {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
table.outernavtable td {
    margin: 0px;
    padding: 0px;
}
.requestrow {
    color: #000000;
    font-weight: bold;
    text-align: left;
    background-color: #FFFFFF;
    padding: 0;
    spacing: 0;
    margin: 0;
}
.infocircle {
    padding-right: 0;
    text-align: right;
}
.requestRowTable {
    width: 500;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 0;
    spacing: 0;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-left: none;
    border-right: none;
    border-top: 1px solid #000000;
    border-bottom: none;
}
.requestTable {
    width: 500;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 0;
    spacing: 0;
    margin: 0 auto;
    background-color: #b3d4f6;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-collapse: collapse;
}
.requestheader {
    color: #000000;
    font-weight: bold;
    text-align: left;
}
.requesttitle {
    color: #0065db;
    font-size: 13px;
    font-weight: bold;
}
.requestButtons {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
.sort {
    color: #000000;
    font-size: 8px;
}
.statusfield {
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
    width: 75%;
}
.timelineeventname {
    color: #000000;
    font-family: Arial, Helvetica, serif;
    font-size: 10px;
}
.timelineroomname {
    color: #000000;
    font-family: Arial;
    font-size: 20px;
    text-align: center;
}
.viewbar {
    width: 750px;
    background-color: transparent;
    padding: 0;
    spacing: 0;
    vertical-align: bottom;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.adminTable {
    width: 600;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 0;
    spacing: 0;
    background-color: #b3d4f6;
}
.adminRowHeader {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-weight: bold;
    background-color: 9999CC;
    width: 100%;
}
.adminDownHeader {
    text-align: center;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    width: 600;
}
.adminRowData {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-weight: bold;
}
.adminDownOption {
    text-align: center;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    vertical-align: middle;
    width: 450;
}
.adminDownSingleLine {
    text-align: center;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    vertical-align: middle;
    width: 600;
}
.adminDownValue {
    text-align: left;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    align: left;
    vertical-align: middle;
    width: 150;
}
.adminSelect {
    width: 175;
}
.generaltext {
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
.warningtext {
    color: #FF0000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
.CreateAccountLineTD {
    text-align: left;
}
.CreateAccountTableOuter {
    width: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 0;
    spacing: 0;
}
.CreateAccountTableInner {
    width: 500;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-left: 0px solid #000000;
    border-top: 0px solid #000000;
    border-right: 0px solid #000000;
    border-bottom: 0px solid #000000;
    padding: 0;
    spacing: 0;
    margin: 0 auto;
}
.missing {
    color: red;
}
.clientSelect {
    width: 400px;
}
.miscText {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
.eventsTable {
    width: 500;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-left: 0px solid #ffffff;
    border-top: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    padding: 0;
    spacing: 0;
    margin: 0 auto;
}
.eventsTableHeader {
    font-weight: bold;
}
.eventsTableTitle {
    text-align: center;
    font-weight: bold;
}
.adminSubTable {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 10;
    spacing: 0;
    background-color: #EFEFEF;
}
.searchTable {
    width: 750px;
    margin: auto;
}
.searchtime {
    margin: 0px;
    padding: 0px;
    width: 100;
    text-align: center;
}