﻿.ariaHeading{
display:none;
}
hr.spacer{
display:block;
position:relative;
background:none;
border:0 none;
height:0px;
margin:10px 0;
width:100%;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
z-index:2000!important;
}

/*
============================================================================
    Events search
============================================================================ 
*/
.eventSearch > .searchInner{
background: #F7F8F7;
padding:10px;
}
.eventSearch .input-group{
margin-bottom:15px;
}
.sys_search-label{
display:none;
}
.searchInner .sys_search-query-control{
margin-top:20px;
margin-bottom:10px;
}
label.intranetCheck{
margin:0 20px 0 5px;
}
label.pastCheck{
margin-left:5px;    
}

/*
============================================================================
    Events advanced search
============================================================================ 
*/
#advancedSearch,
.clearSearch{
margin-bottom:10px;
display:inline-block;
}
.closeDiv > div{
border-top:3px solid #2583C0;
overflow:hidden;
}

/*
============================================================================
    Date Filters
============================================================================ 
*/

/*
============================================================================
    Switch view
============================================================================ 
*/
.viewSwitcher a:hover,
.eventsFilterTabs a:hover,
.viewSwitcher .sys_selected,
.eventsFilterTabs .sys_selected{
background:#2583c0;
color:#FFF;
}

/*
============================================================================
    Listing General
============================================================================ 
*/
#main{
margin-top:50px;
}
.listingMain{
margin-top:0px;
}
.listingMain .event{
margin-bottom:25px;
padding-bottom:25px;
border-bottom:1px solid #DDD;
}
.event .eventPreview img {
float:left;
max-width:120px!important;
}

/*
============================================================================
    Agenda view
============================================================================ 
*/
.contentSummary header time,
.eventDetail .content time{
font-weight:bold;
}
.contentSummary dl,
.eventDetail dl{
margin-bottom:25px;
}
.contentSummary dt,
.contentSummary dd,
.eventDetail dt,
.eventDetail dd{
line-height:24px;
}
.contentSummary dt,
.eventDetail dt{
width:100px;
float:left;
}
.contentSummary dd,
.eventDetail dd{
padding-left:100px;
}
.eventPreview p{
font-style:italic;
margin-top:10px;
}
.filtersOffCanvas{
position:fixed;
top:50%;
right:-10px;
background:#2583c0;
color:#FFF;
padding:10px 20px 10px 10px;
cursor:pointer;
font-size:16px;
font-weight:normal;
z-index:999;
border-radius:0;
}
.filtersOffCanvas:after{
content:"";
width:0;
height:0;
border-style:solid;
border-width:6px 8px 6px 0;
border-color:transparent #FFF transparent transparent;
position:absolute;
top:50%;
left:80%;
margin-top:-6px;
}
.filtersOffCanvas.canvas-slid:after{
border-width:6px 0 6px 8px;
border-color:transparent transparent transparent #FFF;
position:absolute;
top:50%;
left:80%;
margin-top:-6px;
}
.filtersRight.offcanvas{
border:0 none;
background:#f7f8f7;
}
.filtersBlock{
padding-left:0;
}
.offcanvas .filtersBlock ul{
width:100%;
padding:0;
}
.filtersBlock li{
margin-bottom:10px;
width:100%;
}
.filtersBlock li:before{
display:none;
}
.filtersBlock input{
float:left;
}
.filtersBlock label{
display:block;
padding-left:25px;
font-weight:normal;
}

/*
============================================================================
    Posterboard view
============================================================================ 
*/

/*
============================================================================
    Simple list view
============================================================================ 
*/

/*
============================================================================
    Event detail
============================================================================ 
*/
.detail,
.eventDetail{
margin-top:20px;
}
.eventDetail .content img {
float: right;
max-width: 150px!important;
margin-left:10px;
}
.detail .content header{
margin-bottom:10px;
}
#map{
border-bottom:3px solid #2583c0;
margin-top:20px;
position:relative;
width:100%;
}
.tog{
color:#fff;
background:#2583c0;
padding:5px 10px;
display:block;
position:absolute;
right:50px;
cursor:pointer;
}
#map.closed{
height:200px;
overflow:hidden;
transition:all 0.7s ease-in-out;
}
#map.closed > iframe{
position:relative;
top:-240px;
transition:all 0.7s ease-in-out;
}
#map.open{
height:700px;
}
#map.open > iframe{
top:0;
}
#map-canvas img{
max-width:none !important;
}
#map-canvas{
height:700px !important;
}   
#map.closed > #map-canvas{
position:relative;
top:-240px;
transition:all 0.7s ease-in-out;
}
#map.open > #map-canvas{
top:0;
}    

/*
============================================================================
    Featured Events
============================================================================ 
*/
.recHead{
margin:50px 0 10px;
}
.featEvent .squareBox{
background:#2583c0;    
}
.featEvent .squareBoxInner a span.squareBoxTitle{
font-size:18px;
line-height:22px;
letter-spacing:0;
}
.relDate{
font-size:14px;
padding:0 15px;
color:#FFF;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    
    /*
    ============================================================================
        Agenda view
    ============================================================================ 
    */
    .listingMain{
    margin-top:0px;
    padding-left:0;
    }
    .listingMain article aside{
    display: inline-block;
    border: 1px solid #cccccc;
    font-size: 12px;
    text-align: center;
    background: #f7f8f7;
    color: #4d4d4d;
    width: 105px;
    height: 80px;
    padding: 4px;
    }
    .listingMain article aside > time > span{
    display:block;
    font-size:30px;
    line-height:36px;
    color:#004a7c;
    font-weight:bold;
    }
    .contentSummary{
    /*min-height:100px;*/
    }
    .contentSummary header h3{
    margin-top:0;
    line-height:24px;
    font-size:16px;
    }
    .contentSummary header h3:hover{
    cursor:pointer;
    }
    
    .filtersRight.navbar-offcanvas{
    width:25%;
    }
	.filtersOffCanvas{
	display:none;
	}
    
    .filtersRight.navbar-offcanvas.offcanvas{
	position:static;
	display:block!important;
	height:auto!important;
	padding-bottom:0;
	overflow:visible!important;
	} 
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    /*
    ============================================================================
        Date Filters
    ============================================================================ 
    */ 
    .eventsFilterTabs button{
	display:none;
	}
	.eventsFilterTabs ul{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	display:block;
	overflow:hidden;
	position:relative;
	background:none;
	box-shadow:none;
	border:none;
    z-index:10;
	}
	.eventsFilterTabs ul li:before{
	border:none;
	}
	.eventsFilterTabs ul li{
	display:block;
	float:left;
	padding:0;
	margin:0;
	}
	.eventsFilterTabs .dropdown-menu > li > a{
	display:block !important;
	background:#f7f8f7;
	padding:8px 14px;
	color:#1e82c2;
	font-size:14px;
	font-weight:700;
	width:auto;
	margin:0 !important;
	}
	.eventsFilterTabs ul li a:hover,
    .eventsFilterTabs ul li a:focus,
    .eventsFilterTabs ul li.sys_selected a{
	background:#dededd;
	color:#222;
	}
	.sys_events-search-control{
	display:none;
	}
	.eventsFilterTabs{
	overflow:hidden;
	}    
    /*
    ============================================================================
        Switch view
    ============================================================================ 
    */
    .viewSwitcher{
   
    }
    
    
    /*
    ============================================================================
        Listing General
    ============================================================================ 
    */

    /*
    ============================================================================
        Agenda view
    ============================================================================ 
    */

    
    .listingMain.archive .event:hover .contentSummary,
    .listingMain.archive .event:focus .contentSummary{
    background:#f4f8fa;
    transition:all 0.3s ease-in-out;
    }
    .listingMain .event.open:hover .contentSummary,
    .listingMain .event.open:focus .contentSummary{
    background:none;
    }
    
    /*
    ============================================================================
        Posterboard view
    ============================================================================ 
    */
    
    /*
    ============================================================================
        Simple list view
    ============================================================================ 
    */    
    
    
    /*
    ============================================================================
        Event detail
    ============================================================================ 
    */
    .detail{
    margin-top:0;
    }
    .event-details-list li span{
    width:100px;
    display:inline-block;
    font-weight:bold;
    }
    .event-details-list li{
    line-height:26px;
    }
    .eventDetail h1{
    margin-top:0
    }
    .eventDetail .content{
    padding-left:20px;
    }


    /*
    ============================================================================
        Featured Events
    ============================================================================ 
    */
    /*
    .relatedEvents{
    background:#1e82c2;
    min-height:180px;
    padding:20px;
    }
    .featEvent h3{
    font-size:18px;
    margin:0;
    }
    .featEvent h3 a{
    color:#FFF;
    }
    .readmore a{
    bottom:20px;
    position:absolute;
    right:30px;
    color:#FFF;
    }
    */


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*loader*/

#floatingCirclesG{
position:relative;
width:128px;
height:128px;
margin: 30px auto;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}
.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.96s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.96s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.96s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:0.96s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:0.96s;
animation-iteration-count:infinite;
animation-direction:linear;
}
#frotateG_01{
left:0;
top:52px;
-moz-animation-delay:0.36s;
-webkit-animation-delay:0.36s;
-ms-animation-delay:0.36s;
-o-animation-delay:0.36s;
animation-delay:0.36s;
}
#frotateG_02{
left:15px;
top:15px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}
#frotateG_03{
left:52px;
top:0;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}
#frotateG_04{
right:15px;
top:15px;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}
#frotateG_05{
right:0;
top:52px;
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}
#frotateG_06{
right:15px;
bottom:15px;
-moz-animation-delay:0.96s;
-webkit-animation-delay:0.96s;
-ms-animation-delay:0.96s;
-o-animation-delay:0.96s;
animation-delay:0.96s;
}
#frotateG_07{
left:52px;
bottom:0;
-moz-animation-delay:1.08s;
-webkit-animation-delay:1.08s;
-ms-animation-delay:1.08s;
-o-animation-delay:1.08s;
animation-delay:1.08s;
}
#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-o-animation-delay:1.2s;
animation-delay:1.2s;
}
@-moz-keyframes f_fadeG{
    0%{background-color:#2582C0;}
	100%{background-color:#FFFFFF;}
}
@-webkit-keyframes f_fadeG{
	0%{background-color:#2582C0;}
	100%{background-color:#FFFFFF;}
}
@-ms-keyframes f_fadeG{
	0%{background-color:#2582C0;}
	100%{background-color:#FFFFFF;}
}
@-o-keyframes f_fadeG{
	0%{background-color:#2582C0;}
	100%{background-color:#FFFFFF;}
}
@keyframes f_fadeG{
	0%{background-color:#2582C0;}
	100%{background-color:#FFFFFF;}
}


/* AddThisEvent theme CSS
---------------------------------------------------------------------- */

/* General */
.addthisevent 							{visibility:hidden;}
.addthisevent span 						{display:none!important;}
.addthisevent .data 					{display:none!important;}

/* The button */
.addthisevent-drop 						{width:170px;display:inline-block;position:relative;text-align:center;z-index:10;background:#2583C0;cursor:pointer;color:#fff!important;font-size:15px;font-weight:300;text-decoration:none;padding:5px 10px 5px 5px;display: block;    margin: 20px 0;}
.addthisevent-drop:hover 				{color:#fff;font-size:15px;text-decoration:none;background-color:#20415D;}
.addthisevent-drop:active 				{top:1px;}
.addthisevent-drop .arrow 				{width:15px;height:10px;position:absolute;top:50%;right:15px;margin-top:-5px;background:url(/NewGenerationSite/i/SeminarsAndEvents/icon-arrow-t1.png) no-repeat;}
.addthisevent-selected 					{background-color:#20415D;}

/* The drop down */
.addthisevent_dropdown 					{width:215px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:2px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span 			{display:block;line-height:100%;background:#fff;text-decoration:none;font-size:14px;color:#333;padding:9px 10px 9px 40px;}
.addthisevent_dropdown span:hover 		{background-color:#f4f4f4;color:#000;text-decoration:none;font-size:14px;}
.addthisevent_dropdown em 				{color:#999!important;font-size:12px!important;}
.addthisevent_dropdown .frs 			{background:#fff;color:#cacaca!important;cursor:pointer;font-size:9px!important;font-style:normal!important;font-weight:normal!important;line-height:110%!important;padding-left:10px;position:absolute;right:10px;text-align:right;text-decoration:none;top:5px;z-index:101;}
.addthisevent_dropdown .frs:hover 		{color:#999!important;}
.addthisevent_dropdown .ateappleical 	{background-image:url(/NewGenerationSite/i/SeminarsAndEvents/dropdown-apple-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addthisevent_dropdown .ateoutlook 		{background-image:url(/NewGenerationSite/i/SeminarsAndEvents/dropdown-outlook-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addthisevent_dropdown .ateoutlookcom 	{background-image:url(/NewGenerationSite/i/SeminarsAndEvents/dropdown-outlook-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addthisevent_dropdown .ategoogle 		{background-image:url(/NewGenerationSite/i/SeminarsAndEvents/dropdown-google-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addthisevent_dropdown .ateyahoo 		{background-image:url(/NewGenerationSite/i/SeminarsAndEvents/dropdown-yahoo-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addthisevent_dropdown .atefacebook 	{background-image:url(/NewGenerationSite/i/SeminarsAndEvents/dropdown-facebook-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addthisevent_dropdown .copyx 			{height:21px;display:none;position:relative;cursor:default;}
.addthisevent_dropdown .brx 			{height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;right:10px;top:9px;}