/* Style sheet for the uofs calendar */
ul.display-options, .panel-body>ul {
    list-style: none;
}


/* FORMS */
form td { border: medium none; padding: 7px; vertical-align: top;}
fieldset { margin: 1.5em 0; border-color: #D5E7B5; padding: 0 1.5em; border: 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
legend, th {color: #555555;}
textarea { width: 99%; }
input, textarea, select, button { font-size: 1em; line-height: 1.4em; padding: 2px; }
.list {margin-left: 10px; color: #000; line-height: 1.4em;}


table, td {font: 11px 'Open Sans', Helvetica, Arial, sans-serif;  color: #000;}



/* Background images for tables */
.tbll	{background: url(images/shadow_l.gif) no-repeat; width:8px}
.tblbot	{background: url(images/shadow_m.gif) repeat-x; width:100%}
.tblr	{background: url(images/shadow_r.gif) no-repeat; width:8px}

.alldaybg_1 {background: url(images/allday_1.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_2 {background-color: #508cbb; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_3 {background: url(images/allday_3.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_4 {background-color: #d5e7b5; /*background: url(images/allday_4.gif) repeat-x;*/ height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_5 {background: url(images/allday_5.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}

.padd			{ padding: 2px; }

/* Styles for day and week events */
.eventbg_1	 	{ background-color: #d5e7b5; padding: 2px;}
.eventbg_2	 	{ background-color: #d5e7b5; padding: 2px;}
.eventbg_3	 	{ background-color: #d5e7b5; padding: 2px;}
.eventbg_4	 	{ background-color: #5abf04; padding: 2px;}
.eventbg_4	 	{ background-color: #5abf04; padding: 2px;}
.eventbg_5	 	{ background-color: #506000; padding: 2px;}


.allday a		{ font-size: 9px; font-weight: 900; text-decoration:none;}
.allday a:hover	{ text-decoration:underline;}

.eventbg2_1	 		{ background-color: #d5e7b5; border: 1px solid #d5e7b5; }
.eventbg2_2	 		{ background-color: #efefef; border: 1px solid #888; }
.eventbg2_3	 		{ background-color: #efefef; border: 1px solid #888; }
.eventbg2_4	 		{ background-color: #7adf24; border: 1px solid #5abf04; }
.eventbg2_5	 		{ background-color: #708000; border: 1px solid #506000; }


.dayborder 		{ background-color: #fff; border-top: 1px solid #A1A5A9; }
.dayborder2 	{ background-color: #fff; border-top: 1px dashed #ccc; }
.dayborder2 	{ background-color: #fff; border-top: 1px dotted #888; }

.rowOn			{ background-color: #B0E8B0; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.rowOn2			{ background-color: #B0E8B0; border-top: 1px solid #fff; }
.rowOff			{ background-color: #d5e7b5; border-top: 1px solid #fff; border-left: 1px solid #fff; }
/*.rowOff2		{ background-color: #d5e7b5; border-top: 1px solid #fff; }*/

.rowToday		{ background-color: #d5e7b5; border-top: 1px solid #fff; border-left: 1px solid #fff; }


.title  		{  background-color: #d5e7b5; /*background-image: none url(images/time_bg.gif);*/ padding: 5px; }
.title h1 		{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000; margin: 0px;}

/* Main class used for all page wrapper tables */
/* .maintable		{ width: 90%; }*/

/* Week view
.weektoday		{ background-color: #d5e7b5; }*/

/* Month View */

.monthback		{ background-color: #A1A5A9; }
.monthreg		{ background-color: #fff; height: 105px; width: 105px; text-align: left; vertical-align: top; }
.monthoff		{ height: 105px; width: 105px; text-align: left;  vertical-align: top;}
.monthon		{ height: 105px; width: 105px; text-align: left;  vertical-align: top; border: 5px #d5e7b5 solid; }
.montheventtop	{ background-image: url(images/side_bg.gif); border-top: 1px solid #A1A5A9; }
.montheventline	{ border-right: 1px dotted #A1A5A9; }
.events-index   { display: none;}

/* Year View */

.medtitle		{ background-image: url(images/side_bg.gif); height: 20px; margin-top: 3px; font-weight: 900; }
.yearreg		{ background-color: #fff; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px; }
.yearoff		{ background-color: #F2F2F2; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearon			{ background-color: #F2F9FF; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearmonth		{ background-color: #ccc; }
.yearweek		{ background-color: #eee; width: 30px; font-size: 9px; font-weight: 900; text-align: center; height: 15px; }
.yearleft		{ padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.yearmiddle		{ padding: 5px; }
.yearright		{ padding-left: 5px; padding-top: 5px; padding-bottom: 5px; }


/* older styles */

/*.eventborder	{ background-image: url(images/day_title.gif); border: 1px #006699 solid; }*/
.eventborder	{ background-color: #006600; border: 1px #003300 solid; }
.tfixed			{ table-layout: fixed; word-wrap: break-word; }
.calborder 		{ background-color: #ffffff; border: 1px #A1A5A9 solid; }

.dateback		{ background-color: #d5e7b5; }
.weekborder 	{ border-left: 1px solid #A1A5A9; border-top: 1px dashed #ccc; }
.weekborder2 	{ border-left: 1px solid #A1A5A9; border-top: 1px solid #A1A5A9; }
.weekborder2 	{ border-left: 1px solid #A1A5A9; border-top: 1px dotted #888; }
.weekborder3 	{ border-left: 1px solid #A1A5A9; border-top: 1px solid #A1A5A9; }
.weekborder3 	{ border-left: 1px solid #A1A5A9; border-top: 1px dotted #888; }
.timeborder 	{ border-right: 1px solid #A1A5A9; border-top: 1px solid #A1A5A9; background-color: #d5e7b5; /*background-image: url(images/time_bg.gif);*/  }
.timeborder2 	{ border-top: 1px solid #A1A5A9; background-color: #d5e7b5; /*background-image: url(images/time_bg.gif);*/ }
.navback 		{ background-color: #d5e7b5; /*background-image: url(images/time_bg.gif);*/ }
.sideback 		{ background-color: #d5e7b5; /*background-image: url(images/side_bg.gif); */}


/* Link colors and attributes */
/* This is the main link style */
a.psf			{ text-decoration:	none; }
a.psf:link		{ color: #000000; }
a.psf:visited	{ color: #000000; }
a.psf:active	{ color: #000000; }
a.psf:hover		{ color: #003300; text-decoration: underline; }


/* This is the link style for the mini-cals */
a.ps2			{ text-decoration:	underline; }
a.ps2:link		{ color: #000000; }
a.ps2:visited	{ color: #000000; }
a.ps2:active	{ color: #33CC66; }
a.ps2:hover		{ color: #000000; }


/* This is the link style for events */
a.ps			{ text-decoration:	none; }
a.ps:link		{ color: #000; }
a.ps:visited	        { color: #fff; }
a.ps:active		{ color: #fff; }
a.ps:hover		{ color: #fff; text-decoration: underline; }

/* Body attributes



/* CSS definitions for fonts */

.view 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 12px; font-weight: 900; }
.V9_1 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; color: #000000; padding-bottom: 9px; }
.V9_2 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; color: #000000; padding-bottom: 9px; }
.V9_3 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; color: #000000; padding-bottom: 9px; }
.V10W 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 10px; color: #FFFFFF; text-decoration:	none;}
.V9W 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 9px; color: #FFFFFF; text-decoration:	none;}
.V10WB 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 9px; color: #666666; }
.V10_1 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px;  color: #000000; padding-bottom: 9px;  }
.V10_2 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px;  color: #000000; padding-bottom: 9px; }
.V10_3 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px;  color: #000000; padding-bottom: 9px; }
.V9BOLD 		{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 12px; font-weight: 900; }
.G10 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; color: #0066FF; }
.G10B 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; color: #000000; }
.G10BOLD 		{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; font-weight: 900; }
.G11B 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 12px; color: #000000; }
.G11BOLD 		{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 13px; font-weight: 900; color: #000000; }
.G10G 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; color: #A1A5A9; }
.V12 			{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 14px;  color: #000000; }
/*h1 				{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 18px; color: #000000; }*/
.eventfont 		{ font-family: 'Open Sans', Helvetica, Arial, sans-serif;  font-size: 11px; color: #000000; }
#mobilecalToggle { display:none; }

/* Length of the form drop downs */

.query_style 	{ font-size: 11px; font-family: 'Open Sans', Helvetica, Arial, sans-serif;  width: 156px; margin-bottom: 0; }
.search_style 	{ font-size: 12px; font-family: 'Open Sans', Helvetica, Arial, sans-serif;  width: 134px; margin-bottom: 0; }
.login_style	{ font-size: 11px; font-family: 'Open Sans', Helvetica, Arial, sans-serif;  width: 80px; margin-bottom: 0; }

.no-events { font-size: 16px; color:#222 }

/* Make printed pages look nice */
@media print {
    .sidebar		{ width: 0px; display: none; }
    .footer			{ display: none; }
    .monthback		{ border-spacing: 0; }
    .monthback td	{ border: 1px solid #606060; }
    .calborder		{ border: 1px solid #606060; }
}

@media (max-width: 865px) {
    .calendar-sidebar {
        height: calc(100% - 170px);
        overflow: auto;
        display: none;
        position: absolute;
        background: #fff;
        z-index: 100;
        border: solid 1px #eeeeee;
        padding: 5px;
        width: 96%;
        top: 158px;
        right: 10px;
    }
    .monthreg, .monthoff, .monthon {
        height: 44px;
    }
    .events-nav h2 {
        display: block !important;
    }
    .display-options {
        display: block !important;
        padding-left: 0 !important;
    }
    .display-options li.calendar-today {
        padding: 0 12px 0 0 !important;
        margin: 0 12px 0 0 !important;
        border-left: none !important;
    }
    .monthon .month-event, .monthreg .allday-event, .monthreg .month-event, .monthon .allday-event, .daylong, .calendar-add, #viewing-cal {
        display: none;
    }
    #cal-select-wrapper {
        margin: 0;
    }
    #mobilecalToggle {
        display: block;
        position: absolute;
        right: 13px;
        top: 118px;
    }
    .events-index   {
        display: block;
        margin-top: 20px;
    }
    .events-index .psf {
        display: none;
    }
    .monthon .psf, .monthreg .psf, .monthoff .psf {
        width: 100%;
        height: 100%;
        padding: 5px 0 0 5px
    }
    .monthreg, .monthon {
        padding-bottom: 0 !important;
    }
    .calendar-week, .calendar-day {
        display:none;
    }
    a.list-event {
        color: #096a47;
        font-weight: 700;
        text-decoration: underline;
        float: none;
        width: 100%;
    }
    a.hasevent:link, a.hasevent:visited	{
        color: #096a47 !important;
        text-decoration: underline;
    }
    .allday-event, .month-event, .listing-title a.list-event {
        background: none !important;
        box-shadow: none;
        padding: 0;
    }
    .allday-event a, .month-event a {
        color: #096a47;
        text-decoration: underline !important;
        font-size: 14px;
        line-height: normal;
        padding: 4px 0;
        font-weight: 700;
    }
    .month-event a span {
        color: #222;
    }

}

@media (max-width: 400px) {
    .display-options li.calendar-today, .display-options li  {
        border-right: none;
        padding: 0px !important;
        margin: 0 4px 4px 0 !important;
    }
}

@media (max-width: 300px) {
    .display-options li.calendar-day {
        margin-right: 100px !important;
    }
    .V9BOLD {
        font-weight: normal;
    }
}