#calbanner
 {
    height:126px;
    padding-bottom:0;
    background-image: url('/DesktopModules/OCFL/CountyCalendar/Images/ocgsmCountyCalendar.png'); 
    background-repeat:repeat; 
    text-align: center;
    font-size: 2.2em;
    color: #035594;
    display: table;
    width: 100%;
   }
 

#calbanner span {
    vertical-align:middle;
    display: table-cell;    
}

.calcontentbody {
    /* margin-left: 12px;  */
    width: 100%;
}

.classiccontentbody {
    /* margin-left: 12px; */
    width: 100%;
}

.circlearea
{
     width:44px; 
     height: 44px; 
     background-image:url('/DesktopModules/OCFL/CountyCalendar/Images/ocgcircle.png'); 
     background-repeat:no-repeat;
     position: relative;
     /*margin-top:3px;*/
     margin-left:8px;
     float:left
 }
 
.circle
{
     position: absolute;
     display: table;
}

.circle p
{
     width:44px; 
     /*height: 44px; */
     padding-top: 8px;
     display: table-cell ;
     vertical-align: middle;
     text-align: center;
     color: #ffffff;
     font-size: 0.8em;
     font-weight: bold;
     line-height: 10pt;
}

 .eventwrapper 
 {
    margin-bottom: 15px;
    width:100%; 
    border: solid 1px #B5DAE2; 
    border-collapse:collapse;    
 }
  
.eventdetailswrapper {min-height:50px;margin-top:5px;}
  
.eventtitle, .eventdetailstitle
{
   font-weight:bold;
   min-height:20px; 
   background-color:#B5DAE2;   
}

.eventtitletext{padding-left:60px;   display: block;}
   
.eventtitle a, .eventdetailstitle a
{
   color:#000000 !important;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
}

.eventdetails
{
    font-size: 12px; 
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 60px; 
}

.eventdetailslabel {color: #C95100; font-weight: bold; padding-right: 5px;}

.eventdetailsfooter
{
     border-top: dashed 1px #000 ;
     padding: 5px;
     font-size: 12px; 
     font-family: Arial,Helvetica,sans-serif;
}

.eventdocumentsA
{
    cursor: pointer; 
    display:inline-block;
    vertical-align: middle;
    color: Navy;
}

.eventdocumentsUL {
    margin-top:0px;
    margin-left: 20px;
}

.eventdocumentsUL li {
    margin-top:5px;
    margin-bottom: 5px; 
}

.eventdetailsfooter  a
{
    padding: 2px 0px 0px 22px;
    margin-right: 5px;
    color: navy;
    cursor: pointer;
}

.eventdetailsfooter legend {
    font-size: 1.1rem;
}

.signupA
{
     background-image: url('/DesktopModules/OCFL/CountyCalendar/Images/ocgcheckbox.gif');  
     /* margin-left: 10px; */
     background-repeat: no-repeat;
     display: inline-block;
 }

.notifyA
{
     background-image: url('/DesktopModules/OCFL/CountyCalendar/Images/ocgtalk.gif'); 
     padding-bottom: 5px;
     background-repeat: no-repeat;
     display: inline-block;
}

.downloadA
{
     background-image: url('/DesktopModules/OCFL/CountyCalendar/Images/ocgdownload.gif'); 
     padding-bottom: 5px;
     background-repeat: no-repeat;
     display: inline-block;
}

.emailA
{
     background-image: url('/DesktopModules/OCFL/CountyCalendar/Images/ocgemail.gif'); 
     padding-bottom: 5px;
     background-repeat: no-repeat;
     display: inline-block;
}

.printA
{
     background-image: url('/DesktopModules/OCFL/CountyCalendar/Images/ocgprint.gif'); 
     padding-bottom: 5px;
     background-repeat: no-repeat;
     display: inline-block;
}

.email-reminder{margin: 10px;}

#mail-confirmation-msg
{
    
    /*display:block;
    margin: 10px 5px 5px 60px; 
    */
    font-weight:bold;
}

/* .dayheader {width: 240px; display:inline; font-weight: bold; white-space:nowrap;} */
.dayheader {display:inline; font-weight: bold; white-space:nowrap;} 

.searchheader
{ 
    display: table-cell;
    vertical-align: middle;
    text-transform:capitalize; 
    font-size: 12pt; 
    font-weight: bold;
    padding-bottom:2px;    
}

.ellipsisinline
{
    float:right;
    margin-right: 10px;
    /* width: 340px; */
    min-height: 0px;
    max-height: 25px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}


.ellipsisnewline
{ 
    /* width: 625px; */
    /* min-height: 0px; */
    /* max-height: 25px; */
    overflow: hidden; 
    white-space:nowrap;
    text-overflow: ellipsis; 
} 

/*#container {overflow: hidden;}*/

.calbuttonlink
{
    margin-top:5px;
    margin-bottom:5px;
    width: 184px; 
    height:31px;
    line-height: 30px;    
    background-image: url(/DesktopModules/OCFL/CountyCalendar/Images/ocgButtons.png);
    background-repeat: no-repeat;
    text-align:center;
    text-decoration: none !important;    
    font-style: italic;
    font-weight: bold;
    color: White !important;
    display: inline-block
}

.calbuttonlink:hover
{
    background: url(/DesktopModules/OCFL/CountyCalendar/Images/ocgButtons.png) 0 -31px;
    width: 184px; 
    height:31px
}

.calweeknav {float:right; padding-bottom:10px;}

.calweeknav a {color: #2f2fe5 !important; padding-right:3px; padding-left:3px; font-weight:bold;}

/* BEGIN: Styles for Traditional Calendar */
table.classicvwtable {
	font-family: arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
	line-height: 15px;
}

table.classicvwtable th {
	padding: 8px;	
	/*border-color: #666666;border-style: solid;border-width: 1px;*/
	background-color: #B5DAE2;
	text-align: center;
	color: #336699;
	font-size: 14px;
}

table.classicvwtable td {	
	padding: 5px;
	border: solid 1px #666666;
	background-color: #ffffff;
}

.classicvwweek 
{
    font-weight:bold; 
    color: #336699; 
    border-bottom: solid 1px #666666 !important; 
    border-left: solid 1px #666666 !important; 
    border-right: solid 1px #666666 !important; 
    border-collapse: collapse; 
}
.classicvwnav 
{
    font-weight:bold; 
    color: #336699; 
    border-top: solid 1px #666666 !important; 
    border-left: solid 1px #666666 !important; 
    border-right: solid 1px #666666 !important; 
    border-collapse: collapse; 
}

.classicvwmonth {text-align:center; font-size: 20px !important; text-transform:uppercase;}

.classicvwday {float:right; font-size:16px; font-weight:bold; font-style:italic; color:#336699;}

.classicvwtime {font-weight:bold;width:50px;}

.classicvwevent {padding-bottom:2px;position:relative;}

.classicvwevent a  {color:#333333 !important;}

/*
.classicvwevent {cursor:pointer;}
.classicvwevent:hover .popquickview, .classicvwevent .popquickview:hover {display:block;}
.classicvwevent {padding-bottom:2px; position:relative;}
*/

.classicvweventcell {height:100px;width:100px;vertical-align:top;}

.classicvwtoday {height:100px;width:100px;vertical-align:top; background-color:#C2E0FF !important;}


.quickview
{    
    padding: 5px;
    background-color:#f4f4f4; /*#FAFAFA;*/
    color:#000000;
    font-size: 12px;
    line-height: 20px;
    width:100%;    
    border:1px solid #CCCCCC;    
    display: none;     
    POSITION:absolute;
    z-index: 200;
}

.quickviewheader 
{
    width:100%;
    color:#525252;
    font-weight:bold;
    margin-bottom: 5px;
    border-bottom:dashed 1px black;
}
/* END: Styles for Traditional Calendar */

.fielderror {color:red;}

.col-left {
    padding-top: 0 !important;
}

.bbsections table {
    text-align: center !important;
}

@media only screen and (max-width: 996px) {
     .calbuttonlink {
        display: none;
     }
}