#calselect input[type='submit'],input[type='reset']
{
    font:inherit;
    color:inherit;
}

#calselect .form_outer_div
{
    border:none;
    background-color:transparent;
}

#calselect .form_outer_div
{
    font-family:Arial;
    font-size:12px;
    color:#000000;
}

.dcount_container {
	float:left;
	margin-right:10px;
	top:7px;
}
#calselect #dcount
{
    float:left;
    width:120px;
    height:22px;
    z-index:1;
}
#calselect #catsel
{
   float:left;
    /*width:120px;*/
    height:22px;
    z-index:3;
}

#calselect #Submit
{
   float:left;
    width:52px;
    height:25px;
    z-index:2;
}
/*Modal window*/
.popup
{
    position:relative;
    top:0px;
    right:0px;
    margin:50px auto;
    width:280px;
    /*height:285px;*/
    font-family:verdana;
    font-size:12px;
    padding:10px;
    background-color:rgb(255,255,255);
    border:2px solid blue;
    z-index:100000000000000000;
    display:none
}

.cancel
{
    /*display:relative;*/
    cursor:pointer;
    margin:0;
    float:right;
    height:10px;
    width:35px;
    padding:0 0 5px 0;
    background-color:red;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    color:white;
    border-radius:3px;
    z-index:100000000000000000;
}
/*Menu links*/

  a.headlink:link { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size:.8em; font-weight: bold;line-height:2.5em }
  a.headlink:visited { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size:.8em; font-weight: bold; }
  a.headlink:hover { text-decoration: underline; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size:.8em; font-weight: bold; }

/* Calendar Event View */
.dispword {color: #000000;font-weight: bold;}
.calevdaysedisp {color: #000080;padding-right:20px;font-weight: bold;}
.calevcatedisp {color: #000080;font-weight: bold;}
.calevdateday {border:1px solid black;margin:5px 0px;clear:both;}
.calevcontainer {overflow:auto;border:0px solid red;}
.calevindivevent {height:24px;margin-left:25px;}
.calevcontainer2 {overflow:auto;border:0px solid orange;background-color:#e2dbc8;margin-left:25px;}
.calevindivevent2 {height:24px;}	
.calevical {float:right;margin-right:10px;}
.calevtime {border:0px black solid;float:left;width:150px;}
.calevlink {border:0px red solid;float:left;width:220px;}
.dispdate {margin-top:15px;}
/* Calendar List View - A few classes are used from above*/
.callistcontainer {overflow:auto;border:0px solid red;}
.callistcontainer2 {overflow:auto;border:0px solid orange;background-color:#e2dbc8;}
.caleventlistdiv {height:24px;float:left;margin-left:25px;}
.caleventlistdiv2 {height:24px;float:left;margin-left:25px;}

/* calendar months */
.month1 {
	background-image: url('../images/images/january.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month2 {
	background-image: url('../images/images/february.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month3 {
	background-image: url('../images/images/march.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month4 {
	background-image: url('../images/images/april.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month5 {
	background-image: url('../images/images/may.png'); 
	background-repeat:no-repeat;
	height:50px;
}

.month6 {
	background-image: url('../images/images/june.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month7 {
	background-image: url('../images/images/july.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month8 {
	background-image: url('../images/images/august.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month9 {
	background-image: url('../images/images/september.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month10 {
	background-image: url('../images/images/october.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month11 {
	background-image: url('../images/images/november.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month12 {
	background-image: url('../images/images/december.png'); 
	background-repeat:no-repeat;
	height:50px;
}


/*===================================*/
@media only screen and (min-width: 200px) and (max-width: 400px){
/*#calselect {display:none}*/
}

/*====block calendar css====*/
p{}

 
input
{

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	color: #000000;

}
select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	color: #000000;
  height: 22px;
}
textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	color: #000000;

}

 /* ---- CALENDAR --- */
/* Top Links */
.caltoplnks {margin:auto;border:1px #000000 solid;text-align:center;background-color:#c0c0c0;margin-bottom:20px}
/* TOP Year, Month, Category, Print */
.calymcat-container {width:100%;border:0px green solid;padding:20px 0px}
/* Month Selection */
.monthsel {display:inline;border:0px red solid;margin-right:20px;font-weight:bold}
.monthsel select {font-size:.9em;}
/* year selection*/
.yearsel {display:inline;border:0px red solid;margin-right:20px;font-weight:bold}
.yearsel select {font-size:.9em;}
/* category selction*/
.catsel {display:inline;margin-right:20px;font-weight:bold}
.catsel select {font-size:.9em;}

.printbut {float:right;border:0px red solid}

/*Month layout */
.monthtable {width:100%;background:#ffffff;}

/* days */
.daytitle {width:100px;text-align:center;background-color:#889687;color:#ffffff;font-weight:bold;padding:4px}
.day {border:1px #889687 solid;width:14%;/*height:100px;*/vertical-align:middle;text-align:center}
/* BOTTOM Statement, GOTO, PRINT */
.calstgtre-container {width:100%;border:0px green solid;margin:2em 0px;}
.calstatement {display:inline}
.calgo {display:inline;border:0px red solid;padding-left:6em}

/* Calendar List Page 
.event-date {font-size:1.1em;line-height:2em;border:0px black solid;font-weight:bold;padding-left:5px;background:#a9b3a8 url('images/green-grad.jpg') repeat-y ;color:#ffffff}
.date-event {border-bottom:1px #c0c0c0 dashed;margin:8px 0px;padding:4px;padding-left:25px}
.date-event a {display:block;text-decoration:none}
.date-b {font-weight:bold;border:0px red solid;float:left;width:260px}
.date-b::after {content: " | ";}
.date-b2 {float:left}*/
.clear {clear:both}

/* Event Details*/
/*.eventpad {padding-left:15px}
.evpdline {padding-left:15px;line-height:2em}
.evpdlinemar {margin-top:2em;margin-bottom:2em}
.eventlable {display:inline;font-weight:bold;font-size:1.2em}
.eventdtl {display:inline}
.eventremind {background-color:#b3beb2;max-width:400px;padding:10px}
.reminddiv {margin-top:30px;}*/
.txtlabel {float:left;width:50px;padding-bottom: 1em;}
.remtitle {font-weight:bold;}
.remsub {margin-top:5px;}
.remmess {font-style: italic;font-size:.8em;}

/* Event list inc */
.caldisbox {display:block;line-height:2em;border:1px #2e9832 dotted;margin-bottom:.5em;padding-left:.5em}
.caldisbox-date {float:left;margin-right:5px;width:70px;/*font-size:.9em*/}
.caldisbox-title {/*float:left;width:160px;font-size:.9em*/;padding-left:1em;margin-left: 4.5em;}
.callink {background:#666666;color:#ffffff}
.callink:hover {background:#202020;color:#ffffff}
.callink a:link, .callink a:visited {color:#ffffff;display:block;line-height:2em;text-align:center}

@media only screen and (min-width: 769px) and (max-width: 950px){
.caldisbox-date {float:left;margin-right:5px;width:70px;font-size:.9em}
.caldisbox-title {/*float:left;width:160px;*/font-size:.9em;padding-left:1em;margin-left: 4.5em;}	
	
}
/* Daily */
.ddate-pick {float:left;margin-right:10px;top:7px;}
.catsel_container {float:left;}
.sfm_form_label {background-color:transparent;}
/*.dtimeleft {float:left;padding-right:.5em}
.dspace {border:1px gray solid;margin-top:.3em;padding-left:.3em}*/

/* calendar months */
.month1 {
	background-image: url('images/january.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month2 {
	background-image: url('images/february.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month3 {
	background-image: url('images/march.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month4 {
	background-image: url('images/april.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month5 {
	background-image: url('images/may.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month6 {
	background-image: url('images/june.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month7 {
	background-image: url('images/july.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month8 {
	background-image: url('images/august.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month9 {
	background-image: url('images/september.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month10 {
	background-image: url('images/october.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month11 {
	background-image: url('images/november.png'); 
	background-repeat:no-repeat;
	height:50px;
}
.month12 {
	background-image: url('images/december.png'); 
	background-repeat:no-repeat;
	height:50px;
}

/* No Print class */
@media print {
.noPrint {
    display:none;
  }
 /*Month images will not print so replace with text*/ 
.month1 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month1::after {content: "January";}  
.month2 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month2::after {content: "February";}  
.month3 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month3::after {content: "March";}  
.month4 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month4::after {content: "April";} 
.month5 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month5::after {content: "May";}
.month6 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month6::after {content: "June";}
.month7 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month7::after {content: "July";}
.month8 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month8::after {content: "Augut";}
.month9 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month9::after {content: "September";}
.month10 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month10::after {content: "October";}
.month11 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month11::after {content: "November";}
.month12 {height:20px;color:#7F4014;font-weight:bold;font-size:1.5em;margin:5px 0px 15px 0px;}
.month12::after {content: "December";}
/*deal with printed links list calendar*/
.caleventlistdiv a:link {text-decoration:none;color:#000000;}
.caleventlistdiv2 a:link {text-decoration:none;color:#000000;}
/*deal with printed links block calendar*/
.day a:link {text-decoration:none;color:#000000;}
.day .eventprint {margin:7px;font-size:.8em;} 
/*deal with printed links daily calendar*/
.calevlink a:link {text-decoration:none;color:#000000;}
}