@font-face {
    font-family: 'verdana-abgd';
    src: url('fonts/verdanabgd-nbold_mac-webfont.eot');
    src: url('fonts/verdanabgd-nbold_mac-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/verdanabgd-nbold_mac-webfont.woff2') format('woff2'),
         url('fonts/verdanabgd-nbold_mac-webfont.woff') format('woff'),
         url('fonts/verdanabgd-nbold_mac-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body { background: #f2f2f2; }

input[type=button], .button { 
	padding: 0.4em 0.8em;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; 
	border: 1px solid #ddd;
	background: #e6e6e6;
}

	input[type=button]:hover, .button { border: 1px solid #999; color: #000; background: #e0e0e0; }

select { 
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	background-color: #fff; border: 1px solid #ddd; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; 
	padding: 5px;
	padding-right: 25px;
}

#year, #month, #start, #end, #gregorian_year,
#year option, #month option, #start option, #end option, 
.selectize-dropdown,
.selectize-input,
.selectize-input input,
.dozenal_font
 { 
 	font-family: 'verdana-abgd', Verdana, sans-serif !important; 
 }

/*
.day {
	width:13%;
	height: 14%;
	margin: -1px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
}
*/

body { margin: 0; padding: 0; text-align: center; }

#content { width: 100%; display: none; }

#controls { 
	font-family: Verdana, sans-serif; font-size: 18px; margin: 0 auto; 
	position: fixed; width: 100%; z-index: 3;
	background: #f2f2f2;
	padding-top: 1em; padding-bottom: 0.5em;
}

.ui-widget-overlay { z-index: 1000 !important; }

#calendar { display: block; overflow: hidden; margin: 122px auto 0; }

#controls p { margin-bottom: 0.3em; }

#controls #second_p { margin-top: 0; }

#controls select {  font-family: Verdana, sans-serif; font-size: 18px; border: 1px solid #ddd; font-weight: 300; }

/**/

#date_controls_wrap { width: 100%; text-align: center; height: 0.2em; }

#date_controls { width: 310px; position: relative; margin: 0 auto; }

#year_wrap, #month_wrap, #gregorian_year_wrap { float: left; text-align: center; }

#year_wrap { width: 33%; }

#month_wrap { width: 33%; }

#gregorian_year_wrap { 
	width: 28%; background: #e6e6e6; margin-left:0.09em;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  
}



/**/

#container { margin: 0 auto; }


.day { 
	width: 16.66%; 
	float: left; 
	text-align: center;
	font-size: 12px;
	font-family: 'verdana-abgd', sans-serif;
	cursor: pointer;
}

#alpha, #omega { width: 41.67%; float: left; display: block; padding-top: 1em; padding-top:19px; height: 40px; text-align: center; }

#alpha input[type=button], #omega input[type=button] { 
	padding-top: 2px; padding-bottom: 2px; border: 1px solid #ddd !important; display: inline-block; 
	padding-left: 6px; padding-right: 6px;
}

.seventh { float: left; display: block; width: 100%; }

#d30_spacer { display: block; float: left; width: 16.66%; position: relative; height: 55px; }

.border div {
	border-top:1px solid black;
	border-left:none;
}

/* bottom cells */
#d24 div, #d25 div, #d26 div, #d27 div, #d28 div, #d29 div { border-bottom: 1px solid black; }

/* left cells */
#d0 div, #d6 div, #d12 div, #d18 div, #d24 div { border-left: 1px solid black; }

/* right cells */
#d5 div, #d11 div, #d17 div, #d23 div, #d29 div { border-right: 1px solid black; }

/* centered bottom cell */
#d30 div { border: 1px solid black; border-top: none; }

.e_button { padding: 0.2em 0.4em; background: rgba(256,256,256, 0.1); display: inline-block; margin: 0 auto; text-decoration: none; color: #666; }

.e_button { background: rgba(256,256,256, 0.2); color: #000; }



.today{
	background: #f2f2f2;
}

.before{
	background: #e6e6e6;
}

.after{
	background: #fff;
}



		
.description{
	height: 1em;
	vertical-align: middle;
	padding: 0.2em 0.4em; border: 1px solid #ddd; font-size: 16px; font-family: Verdana, sans-serif; display: inline-block; width: 92%; 
	margin-bottom: 0.2em;
}

.gregorian_date { color: #666;  }

#gregorian_year { color: #666; font-family: 'verdana-abgd', Verdana, sans-serif !important; font-size: 13px; line-height: 33px; }


/**/

#login_form { max-width: 90%; margin: 1em auto; font-family: Verdana, sans-serif; position: relative; text-align: center; }

#login_form input[type=text],#login_form input[type=password], #login_form input[type=button] { 
	font-size: 16px; padding: 0.4em 0.8em; font-family: Verdana, sans-serif; 
	border: 1px solid #ddd;
	max-width: 100%;
}

#login_form input[type=button] { background: #e6e6e6; color: #000; font-size: 16px;  }

#login_form input[type=button]:hover { background: #eee; }

/**/

#container { font-size: 16px; font-family: Verdana, sans-serif; }



#container input[type=text],#container input[type=password], #container input[type=button] { 
	font-size: 16px; padding: 0.4em 0.8em; font-family: Verdana, sans-serif; 
	border: 1px solid #ddd;
	max-width: 100%;
}

#container input[type=button] { background: #e6e6e6; color: #000; font-size: 16px; border: none;   }

#container input[type=button]:hover { background: #eee; }

/* events */

#event_controls { 
	margin: 0 auto; margin-top: -86px; 
	padding-top: 1em; width: 100%; position: fixed; z-index: 3; 
	background: #f2f2f2; 
}

#events { font-size: 16px; font-family: Verdana, sans-serif; }

#events { margin-top: 86px; }

#events input[type=text],#events input[type=password], #events input[type=button], #events select { 
	font-size: 16px; padding: 0.4em 0.8em; font-family: Verdana, sans-serif; 
	border: 1px solid #ddd;
	max-width: 100%;
}

#events input[type=button] { background: #e6e6e6; color: #000; font-size: 16px;   }

#events input[type=button]:hover { background: #eee; }

.event { 
	padding: 0.5em 0.5em; 
	position: relative; 
	border-radius: none; -moz-border-radius: none; -webkit-border-radius: none;
	background: #e4f2f2;
	text-align: center;
	border-bottom: 2px solid #e6e6e6;
}

/**/

#start_end_wrap { width: 315px; margin: 0 auto; }

#start_wrap { width: 105px; float: left; text-align: center; }

#middle_wrap { width: 105px; float: left; text-align: center; }

#end_wrap { width: 105px; float: left; text-align: center; }

#date_display { font-size: 14px; padding: 0.5em; margin: 0 auto; margin-bottom: 0; }

.clear { height: 0; line-height: 0; clear: both; }


/* submenu */

#toggle_second { display: inline-block; line-height: 1em; padding: 1px; color: #000; }

#toggle_second:hover, #toggle_second:active, #toggle_second:link, #toggle_second:focus { color: #000; }

#first_options { width: 325px; margin:0 auto; position: relative; margin-bottom: 0.5em; font-size: 1.2em; }

#second_options { width: 257px; margin: 0 auto; position: absolute; top: 100%; left: 0; display: none; z-index: 3; margin: 0; }

#options_submenu { list-style: none; text-align: left; padding: 5px; background: #fff; margin: 0; }


/* list_events */

#list_events ul { margin: 0; padding: 0; margin-bottom: 1em;  margin-top: 0.5em; }

#list_events { text-align: left; margin: 0 auto; max-width: 100%; margin-top: -2px; }

#list_events li { list-style: none; margin: 0; padding: 0; margin-bottom: 0.2em; padding-left: 0.2em; padding-right: 0.2em; }

.event_time { display: inline-block !important; background: #e6e6e6; padding: 0.2em 0.4em; text-align: left; font-size: 0.9em; background: #e6e6e6; }

.diurnal .event_time { width: 70px; }
.semidiurnal .event_time { width: 100px; }

.search_time { width: 100px !important; }

.event_time .dozenal_font, .event_time_diurnal .dozenal_font { font-size: 0.95em; line-height: 0.5em !important; }

.all_day { text-transform: uppercase; color: #000 !important; text-align: center; }

#captcha_wrapper { margin-top: -0.5em; }

#captcha { text-align: center !important; }

.no_mb { margin-bottom: 0 !important; }
.half_mb { margin-bottom: 0.5em !important; }



/* last_row */

#last_row { height: 52px; }




/* column colors */

.day .dozenal_font
{ 
	background: transparent; display: inline-block;
	width: 22px; height: 22px; line-height: 22px; 
	border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px;
}

#d0 .has_event, 
#d6 .has_event, 
#d12 .has_event, 
#d18 .has_event, 
#d24 .has_event 
{ 
	background: #ffcccc;
}

#d1 .has_event, 
#d7 .has_event, 
#d13 .has_event, 
#d19 .has_event, 
#d25 .has_event 
{ 
	background: #ffdb99;
}

#d2 .has_event, 
#d8 .has_event, 
#d14 .has_event, 
#d20 .has_event, 
#d26 .has_event 
{ 
	background: #ffff99;
}

#d3 .has_event, 
#d9 .has_event, 
#d15 .has_event, 
#d21 .has_event, 
#d27 .has_event 
{ 
	background: #99ff99;
}

#d4 .has_event, 
#d10 .has_event, 
#d16 .has_event, 
#d22 .has_event, 
#d28 .has_event 
{ 
	background: #cccfff;
}

#d5 .has_event, 
#d11 .has_event, 
#d17 .has_event, 
#d23 .has_event, 
#d29 .has_event 
{ 
	background: #f3a5f3;
}

#d30 .has_event
{ 
	background: #f99fc6;
}

#d0 .selected, #d6 .selected, #d12 .selected, #d18 .selected, #d24 .selected { background: #ffcccc; }
#d1 .selected, #d7 .selected, #d13 .selected, #d19 .selected, #d25 .selected { background: #ffdb99; }
#d2 .selected, #d8 .selected, #d14 .selected, #d20 .selected, #d26 .selected { background: #ffff99; }
#d3 .selected, #d9 .selected, #d15 .selected, #d21 .selected, #d27 .selected { background: #99ff99; }
#d4 .selected, #d10 .selected, #d16 .selected, #d22 .selected, #d28 .selected { background: #cccfff; }
#d5 .selected, #d11 .selected, #d17 .selected, #d23 .selected, #d29 .selected { background: #f3a5f3; }
#d30 .selected { background: #f99fc6; }

.day .selected .has_event { background: rgba(256, 256,256,0.5) !important; color: #000; }

/* hover effects */

#d0 div:hover, #d6 div:hover, #d12 div:hover, #d18 div:hover, #d24 div:hover { background: #FFE6E6; }
#d1 div:hover, #d7 div:hover, #d13 div:hover, #d19 div:hover, #d25 div:hover { background: #FFEDCA; }
#d2 div:hover, #d8 div:hover, #d14 div:hover, #d20 div:hover, #d26 div:hover { background: #FFFFCA; }
#d3 div:hover, #d9 div:hover, #d15 div:hover, #d21 div:hover, #d27 div:hover { background: #CBFFCA; }
#d4 div:hover, #d10 div:hover, #d16 div:hover, #d22 div:hover, #d28 div:hover { background: #E6E7FF; }
#d5 div:hover, #d11 div:hover, #d17 div:hover, #d23 div:hover, #d29 div:hover { background: #FAD1FA; }
#d30 div:hover { background: #FDCEE3; }

/* selected-hover effects */

#d0 .selected:hover, #d6 .selected:hover, #d12 .selected:hover, #d18 .selected:hover, #d24 .selected:hover { background: #ffcccc; }
#d1 .selected:hover, #d7 .selected:hover, #d13 .selected:hover, #d19 .selected:hover, #d25 .selected:hover { background: #ffdb99; }
#d2 .selected:hover, #d8 .selected:hover, #d14 .selected:hover, #d20 .selected:hover, #d26 .selected:hover { background: #ffff99; }
#d3 .selected:hover, #d9 .selected:hover, #d15 .selected:hover, #d21 .selected:hover, #d27 .selected:hover { background: #99ff99; }
#d4 .selected:hover, #d10 .selected:hover, #d16 .selected:hover, #d22 .selected:hover, #d28 .selected:hover { background: #cccfff; }
#d5 .selected:hover, #d11 .selected:hover, #d17 .selected:hover, #d23 .selected:hover, #d29 .selected:hover { background: #f3a5f3; }
#d30 .selected:hover { background: #f99fc6; }













/* repeats layout */

#repeat_dialog { padding-bottom: 0; overflow: visible !important; height: 265px !important; }

#repeat_days_wrap { overflow: visible; width: 100%; text-align: center; height: 45px; display: block; position: relative; line-height: 45px; }

#repeat_n_wrap { display: inline-block; width: 70px; position: relative; top: 12px; line-height:  }

#repeat_n_interval_wrap { display: inline-block; }

#repeat_n_interval { height: 33px; }

#every_wrap_1 { margin-top: 5px; margin-bottom: -5px; }




/* dialog */

.ui-widget { 
	border: 1px solid #ddd !important; padding: 0 !important; 
	border-radius: none; -moz-border-radius: none; -webkit-border-radius: none;
}

.ui-dialog-titlebar, .ui-corner-all { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }

.ui-dialog-titlebar { background: #e6e6e6 !important; }

.ui-widget-overlay { 
	background: #fff !important; 
	opacity: 0.5 !important; -moz-opacity: 0.5 !important; -webkit-opacity: 0.5 !important;
}

#captcha_prompt_wrapper { margin: 0.5em auto 0; }

#captcha_prompt { 
	background: #fff; color: red; margin: 0.5em auto 0; display: inline-block; padding: 0.2em 0.4em; 
	font-family: 'Verdana', sans-serif; font-weight: 400; border: 1px solid #ddd;
}



/* popup months */

#repeat_months_wrap { width: 100%; display: block; margin-top: 0.5em;  }

#every_n_months_wrap { width:70px; text-align: right; display: block; float: left; margin-left:70px; }

	#every_n_months_wrap .selectize-input, #every_n_months_wrap .option { text-align: center; }

#months_label_wrap { width:78px; text-align: left; display: block; height: 31px; line-height: 31px; float: left; }

#repeat_times_wrapper { padding-top: 0.5em; }

#year_prev, #year_next { padding: 0.4em 0.7em !important; }


.weekly .row0, .weekly .row1, .weekly .row2, .weekly .row3 { border-bottom: 1px solid #000; }

#reload_button, #backup_button { font-size: 0.8em !important; border-bottom: 1px solid #000 !important; margin-bottom: 0; }

#search_box { width: 75px; border: 1px solid #ddd; border-radius: none; -moz-border-radius: none; -webkit-border-radius: none; }

#backup_li, #restore_li { font-size: 0.75em; }

.menu_separator { border-bottom: 1px solid #ccc; margin-bottom: 0.5em; line-height: 0.5em; display: block; height: 0.5em; }

.offset_font { font-size: 0.86em !important; color: red !important; }

#intro_text { font-size: 0.85em; }

#username, #passphrase, #captcha { width:220px; }

#cal_preview_wrap { text-align: center; }

#cal_preview, #cal_mobile { max-width: 161px; margin:0 auto; }










/* MEDIA QUERIES */


@media only screen and (min-device-width: 320px)  and (max-device-width: 1024px) and (orientation : landscape) {
	#repeat_n_interval { position: relative; top: 12px;}
}

@media only screen and (min-device-width: 320px)  and (max-device-width: 1024px) and (orientation : portrait) {
	#repeat_n_interval { position: relative; top: 12px;}
}


@media screen and (min-width: 48.96em) {
	#calendar, #list_events, #container { max-width: 48.96em; }
	#list_events li { padding-left: 0; padding-right: 0; }
}

/* #login_form { max-width: 90%; } */

/*  F6 MEDIA QUERIES */

/* Define mobile styles */
@media only screen and (max-width: 40em) {

	#login_form { max-width: 90%; }
    
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


/* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) { 
  #login_form { max-width: 50%; }
} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) {
	#login_form { max-width: 50%; }
}