#CAL .calsearchBTN {
    border-style: none;
    padding: 5px 0 5px 0;
    background-color: #b33425 !important;
    color: #fff !important;
    font-size: 91%;
    text-decoration: none;
    font-family: Oswald, 'sans-serif !important';
    cursor: pointer;
}




.CAL_contain{
    margin-top:0 !Important;

}


#CAL .resultsCAL{
    margin:0 0 0 0; 


}


#CAL {
     font-family: 'Karla', sans-serif;
    width:100%;
}

.locline {
         
         color:#888;font-size:80% !Important;
    }




#CAL .introtext {
    font-size:90%;line-height:130% !Important;margin-top:4px;font-weight:normal;
}

#CAL .resultsTEXT {
      font-size:120%;
    

        
}


#CAL .resultsTEXT2 {
     

 

        
}


#CAL .results{
margin:10px auto 10px auto;

}






#CAL .listlineabovebelow2 {
  border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d8d8d8;
}


#CAL .pagecontrols{
 text-align:center;margin:20px 0 25px 0;
}

#CAL .thumb{
    float:left;
  width:100px;margin:0 5px 3px 0;
}



#CAL a.btncss{
 color:#333;
}

  .PagerNormal
      {
        font-size: 100%;
        color: #0066CF;
        border: solid 1px #778899;
        padding: 1px 6px;
        text-decoration:none;
      }
      .PagerCurrent
      {
      	font-size: 100%;
      	border: solid 1px #778899;
        padding: 1px 6px;
        background-color: #FFD700;
      }


#CAL .datetext{
    font-size:100%;
   
}
#CAL .ffdates {
    width:120px;
    font-size:90% !Important;
}
#CAL .ffdates2 {
    width:160px;
    font-size:90% !Important;
}

#CAL .ffsearch {
    width:180px;
    font-size:90% !Important;
}

.calendarext {
    border:1px solid #646464;
    background-color: #dddddd;
    color: #000;
    font-size:100% !Important;
}


#CAL .ctrl_group {
    font-size:120%;
    font-family: 'Oswald', sans-serif !Important; color:#333 !Important;
}





#CAL ul {
    margin: 0px 0 0 10px;
    padding: 0 0 0 0;
}






#CAL a.lbcolor:link {
      color:#333 !Important;
}

#CAL .textsmallcal {
    color: #333 !important;
    font-size: 75%;
    font-style: italic;
    margin-left:5px;

}

#CAL .daterange {
    font-size: 95%;
    margin-top: 2px;
    color: #0066CF;
    margin-bottom: 0px;
    text-transform: uppercase;
}


#CAL .resultscontainer {
    max-width: 900px;
}
#CAL h3 {
    font-size:100%;padding:0 !important;margin:0 !Important;line-height:100% !important;
}

#CAL .selected {
    background-color:#b33425;
    color:#fff !Important;
}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */





.diver {
    width: 100px;
    height: 100px;
    background-color: red;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: 4;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}

/* Standard syntax */
@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}






  
/*==============================================================  >>>> 768  ================================*/
@media (min-width: 768px) {
#CAL .container {
    display: table;max-width:760px;margin:0 0 10px 0;padding:0 !important;
}

#CAL .ctrl_group {
    font-size:120%;
    font-family: 'Oswald', sans-serif !Important; color:#333 !Important;
}

#CAL .ctrl_group3 {
    font-size:120%;
    font-family: 'Oswald', sans-serif !Important; color:#333 !Important;
}

#CAL li {
    margin: 0 0 0 15px;
    padding: 0 0 0 0;    color:#333;font-size:95%;
}




#CAL .checkboxlist {
      font-family: 'Karla', sans-serif;
      font-size:90%; color: #333 !important;
      padding:0;margin:0;
}


#CAL .sidebar {
    width: 375px;
    display: table-cell;
     float: none;
       padding: 2px 5px 11px 0;
    vertical-align: top;
}

#CAL .controlbar {
    border: 1px solid #bbb;
    margin: 10px 0 0 0;
    padding: 15px 10px 10px 10px;
    background-color: #eee;
    max-width: 765px; 
}


#CAL .nointerests_width {

    max-width: 600px !Important; 
}



#CAL .main {
    width: 375px;

    display: table-cell;   float: none;
    padding: 2px 0 2px 0;
    vertical-align: top;
}
#CAL .spacer{
    width: 10px;

    display: table-cell;   float: none;
    padding: 0px;
 
}
#CAL .box {
  
    padding:5px 5px 5px 10px;
  min-height:120px;
    background-color:#fff;
   -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
        -webkit-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    opacity: .90; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=90); /* IE lt 8 */
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    -khtml-opacity: .90; /* Safari 1.x */
    -moz-opacity: .90; /* FF lt 1.5, Netscape */
}



#CAL .box2 {
  
    padding:10px;
  text-align:left;
    background-color:#fff;
   -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
        -webkit-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    opacity: .85; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=85); /* IE lt 8 */
    -ms-filter: "alpha(opacity=85)"; /* IE 8 */
    -khtml-opacity: .85; /* Safari 1.x */
    -moz-opacity: .85; /* FF lt 1.5, Netscape */
}

#CAL .tinytextCAL{
    margin-top:11px;font-size:80%;
}


}








/*==============================================================  <<<<< 768 ================================*/
@media only screen and (max-width: 767px) {

#CAL .controlbar {
    border: 1px solid #999999;
    margin: 5px 0 0 0 ;
    padding: 5px;
    background-color: #fff;

}

#CAL li {
    margin: 1px 0 0 15px;
    padding: 0 0 0 0;    color:#333;font-size:110%;
}




#CAL .checkboxlist {
      font-family: 'Karla', sans-serif;
      font-size:110%; color: #333 !important;
      padding:0;margin:0;
}


#CAL .ctrl_group {
    font-size:140%;
    font-family: 'Oswald', sans-serif !Important; color:#333 !Important;
    margin-top:10px;
}

#CAL .ctrl_group3 {
    font-size:130%;
    font-family: 'Oswald', sans-serif !Important; color:#333 !Important;margin-top:10px;
}

#CAL .tinytextCAL{
    margin-top:11px;font-size:100%;
}

#CAL .container {
   
        max-width: 767px;
        margin: 0 0 10px 0;
        padding: 0 !Important;
    }
#CAL .sidebar {
    width: 375px;
 
     float: left;
       padding: 2px 0 2px 0;
    vertical-align: top;
}



#CAL .main {
    width: 375px;

     float: left;
    padding: 2px 0 2px 0;
    vertical-align: top;
}
#CAL .spacer{
    width: 10px;

    display: none;

 
}
#CAL .box {
  
    padding:0;
  
    background-color:#fff;

}



#CAL .box2 {
  
    padding:10px;
  text-align:left;
    background-color:#fff;
  
}

}