@import url('core.css');

/****************************************** home ***************************************/

#diaryNav {
    background: #f1f2f2;
    border-bottom: 1px solid #939598;
    padding: 7px 0 7px 7px;
    margin: 0 0 20px 0;
}

#diaryNav label {
    float: left;
    color: #353535;
    font-size: 14px;
    margin: 0 10px 0 0;
    padding: 2px 0 0;
}

#diaryNav select {
    float: left;
    margin: 0 20px 0 0;
}

#diaryWrap {
    background: url('/assets/images/core/diaryBg.gif') left top repeat-y;
    margin: 0 0 20px 0;
}

#diary {
    width: 373px;
    float: left;
}

#diary td {
    border: 1px dotted #87898c;
    font-family: arial;
    
}

#diary .dDays td {
    border: none;
    font-size: 14px;
    color: #87898c;
    text-align: center;
    padding: 0 0 5px 0;
}

#diary td div.active {
    cursor: pointer;
}

#diary td div {
    width: 44px;
    height: 44px;
    padding: 4px;
    font-size: 14px;
    color: #87898c;
}

div.noDay {
    background-color: #f1f2f2;
}



#diary div.event {
    background-color: #a9a9a9;
    color: #fff;
}

#diary div.hover {
    background-color: #414042;
    color: #fff;
}

#diary td div.selected {
    background-color: #a61432;
}

#diaryInfo {
    width: 210px;
    float: right;
    padding: 6px;
}

#diaryInfo h3 {
    color: #a61432;
    font-size: 13px;
    background: url('/assets/images/core/greyDotHoriz.gif') left bottom repeat-x;
    padding: 0 0 2px 0;
}

#diaryInfo ul {
    padding: 6px 0 0px;
    margin: 0 0 10px 0;
}

#diaryInfo li {
    display: block;
    background: url('/assets/images/core/greyDotHoriz.gif') left bottom repeat-x;
    font-size: 13px;
}

#diaryInfo li a {
    float: none;
    display: block;
    color: #414042;
    padding: 3px;
}

#diaryInfo div p {
    color: #414042;
    padding: 5px 0 0;
}

#diaryInfo div p a {
    text-decoration: underline;
    color: #a61432;
}

#diaryInfo li a:hover {
    color: #fff;
    background-color: #a61432;
}

/************************* event listings page *********************/

#eventsNav {
    background-color: #f1f2f2;
    border-bottom: 1px solid #939598;
    margin: 0 0 20px 0;
}

#evBottomNav {
    background-color: #f1f2f2;
    border-top: 1px solid #939598;
    margin: 0 0 20px 0;
}

#eventsNav label, #eventsNav p {
    font-size: 14px;
    color: #87898c;
    float: left;
}

#eventsNav label {
    margin: 0 10px 0 0;
}

#eventsNav #eventCat {
    float: left;
    margin: 0 20px 0 0;
}

#eventsNav input, #eventsNav select {
    margin: 0 10px 0 0;
}

#eventsNav div {
    background: url('/assets/images/core/greyDotHoriz.gif') left bottom repeat-x;
    padding: 7px;
}

#main .pages {
    padding: 7px 0 0px 7px;
    background: none;
}

.pages p {
    font-size: 14px;
    color: #87898c;
    padding: 4px 16px 0 0;
    width: auto;
    margin: 0;
    float: left;
}

.pages ul {
    padding: 0 16px 0 0;
    float: left;
    width: auto;
}

.pages li {
    float: left;
    background: url('/assets/images/core/greyDotVert.gif') right top repeat-y;
}

.pages li a {
    display: block;
    padding: 4px 7px 7px;
    font-size: 14px;
    color: #414042;
}

.pages li a:hover {
    background-color: #c5c5c5;
    color: #a61432;
}

.pages li.on a {
    background-color: #a61432;
    color: #fff;
}

.pages .pagePrev, .pages .pageNext {
    background: none;
}

.pages .pagePrev a {
    padding: 4px 7px 4px 24px;
    background: url('/assets/images/core/roundLeft.gif') 0px 5px no-repeat;
}

.pages .pagePrev a:hover {
    background: url('/assets/images/core/roundLeftRed.gif') 0px 5px no-repeat;
}

.pages .pageNext a {
    padding: 4px 24px 4px 7px;
    background: url('/assets/images/core/roundRight.gif') 100% 5px no-repeat;
}

.pages .pageNext a:hover {
    background: url('/assets/images/core/roundRightRed.gif') 100% 5px no-repeat;
}

#main .pages label, #main .pages select {
    display: block;
    float: left;
    margin: 4px 0 0;
}

#main .pages label {
    margin: 4px 10px 0 0;
}


/**************** sort table *************/

#sortTable th, #sortTable td {
    font-size: 13px;
    color: #363636;
}

#sortTable {
    width: 100%;
}

#sortTable th {
    background: #f1f2f2 url('/assets/images/core/whitePixel.gif') right top repeat-y;
    padding: 3px 5px;
}

#sortTable td {
    padding: 8px 5px;
    
}

#sortTable tr.dark td {
    background-color: #f1f2f2;
}

#sortTable th.headerSortUp {
    background: #e6e7e8 url('/assets/images/core/arrowUpBlack.gif') 97% 7px no-repeat;
}

#sortTable th.headerSortDown {
    background: #e6e7e8 url('/assets/images/core/arrowDownBlack.gif') 97% 7px no-repeat;
    
}

#sortTable th.hover {
    background-color: #e6e7e8;
}

#sortTable tr.hover td {
    background-color: #c7c8ca;
}

#sortTable tr.hover .rightLink a {
    color: #a61432;
}


#sortTable tr.hover .rightLink a span{
    color: #a61432;
    background: url('/assets/images/core/arrowRed.gif') 100% 4px no-repeat;
}