body {background: #fff3dc; color: #000;} #event.calendar,#rss.calendar {background: #fcfcfc;} iframe {background: #fff;} #wrap {background: url(../../images/calendar/bg-body.gif) repeat-x; position: relative; font-size: 1em;} /**************************************************header**************************************************/ #header {background: url(../../images/calendar/bg-header.jpg) no-repeat; width: 965px; color: #fff; height: 112px; margin: 0 auto; padding: 0; position: relative;} #header h2 {background-repeat: no-repeat; width: 438px; height: 32px; top: 62px; left: 533px; position: absolute; text-indent: -9999em;} .springhilldistrict #header h2 {background-image: url(../../images/calendar/title-district.png);} .springhillhighschool #header h2 {background-image: url(../../images/calendar/title-shhs.png);} .springhillmiddleschool #header h2 {background-image: url(../../images/calendar/title-shms.png);} .springhillintermediateschool #header h2 {background-image: url(../../images/calendar/title-shis.png);} .springhillelementaryschool #header h2 {background-image: url(../../images/calendar/title-shes.png);} .prairiecreekelementaryschool #header h2 {background-image: url(../../images/calendar/title-pces.png);} #header label {font-size: 1.1em; margin: 0 0 0 500px; padding: 0 15px 0 0; font-weight: bold;} #header select {margin: 7px 0 0 0;} #header a#closeCalendar {width: 75px; height: 30px; top: 0px; left: 875px; position: absolute; cursor: pointer; display: block; text-indent: -9999em; overflow: hidden;} /**************************************************content area********************************************/ #content {position: relative; margin: 1px auto; width: 965px; min-height: 789px;} /*see ie.css for fixes*/ #content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;} /**************************************************center column*******************************************/ #main {color: #666666; width: 815px; margin-left: 150px; position: relative; float: left; padding: 0 0 20px 0;} /*see ie.css for fixes*/ #main #contentContainer {margin: 0 0 0 22px; font-size: 1.1em; line-height: 1.3;} #main #calendarControls {height: 25px; width: 306px; position: absolute; top: 25px; right: 4px; z-index: 100;} #main #calendarControls p {display: block; height: 25px; float: left; padding: 2px 20px 0 0;} #main #calendarControls p a.selected {color: #666666; text-decoration: none;} #main #calendarControls p span,#main #calendarControls p a {color: #d9d9d9; text-decoration: none;} #main #calendarControls a#subscribeBtn {display: block; height: 25px; width: 79px; cursor: pointer; background: url(../../images/calendar/export-ical-print-btns.png) 0px 0px no-repeat; float: left; outline: none; text-indent: -99999px;} #main #calendarControls a#printBtn {display: block; height: 25px; width: 91px; cursor: pointer; background: url(../../images/calendar/export-ical-print-btns.png) -80px 0px no-repeat; float: left; outline: none; text-indent: -99999px;} #main #calendar .fc-header-title {color: #604d39; line-height: 1.3; margin-top: -4px;} #main #calendar .fc-button-prevYear a {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) 0px 0px no-repeat; width: 15px; margin: 0 4px 0 0;} #main #calendar .fc-button-prev a {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) -20px 0px no-repeat; width: 15px; margin: 0 4px 0 0;} #main #calendar .fc-button-next a {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) -40px 0px no-repeat; width: 15px; margin: 0 4px 0 0;} #main #calendar .fc-button-nextYear a {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) -56px 0px no-repeat; width: 15px; margin: 0 4px 0 0;} a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;} /**************************************************calendar styles*****************************************/ #calendar {background: url(../../images/calendar/calendar-bg-footer.png) bottom right no-repeat; padding: 24px 0px 8px 0px;} #calendar .fc-content {background: url(../../images/calendar/calendar-bg-middle.png) repeat-y; width: 794px;} #calendar .fc-content .fc-view-month {background: url(../../images/calendar/calendar-bg-top.gif) top no-repeat; width: 786px; padding: 4px 4px 0px 4px;} /**************************************************left column*********************************************/ #sidebar {color: #fff; width: 150px; margin-left: -965px; position: relative; float: left; padding: 45px 0 0 0;} #sidebar h2 {background: url(../../images/calendar/title-calendars.png) no-repeat; width: 150px; height: 17px; margin: 0 0 14px 0; display: block; text-indent: -9999px;} #sidebar #calendarList {} #sidebar #calendarList li {list-style: none; display: block; height: 25px; margin: 0 0 5px 1px;} #sidebar #calendarList li a {display: block; padding: 0 0 0 8px; font-size: 1.10em; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; line-height: 2.27em; text-decoration: none; color: #fff !important; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; background-color: #06f; outline: none;} /**************************************************calendar event styles**********************************/ #sidebar #calendarList a.cal1,.fc-view .cal1,.fc-view .cal1 a {background-color: #62b; border-color: #62b;} #sidebar #calendarList a.cal2,.fc-view .cal2,.fc-view .cal2 a {background-color: #44c; border-color: #44c;} #sidebar #calendarList a.cal3,.fc-view .cal3,.fc-view .cal3 a {background-color: #48c; border-color: #48c;} #sidebar #calendarList a.cal4,.fc-view .cal4,.fc-view .cal4 a {background-color: #4ab; border-color: #4ab;} #sidebar #calendarList a.cal5,.fc-view .cal5,.fc-view .cal5 a {background-color: #2b7; border-color: #2b7;} #sidebar #calendarList a.cal6,.fc-view .cal6,.fc-view .cal6 a {background-color: #7b2; border-color: #7b2;} #sidebar #calendarList a.cal7,.fc-view .cal7,.fc-view .cal7 a {background-color: #bb2; border-color: #bb2;} #sidebar #calendarList a.cal8,.fc-view .cal8,.fc-view .cal8 a {background-color: #b92; border-color: #b92;} #sidebar #calendarList a.cal9,.fc-view .cal9,.fc-view .cal9 a {background-color: #b51; border-color: #b51;} #sidebar #calendarList a.cal10,.fc-view .cal10,.fc-view .cal10 a {background-color: #c22; border-color: #c22;} #sidebar #calendarList a.cal11,.fc-view .cal11,.fc-view .cal11 a {background-color: #c48; border-color: #c48;} #sidebar #calendarList a.cal12,.fc-view .cal12,.fc-view .cal12 a {background-color: #417; border-color: #417;} #sidebar #calendarList a.cal13,.fc-view .cal13,.fc-view .cal13 a {background-color: #119; border-color: #119;} #sidebar #calendarList a.cal14,.fc-view .cal14,.fc-view .cal14 a {background-color: #148; border-color: #148;} #sidebar #calendarList a.cal15,.fc-view .cal15,.fc-view .cal15 a {background-color: #178; border-color: #178;} #sidebar #calendarList a.cal16,.fc-view .cal16,.fc-view .cal16 a {background-color: #074; border-color: #074;} #sidebar #calendarList a.cal17,.fc-view .cal17,.fc-view .cal17 a {background-color: #570; border-color: #570;} #sidebar #calendarList a.cal18,.fc-view .cal18,.fc-view .cal18 a {background-color: #660; border-color: #660;} #sidebar #calendarList a.cal19,.fc-view .cal19,.fc-view .cal19 a {background-color: #750; border-color: #750;} #sidebar #calendarList a.cal20,.fc-view .cal20,.fc-view .cal20 a {background-color: #720; border-color: #720;} #sidebar #calendarList a.cal21,.fc-view .cal21,.fc-view .cal21 a {background-color: #800; border-color: #800;} #sidebar #calendarList a.cal22,.fc-view .cal22,.fc-view .cal22 a {background-color: #815; border-color: #815;} #calendar a {text-decoration: none; color: #FFFFFF;} #calendar a:hover {color: #FFFFFF;} #calendar .fc-state-default a {color: #666;} #sidebar #calendarList li a.strike {text-decoration: line-through; background-image: url(../../images/calendar/bg-calendarlist_strike.png);} #sidebar #calendarList li a.strike.cal1 {color: #62b !important;} #sidebar #calendarList li a.strike.cal2 {color: #44c !important;} #sidebar #calendarList li a.strike.cal3 {color: #48c !important;} #sidebar #calendarList li a.strike.cal4 {color: #4ab !important;} #sidebar #calendarList li a.strike.cal5 {color: #2b7 !important;} #sidebar #calendarList li a.strike.cal6 {color: #7b2 !important;} #sidebar #calendarList li a.strike.cal7 {color: #bb2 !important;} #sidebar #calendarList li a.strike.cal8 {color: #b92 !important;} #sidebar #calendarList li a.strike.cal9 {color: #b51 !important;} #sidebar #calendarList li a.strike.cal10 {color: #c22 !important;} #sidebar #calendarList li a.strike.cal11 {color: #c48 !important;} #sidebar #calendarList li a.strike.cal12 {color: #417 !important;} #sidebar #calendarList li a.strike.cal13 {color: #119 !important;} #sidebar #calendarList li a.strike.cal14 {color: #148 !important;} #sidebar #calendarList li a.strike.cal15 {color: #178 !important;} #sidebar #calendarList li a.strike.cal16 {color: #074 !important;} #sidebar #calendarList li a.strike.cal17 {color: #570 !important;} #sidebar #calendarList li a.strike.cal18 {color: #660 !important;} #sidebar #calendarList li a.strike.cal19 {color: #750 !important;} #sidebar #calendarList li a.strike.cal20 {color: #720 !important;} #sidebar #calendarList li a.strike.cal21 {color: #800 !important;} #sidebar #calendarList li a.strike.cal22 {color: #815 !important;} #sidebar hr {margin: 20px 0 0; padding: 10px 0; border: solid #333; border-width: 1px 0 0;} #sidebar ul#staticLinks {} #sidebar ul#staticLinks li {list-style: none; display: inline;} #sidebar ul#staticLinks li a {margin: 0 0 5px; display: block;} /***********************************************calendar list view styles************************************/ #listView {padding: 20px 0px 8px 0px;} #listView #month-nav {height: 33px; width: 791px; padding: 0;} #listView #month-nav a {display: block; float: left; text-decoration: none; color: #666666; padding: 7px 5px 0px 5px; font-size: 1.0em;} #listView #month-nav h2 {display: block; float: left; line-height: 1.3;} #listView #month-nav .fc-button-prevYear {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) 0px 4px no-repeat; width: 10px;} #listView #month-nav .fc-button-prev {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) -20px 4px no-repeat; width: 10px;} #listView #month-nav .fc-button-next {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) -40px 4px no-repeat; width: 10px;} #listView #month-nav .fc-button-nextYear {text-indent: -9999px; overflow: hidden; background: url(../../images/calendar/cal-nav-ctrls.png) -60px 4px no-repeat; width: 10px;} #listView #eventlist-top {width: 791px; background: url(../../images/calendar/listview-bg.png) repeat-y;} #listView #eventlist-bottom {width: 791px; height: 14px; background: url(../../images/calendar/listview-btm.png) no-repeat;} #listView ul#eventlist {display: inline-block; width: 734px; margin: 0 0; padding: 0 30px 0 27px; background: url(../../images/calendar/listview-top.png) top left no-repeat; z-index: 10;} #listView ul#eventlist:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;} #listView ul#eventlist li {border-bottom: 1px solid #ddddcc; margin: 0 0; list-style: none; padding: 6px 15px;} #listView ul#eventlist li:first-child {border: none;} #listView ul#eventlist li p {margin: 0 0; padding: 0 0; line-height: 15px; cursor: pointer;} #listView ul#eventlist li p a {text-decoration: none;} #listView ul#eventlist li p a:hover {text-decoration: underline;} #listView ul#eventlist li p span {display: inline-block; font-weight: bold; text-align: left; vertical-align: top;} #listView ul#eventlist li p span a {color: inherit !important;} #listView ul#eventlist li p.header {font-size: 10px; color: #888877; padding: 2px 0 0;} #listView ul#eventlist li p.header span.date {text-transform: uppercase;} #listView ul#eventlist li p.header span.time {text-transform: uppercase;} #listView ul#eventlist li p span.date {width: 163px; text-transform: lowercase;} #listView ul#eventlist li p span.time {width: 103px; text-transform: lowercase;} #listView ul#eventlist li p span.event-title {width: 290px;} #listView ul#eventlist li p span.details {width: 120px;} #listView ul#eventlist li p span.details a {font-weight: normal; color: inherit !important; text-decoration: underline;} #listView ul#eventlist li p span.details a:hover {font-weight: normal;} #listView ul#eventlist li p.cal1 {color: #62b;} #listView ul#eventlist li p.cal2 {color: #44c;} #listView ul#eventlist li p.cal3 {color: #48c;} #listView ul#eventlist li p.cal4 {color: #4ab;} #listView ul#eventlist li p.cal5 {color: #2b7;} #listView ul#eventlist li p.cal6 {color: #7b2;} #listView ul#eventlist li p.cal7 {color: #bb2;} #listView ul#eventlist li p.cal8 {color: #b92;} #listView ul#eventlist li p.cal9 {color: #b51;} #listView ul#eventlist li p.cal10 {color: #c22;} #listView ul#eventlist li p.cal11 {color: #c48;} #listView ul#eventlist li p.cal12 {color: #417;} #listView ul#eventlist li p.cal13 {color: #119;} #listView ul#eventlist li p.cal14 {color: #148;} #listView ul#eventlist li p.cal15 {color: #178;} #listView ul#eventlist li p.cal16 {color: #074;} #listView ul#eventlist li p.cal17 {color: #570;} #listView ul#eventlist li p.cal18 {color: #660;} #listView ul#eventlist li p.cal19 {color: #750;} #listView ul#eventlist li p.cal20 {color: #720;} #listView ul#eventlist li p.cal21 {color: #800;} #listView ul#eventlist li p.cal22 {color: #815;} #listView ul#eventlist li p.cal1 a {color: #62b;} #listView ul#eventlist li p.cal2 a {color: #44c;} #listView ul#eventlist li p.cal3 a {color: #48c;} #listView ul#eventlist li p.cal4 a {color: #4ab;} #listView ul#eventlist li p.cal5 a {color: #2b7;} #listView ul#eventlist li p.cal6 a {color: #7b2;} #listView ul#eventlist li p.cal7 a {color: #bb2;} #listView ul#eventlist li p.cal8 a {color: #b92;} #listView ul#eventlist li p.cal9 a {color: #b51;} #listView ul#eventlist li p.cal10 a {color: #c22;} #listView ul#eventlist li p.cal11 a {color: #c48;} #listView ul#eventlist li p.cal12 a {color: #417;} #listView ul#eventlist li p.cal13 a {color: #119;} #listView ul#eventlist li p.cal14 a {color: #148;} #listView ul#eventlist li p.cal15 a {color: #178;} #listView ul#eventlist li p.cal16 a {color: #074;} #listView ul#eventlist li p.cal17 a {color: #570;} #listView ul#eventlist li p.cal18 a {color: #660;} #listView ul#eventlist li p.cal19 a {color: #750;} #listView ul#eventlist li p.cal20 a {color: #720;} #listView ul#eventlist li p.cal21 a {color: #800;} #listView ul#eventlist li p.cal22 a {color: #815;} /*************************************************modal lightbox event styles*******************************/ #eventLightbox {background: #fcfcfc; width: 550px; height: 300px; font-family: Verdana,Arial,Helvetica,sans-serif; text-align: left;} #eventLightbox h1 {background: #7a7a7a; border-radius: .4em; -moz-border-radius: .4em; -webkit-border-radius: .4em; color: #fdfdfd; font-size: 18px; line-height: 25px; padding: 0 0 0 10px; margin: 0 0 16px 0;} #eventLightbox p {font-size: 12px; line-height: 18px; color: #666666; margin: 0 0 16px 0;} #eventLightbox p.pdf-link {display: block; height: 28px; background: url(../../images/calendar/icon-pdf_event_lightbox.gif) 1px 0px no-repeat; padding: 8px 0px 0px 37px;} #eventLightbox p.pdf-link a {color: #62b; text-decoration: underline;} #eventLightbox table {width: auto; margin: 0 0 20px 0; border: 1px solid #64a;} #eventLightbox table thead tr th, #main table tfoot tr td {background: #64a; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;} #eventLightbox table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #64a; vertical-align: middle;} #eventLightbox h1.cal1 {background: #62b;} #eventLightbox h1.cal2 {background: #44c;} #eventLightbox h1.cal3 {background: #48c;} #eventLightbox h1.cal4 {background: #4ab;} #eventLightbox h1.cal5 {background: #2b7;} #eventLightbox h1.cal6 {background: #7b2;} #eventLightbox h1.cal7 {background: #bb2;} #eventLightbox h1.cal8 {background: #b92;} #eventLightbox h1.cal9 {background: #b51;} #eventLightbox h1.cal10 {background: #c22;} #eventLightbox h1.cal11 {background: #c48;} #eventLightbox h1.cal12 {background: #417;} #eventLightbox h1.cal13 {background: #119;} #eventLightbox h1.cal14 {background: #148;} #eventLightbox h1.cal15 {background: #178;} #eventLightbox h1.cal16 {background: #074;} #eventLightbox h1.cal17 {background: #570;} #eventLightbox h1.cal18 {background: #660;} #eventLightbox h1.cal19 {background: #750;} #eventLightbox h1.cal20 {background: #720;} #eventLightbox h1.cal21 {background: #800;} #eventLightbox h1.cal22 {background: #815;} /*************************************************modal lightbox rss subscribe styles*******************************/ #rssLightbox {background: #fcfcfc; width: 550px; height: 435px; padding: 12px 0 0 0; font-family: Verdana,Arial,Helvetica,sans-serif; text-align: left; position: relative;} #rssLightbox:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;} #rssLightbox h1 {border-radius: .4em; -moz-border-radius: .4em; -webkit-border-radius: .4em; color: #fdfdfd; background: #7a7a7a; font-size: 18px; line-height: 25px; padding: 0 0 1px 10px; margin: 0 0 16px 0;} #rssLightbox #subscribe {width: 290px; padding: 10px 0 0 7px; float: left;} #rssLightbox #subscribe a {display: block; height: 17px; background: url(../../images/calendar/rss-subscribe-btn.gif) top left no-repeat; padding: 0px 0px 0px 85px; margin: 0 0 13px 0; text-decoration: none; color: #666666; font-size: 12px;} #rssLightbox #subscribe a:hover {text-decoration: underline;} #rssLightbox p {display: block; float: left; width: 250px; font-size: 10px; line-height: 12px; color: #666666; margin: 20px 0 16px 0;} #rssLightbox img.rss {position: absolute; top: 0px; left: 0px;}