/* ==================================================================
    CSS STYLES FOR Events CALENDAR MODULE
   ==================================================================
*/

/* The following control the Calendar Month Style-Look */

.evt { border: 2px solid #bebecc; table-layout: auto; font-size: 10px; width: 100%; font-family: Verdana; background-color: white; }

.evtTitle, .evtTitle td { text-align: center; font-weight: bold; font-size: 15px; width: 100%; height: 24px; font-family: Arial, Helvetica, sans-serif; color: #000060; }

/* Note use of "!important" to override Inline Style */
.evtNextPrev, .evtNextPrev a:link, .evtNextPrev a, .evtNextPrev a:visited, .evtNextPrev a:hover { padding-right: 0.5em; padding-left: 0.5em; font-size: 13px; padding-bottom: 0px; padding-top: 5px; font-weight: normal; }

.evtDayHeader { font-size: 12px; font-family: Verdana; background-color: #000060; vertical-align: middle; height: 20px; color: #FFFFFF; text-transform: uppercase; }

.evtDayOver, .evtDayOver td { background-color: #ffcc66; }

.evtDay, .evtDay td { height: 90px; font-size: 12px; width: 14%; font-family: Verdana; border-right: #CCDDEE 1px solid; border-top: #CCDDEE 1px solid; border-left: #CCDDEE 1px solid; border-bottom: #CCDDEE 1px solid; }

.evtDay a, .evtDay a:visited, .evtDay a:hover { font-size: 12px; font-family: Verdana; }
.evtDayScroll { text-align: left; padding-left: 5px; height: 90px; overflow: auto; overflow-x: hidden; }
.evtOtherMonDay { background-color: #F6FAFD; }

.evtOtherMonDay a, .evtOtherMonDay a:visited, .evtOtherMonDay a:hover { background-color: #F6FAFD; }


.evtWeekendDay { background-color: #EBF2F8; }

.evtToday { background-color: #CFE2ED; }

/* Note use of "!important" to override Inline Style */
.evtSelDay { border-right: red 2px solid; border-top: red 2px solid; border-left: red 2px solid; border-bottom: red 2px solid; }

.evtSelector { background-color: #7BB6D6; }
.evtSelector a, .evtSelector a:visited, .evtSelector a:hover { color: #0000ff; text-decoration: none; }

.evtDay a, .evtToday a, .evtOtherMonDay a, .evtSelDay a { display: block; }

/* The following control the Calendar List View Style-Look */



.ListImage { float: left; display: block; padding: 5px; }

.ListHeader { font-weight: bold; font-size: 18px; font-family: Arial; height: 25px; text-align: left; width: 100%; }

.ListEventDate, .ListEventDate span { padding-top: 5px; padding-left: 2px; width: 180px; height: 20px; vertical-align: middle; }
.ListTitleRow { font-size: 15px; font-family: Arial; text-align: left; padding-left: 0px; font-weight: bold; background-color: #f1f4f4; height: 30px; padding-top: 0px; padding-bottom: 1px; }

.ListTitle { padding-top: 5px; padding-left: 5px; height: 22px; vertical-align: middle; }

.ListTitleBig { vertical-align: middle; font-size: 20px; font-family: Arial; text-align: left; padding-left: 5px; font-weight: bold; height: 25px; padding-top: 3px; padding-bottom: 1px; color: #4085bf; }
.ListTitleSmall { font-size: 16px; font-family: Arial; text-align: left; padding-top: 3px; color: #4085bf; }

.ListContent { padding-top: 5px; }

.ListBtn { padding-top: 10px; }

.evtLinks, .evtLinks a:link, .evtLinks a, .evtLinks a:visited, .evtLinks a:hover { padding-right: 10px; padding-left: 10px; font-size: 13px; padding-bottom: 0px; color: #5d7b9d; padding-top: 0px; font-family: verdana; font-weight: normal; background-image: url(btnNode.gif); background-repeat: no-repeat; margin-left: 0px; margin-right: 0px; text-decoration: underline; }

/* The following control the Calendar Day View Style-Look */

.dvTime, .dvTime td { height: 20px; white-space: nowrap; width: 40px; font-size: 10px; font-family: Verdana, Arial; text-align: right; vertical-align: top; border-right: 1px solid; border-bottom: 0px; }

.dvTime2, .dvTime2 td { height: 20px; border-right: 1px solid; border-bottom: 1px dotted; }

.dvNoEvent, .dvNoEvent td { height: 20px; border-bottom: 1px dotted !important; }

.dvTable { border-collapse: collapse; border-right: #659FC0 2px solid; border-bottom: #659FC0 2px solid; border-left: #659FC0 2px solid; border-top: #659FC0 2px solid; width: 100%; }
.dvTable td { }

.dvEvent, .dvEvent td { border-right: #ffff00 1px solid; border-left: #ffff00 1px solid; background-color: #ccccff; font-size: 12px; font-family: Verdana, Arial; vertical-align: top; }

.dvAllDay, .dvAllDay td { border-bottom: #659FC0 2px solid; font-size: 12px; font-family: Verdana, Arial; padding-bottom: 8px; padding-top: 8px; }

/* The following control the Satellite Module Style-Look */

.slEvent { table-layout: auto; font-size: 12px; width: 200px; font-family: Verdana; border-right: #659FC0 1px solid; border-bottom: #659FC0 1px solid; border-left: #659FC0 1px solid; border-top: #659FC0 1px solid; background-color: white; }
.slTitle, .slTitle td { text-align: center; font-weight: normal; font-size: 15px; width: 100%; height: 20px !important; font-family: Verdana; }

/* Note use of "!important" to override Inline Style */
.slNextPrev, .slNextPrev a:link, .slNextPrev a, .slNextPrev a:visited, .slNextPrev a:hover { padding-right: 0.5em; padding-left: 0.5em; font-size: 15px; padding-bottom: 0px; padding-top: 2px; text-decoration: underline; font-weight: normal; }

.slDayHeader { font-weight: normal; font-size: 12px; font-family: Verdana; background-color: #659FC0; vertical-align: middle; height: 15px; }

.slDay, .slDay td { height: 28px; font-size: 12px; width: 14%; font-family: Verdana; border-right: #CCDDEE 1px solid; border-top: #CCDDEE 1px solid; border-left: #CCDDEE 1px solid; border-bottom: #CCDDEE 1px solid; vertical-align: middle; }
.slDay a, .slDay a:visited, .slDay a:hover { font-size: 12px; color: #4E5D6C !important; font-family: Verdana; }
.slOtherMonthDay { height: 28px; vertical-align: middle; background-color: #f1f4f4; }

.slOtherMonthDay a, .slOtherMonthDay a:visited, .slOtherMonthDay a:hover { }


.slWeekendDay { background-color: whitesmoke; vertical-align: middle; }

.slTodayDay { font-weight: bold; color: #0000ff !important; background-color: beige; }

/* Note use of "!important" to override Inline Style */
.slSelectedDay { border-right: red 2px solid; border-top: red 2px solid; border-left: red 2px solid; border-bottom: red 2px solid; background-color: #ff9966 !important; }

.slSelector { background-color: #c0c0e0; }
.slSelector a, .slSelector a:visited, .slSelector a:hover { color: #0000ff; text-decoration: none; }
.slDayEvent, .slDayEvent td { font-weight: bold; background-color: #ffcc66 !important; }

/* The following control the tool bar Style-Look */

/* Drop down list on the tool bar */

.evtCat { }
.evtSubCal { }
.evtMonSel { }
.evtYrSel { }

/* Search box */
.evtSearchTxt { }

.vTable { width: 380px; }

.vTitle { font-size: 18px; font-weight: bold; font-family: verdana; height: 20px; color: #4085bf; border-bottom: 1px dotted; padding-top: 5px; padding-bottom: 5px; }
.vRow { height: 24px; border-bottom: 1px dotted; padding-top: 5px; padding-bottom: 2px; width: 380px; }
.vCap, .vCap span { font-size: 15px; font-weight: bold; font-family: verdana; padding-right: 10px; width: 100px; color: #88a0ad; }

.vContent, .vContent span { font-size: 15px; font-family: verdana; width: 280px; }

.vDesc { font-size: 15px; font-family: verdana; padding-top: 1px; }

.regCap { font-size: 12px; font-family: verdana; height: 25px; width: 150px; text-align: right; }

.regCap1 { font-size: 12px; font-family: verdana; height: 25px; width: 150px; text-align: right; }
.regCtl { width: 440px; }

.evtCap { width: 180px; font-family: arial; font-size: 12px; font-weight: bold; padding: 0; }

.evtCap1 { font-size: 12px; font-family: arial; text-align: right; width: 180px; }

.evtCap2 { font-size: 12px; font-family: arial; vertical-align: top; }

.evtCtl { width: 680px; }

.evtTbl { width: 860px; font-size: 17px; font-family: verdana; }

.pop { cursor: pointer; font-family: arial, Helvetica, sans-serif; font-size: 11px; color: #008080; margin-top: 2px; }

.poplink { text-decoration: underline; cursor: pointer; color: #4085bf; }

.regFees { padding-top: 5px; border-bottom: 1px dashed; font-family: Arial; font-size: 17px; color: #4085bf; text-align: right; }
.regTotalFees { padding-top: 5px; border-bottom: 2px double; font-family: Arial; font-weight: bold; font-size: 20px; color: #4085bf; text-align: right; }

.calPubSpan { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; display: block; float: left; border-left: #cccccc 1px solid; width: 2.5em; margin-right: 5px; border-bottom: #cccccc 2px solid; font-family: Arial, Helvetica, sans-serif; text-align: center; background-position: right top; background-attachment: scroll; background-repeat: no-repeat; background-color: #ffffff; }
.calPubMonth { padding-right: 0px; display: block; padding-left: 0px; font-weight: bold; font-size: 0.7em; padding-bottom: 0px; margin: 0px; text-transform: uppercase; color: #ffffff; padding-top: 1px; background-position: center top; background-attachment: scroll; background-repeat: repeat-x; background-color: #990000; }
.calPubDate { padding-right: 0px; display: block; padding-left: 0px; font-size: 1.1em; padding-bottom: 0px; margin: 0px; padding-top: 0px; }

.MyAttendee { cursor: pointer; }

.NormalHidden { display: none; }

.evtBar { padding-bottom: 5px; height: 25px; }

.evtBarFilter { float: left; }
.evtBarBtn { float: right; padding-right: 10px; }

.btnTop { margin-left: 2px; margin-right: 2px; margin-bottom: 0px; }

.evtSearchBtn { margin-bottom: 12px; }

.evtSearchTxt { margin-bottom: 5px; font-size: 12px; font-family: arial, Helvetica, sans-serif; }
.evtMonSel, .evtYrSel { font-size: 12px; font-family: arial, Helvetica, sans-serif; margin-bottom: 5px; }
.evtCat, .evtSubCal { font-size: 12px; font-family: arial, Helvetica, sans-serif; margin-bottom: 5px; }
.evtSel { margin-bottom: 0px; vertical-align: top; }
.evtSearch { vertical-align: top; }