@CHARSET "UTF-8";

/*****************************************************

/***   Table of contents                          ***/



* Mini Calendar

* Large Calendar



*****************************************************/





/*-- Mini Calendar ----------------------------------------------*/



#miniCalContainer {background: #f5f5f5;}

#miniCalMonthHeader { 

    font-size:180%;

    padding:4px 0;

    margin-top:2px;

    border:1px solid #333333;

    text-align:center;

}

#miniCalPrevLink {

    background:url('/resources/images/icons/icn_minus.gif') no-repeat center;

    width:10px;

    height:10px;

    display:block;

    float:left;

    margin:2px 0 0 10px;

}

#miniCalNextLink {

    background:url('/resources/images/icons/icn_plus.gif') no-repeat center;

    width:10px;

    height:10px;

    display:block;

    float:right;

    margin:2px 10px 0 0;

}

#miniCalendarTitleHeader {

    font-size:80%;

}

table.miniMonthTable { /* Controls overall calendar style */

    border:1px solid #333333;

    border-top:0;

    padding:5px;

}

table.miniMonthTable td { /* Controls days of week */

    overflow:hidden;

    height:15px;

    width:14%;

    padding:1px 0 0 1px;

    color:#666666;

    text-align:center;

}

div.miniMonthTable { /* Controls first row of dates */

    background:#e4e4e4;

    text-align:center;

    color:#555555;

    padding:3px;

    font-size:90%;

}

div.miniMonthTable2 { /* Controls second row of dates */

    background:#cfcfcf;

    text-align:center;

    color:#555555;

    padding:3px;

    font-size:90%;

}

div.monthSubContainerSelected { /* Controls selected date styling */

    font-weight:bold;

    background:#94c3e0;

}





/*-- Large Calendar ---------------------------------------------*/



#calendarMainContainer {

    width:100%;

    padding:2px;

    float:left;

    position:relative;

}

#calendarMainContainer a {

    color:#0066CC;

    text-decoration:none;

}

#calendarNavContainer {

    margin-right:2px;

    color:#333333;

}

#calendarNav {

    position: absolute;

    left: -15px;

    color:#333333;

}

#calendarContainer {

    margin-left:135px;

    padding-right:5px;

}

#calendarMain {

    overflow:auto;

    border:1px solid #666666;

    border-top:0;

}

#calendarTitleHeader {

    float:right;

    font-size:130%;

    font-weight:bold;

    padding-right:10px;

    position:relative;

    top:-2px;

}

div.dayEventElement {

    position:absolute;

    padding:0px;

    background:#668cd9;

    color:white;

    float:left;

    width:200px;

    overflow:hidden;

}

a.dayEventElement {

    margin:0 0 3px 0;

    padding:1px 3px;

    font-size:90%;

    background:#2952a3;

    text-transform:capitalize;

    display:block;

    color:#ffffff !important;

    font-weight:bold;

}

h4.dayEventElement {

    font-weight:normal;

    font-size:90%;

    padding:0px 3px 3px 3px;

    margin:0;

}

a.calendarNavLinks {

    float:right;

    margin-left:4px;

    background:#6699cc;

    color:white;

    font-weight:bold;

    position:relative;

    top:-3px;

}

a.miniCalendarNavLinks {

    float:right;

    margin-left:4px;

    background:transparent;

    color:red !important;

    font-weight:bold;

    font-style:normal;

}

a.calendarLayoutLink {

    padding:0px 7px;

    margin:0px 5px 0px 0px;

    border:1px solid #666666;

    border-bottom:0;

    font-size:130%;

    text-transform:capitalize;

    background:#dedede;

}

a.calendarLayoutLinkSelected {

    padding:0px 7px;

    margin:0px 5px 0px 0px;

    font-weight:bold;

    font-size:130%;

    text-transform:capitalize;

    border:1px solid #666666;

    border-bottom:0;

    background:#aaaaaa;

    color:black;

    cursor:default;

}

a.calendarLayoutLink:hover {

    text-decoration:none;

}

a.calendarLayoutLinkSelected:hover {

    text-decoration:none;

}

td.monthCell {

    background:#eeeeee;

    border:1px solid #aaaaaa;

    height:30px;

}

div.monthHeader {

    padding:2px;

    background:#dedede;

    color:#333333;

}

div.monthHeaderSelected {

    padding:2px;

    background:#dedede;

    color:#333333;

}

div.monthHeaderEmpty {

    padding:2px;

    background:#dedede;

    color:#333333;

}

#emptyCellDayTd {

    background:#dedede;

    border:1px solid #aaaaaa;

    height:80px;

}

#fullCellDayTd {

    overflow:auto;

    border:1px solid #aaaaaa;

    background:#efefef;

    height:80px;

    width:14%;

}

div.cellWithEventWrapper {

    overflow:hidden;

}

#calendarMainContainer a.eventLink {

    font-size:90%;

    padding:1px;

    white-space:nowrap;

    overflow:hidden;

}

#calendarNextLink {

    width:29px;

    height:16px;

    display:block;

    background:url('/resources/images/buttons/btn_right_arrow.gif') no-repeat top left;

}

#calendarPrevLink {

    width:29px;

    height:16px;

    display:block;

    background:url('/resources/images/buttons/btn_left_arrow.gif') no-repeat top left;

}

#calendarTodayLink {

    width:54px;

    height:16px;

    display:block;

    background:url('/resources/images/buttons/btn_today.gif') no-repeat top left;

}

#createEventButtonLink {

    position:relative;

    top:-3px;

    left:15px;

    background:#3b73b0;

    color:#ffffff !important;

    border:1px solid #333333;

    font-size:95%;

    padding-bottom:1px;

}

#monthEventEdit, #dayEventEdit {

    width:210px;

    height:125px;

    padding:2px 2px 2px 5px;

    color:#444444;

    position:absolute;

    background:white;

    z-index:500;

    border:1px solid #888888;

    overflow:hidden;

}

#monthEventEdit h5, #dayEventEdit h5 {

    margin:5px 0 5px 0;

    font-size:100%;

    border-top:1px solid #dddddd;

    width:98%;

    padding:3px 0 0 0;

    font-weight:normal;

}

#monthEventEdit h6, #dayEventEdit h6 {

    margin:0;

    font-size:100%;

    padding:0px 0 3px 0;

    color:#555555;

    font-weight:normal;

}

#monthEventEdit h3, #dayEventEdit h3 {

    font-weight:bold;

    font-size:105%;

    margin:3px 0 3px 0;

}

#monthEventEdit h4, #dayEventEdit h4 {

    font-weight:normal;

    font-size:105%;

    margin:0 0 5px 0;

}

#closeEventInfoBox {

    float:right;

    z-index:2000;

    padding:2px 3px;

    margin:0 0 2px 2px;

    font-weight:bold;

    color:#666666;

    border:1px solid #cccccc;

    cursor:default;

}

#daysofweektext {

    background:#aaaaaa;

    color:white;

    border:1px solid #aaaaaa;

}

#calendarInfoLoading {

    width:25px;

}

#editEventHeader {

    background:#aaaaaa;

    padding:1px;

}

#dayViewContainer {

    background:#e0e0e0;

    overflow:auto;

    position:absolute;

    overflow-y:scroll;

}

#allDayEventsContainer {

    padding:3px;

    background:#e7e7e7;

}

#allDayEventsSubContainer {

    border:1px solid #ffffff;

}

a.allDayEvent {

    display:block;

    padding:2px;

    margin:2px;

    background:#2952a3;

    color:white !important;

    font-weight:bold;

    text-transform:capitalize;

}

table.editEventTable {

    padding:10px;

    font-size:120%;

    width:100%;

}

table.editEventTable td {

    vertical-align:middle;

    padding:7px;

    font-weight:bold;

}

table.editEventTable input {

    border:1px solid black;

    width:85%;

    padding:4px;

}

#event_type_radio {

    width:auto;

	border: 0 none;

}

table.editEventTable textarea {

    border:1px solid black;

    width:85%;

    height:100px;

}

table.editEventTable h3 {

    font-size:130%;

    margin:3px 0 5px 0;

    border-bottom:1px solid black;

    padding-bottom:2px;

    width:85%;

}

div.calendarError {

    margin:15px;

    padding:15px;

    border:2px solid #555555;

    background:#cccccc;

    color:#000000;

    line-height:1.4;

    color:#FF3333;

    font-size:110%;

    font-weight:bold;

}

#monthGotoLink {

    text-decoration:none;

    display:block;

}

#monthGotoLink:hover {

    text-decoration:none;

}

div.miniMonthDay {

    width:120px;

    background:white;

    z-index: 10000;

    color:#333333;

    padding:3px;

    border:2px solid #555555;

    position:absolute;

    line-height:1.5em;

    margin:8px 0 0 -40px;

}

#miniDaysOfWeek {

    font-size:90%;

    font-weight:normal;

}

div.miniDayOfMonthContainer {

    position:relative;

}

a.miniDayOfMonthSelectedContainer {

    position:relative;

}

#topLevelAdminCalendarContainer {

    position: relative;

    width: 760px;

}

#topLevelBlogCalendarContainer {

    margin: 10px 0 0 0px;

}

#gathering_text {

    font-weight:normal;

    font-size:90%;

}