.clear { clear:both; }
.clearzero { clear:both; height:0; }
.cleareven { clear:both; height:8px; }

.agenda_key_box { margin:0; padding:0.5em;}
.agenda_key_box_title { margin:1px; cursor:pointer; position:relative; background:#ffffff; border:1px #bbbbbb solid; color:#357dce;  }
.agenda_key_box p { margin:0; }
.agenda_key_box_title { padding:0.5em; }
.agenda_key_title { padding:0.5em; }

#desc_bg { padding:0; background: url("//www.ciosummits.com/media/summit_sites/gamma/images/1x1_50.png") repeat; }

.agenda_key_drop{
	display:none;
}	
.agenda_key_drop.toggled-on{
	display:block;
	position:relative;
	padding:8px 0 0 0;
}



.agenda_key_keynote 			{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #74c493 solid; border-left:12px #74c493 solid; color:#222222; }
.agenda_key_executive_visions 	{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #e2975d solid; border-left:12px #e2975d solid; color:#222222; }
.agenda_key_thought_leadership 	{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #e4bf80 solid; border-left:12px #e4bf80 solid; color:#222222; }
.agenda_key_think_tank 			{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #fdf59d solid; border-left:12px #fdf59d solid; color:#222222; }
.agenda_key_roundtable 			{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #be5168 solid; border-left:12px #be5168 solid; color:#222222; }
.agenda_key_focus_group 		{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #ffcccc solid; border-left:12px #ffcccc solid; color:#222222; }
.agenda_key_analyst_q_a 		{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #9999ff solid; border-left:12px #9999ff solid; color:#222222; }
.agenda_key_vendor_showcase 	{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #cacaca solid; border-left:12px #cacaca solid; color:#222222; }
.agenda_key_case_study 			{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #afdde5 solid; border-left:12px #afdde5 solid; color:#222222; }
.agenda_key_executive_exchange 	{ margin:8px 8px 0 8px; padding:8px; background:#eeeeee; border:2px #222222 solid; border-left:12px #222222 solid; color:#222222; }
.agenda_key_open_forum_lunch	{ margin:8px 8px 0 8px; padding:8px; background:#cccccc; border:2px #ffffff solid; border-left:12px #ffffff solid; color:#222222; }
.agenda_key_networking 			{ margin:8px 8px 0 8px; padding:8px; background:#cccccc; border:2px #ffffff solid; border-left:12px #ffffff solid; color:#222222; }

.agenda_key_title { font-weight:bold; font-size:1em; padding:0.25em 0; margin:0; }

.tooltip {
    position: relative;
    display: inline-block;
	border-bottom: 1px dotted black;
	cursor: help;
}

.tooltip .tip-content {
    visibility: hidden;
    width: 320px;
	height:175px;
    color: #fff;
    text-align: center;
	border:1px solid #646464;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 100px; 
    margin-left: -200px; /* Use half of the width (120/2 = 60), to center the tooltip */
	-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 1);
    -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 1);
    box-shadow:2px 2px 10px rgba(0, 0, 0, 1);
}

.tooltip:hover .tip-content {
    visibility: visible;
}

.video-tooltip {
    position: relative;
    display: inline-block;
	border-bottom: 1px dotted black;
	cursor: pointer;
}

		
.agenda_key_heading { font-style:italic; padding:0.25em 0; margin:0; }
.agenda_key_short_desc { font-size:0.75em; }
.agenda_key_long_desc { font-size:0.8em; display:none; }


.agenda_day_wrapper { padding:8px; background: rgba(0, 0, 0, .5); margin:0 0 1em 0; }
.agenda_day_wrapper p { font-size:0.8em; line-height:128%; padding:0.25em 0.5em; text-align:left; }
.agenda_day_wrapper ul,.agenda_day_wrapper ol { font-size:0.8em; line-height:128%; text-align:left; }

	
.cfs_agenda a {
    vertical-align: middle;
    margin: 0.5em 0;
    padding: 1em 2em 1em 3.5em !important;
    background: url(../images/cfs_icon_2.png) no-repeat;
    background-position: left center;
    border: 1px solid #888888;
	border-left: 6px solid #888888;
    display: inline-block;
	}	
	
.cfs_agenda a:hover {
    vertical-align: middle;
    margin: 0.5em 0;
    padding: 1em 2em 1em 3.5em !important;
	background: url(../images/cfs_icon_2.png) no-repeat rgba(0, 0, 0, .2);
    background-position: left center;
    border: 1px solid #888888;
	border-left: 6px solid #888888;	
    display: inline-block;
	}		


.agenda_day { padding:0; margin:0.5em 0; }

.agenda_timeslot_wrapper { margin:1.25em 0 0 0; clear:both; }

p.agenda_time { font-size:1em; padding:0; margin:0; color:#f2f2f2; font-weight:bold;}
.agenda_title { font-weight:bold; font-size:1em; padding:0.25em 0; margin:0; }
.agenda_heading { font-style:italic; padding:0.25em 0; margin:0; }
.agenda_short_desc { font-size:0.75em; }
.agenda_long_desc { font-size:0.8em; display:none; }

.agenda_keynote 			{ margin:0px; padding:8px; background:#eeeeee; border:2px #74c493 solid; border-left:12px #74c493 solid; color:#222222; }
.agenda_executive_visions 	{ margin:0px; padding:8px; background:#eeeeee; border:2px #e2975d solid; border-left:12px #e2975d solid; color:#222222; }
.agenda_thought_leadership 	{ margin:0px; padding:8px; background:#eeeeee; border:2px #e4bf80 solid; border-left:12px #e4bf80 solid; color:#222222; }
.agenda_think_tank 			{ margin:0px; padding:8px; background:#eeeeee; border:2px #fdf59d solid; border-left:12px #fdf59d solid; color:#222222; }
.agenda_roundtable 			{ margin:0px; padding:8px; background:#eeeeee; border:2px #be5168 solid; border-left:12px #be5168 solid; color:#222222; }
.agenda_focus_group 		{ margin:0px; padding:8px; background:#eeeeee; border:2px #ffcccc solid; border-left:12px #ffcccc solid; color:#222222; }
.agenda_analyst_q_a 		{ margin:0px; padding:8px; background:#eeeeee; border:2px #9999ff solid; border-left:12px #9999ff solid; color:#222222; }
.agenda_vendor_showcase 	{ margin:0px; padding:8px; background:#eeeeee; border:2px #cacaca solid; border-left:12px #cacaca solid; color:#222222; }
.agenda_case_study 			{ margin:0px; padding:8px; background:#eeeeee; border:2px #afdde5 solid; border-left:12px #afdde5 solid; color:#222222; }
.agenda_executive_exchange 	{ margin:0px; padding:8px; background:#eeeeee; border:2px #222222 solid; border-left:12px #222222 solid; color:#222222; }
.agenda_open_forum_lunch	{ margin:0px; padding:8px; background:#cccccc; border:2px #ffffff solid; border-left:12px #ffffff solid; color:#222222; }
.agenda_networking 			{ margin:0px; padding:8px; background:#cccccc; border:2px #ffffff solid; border-left:12px #ffffff solid; color:#222222; }

.agendaright { float:right; }

.agenda_presenter_details { }
.agenda_presenter_logo { float:left; display:block; margin:0 1em 0 0; padding:0; }
.agenda_presenter_name { display:block; margin:0; padding:0 ; }
.agenda_presenter_name a { border-bottom:1px dotted; }

.img  { border:1px solid #cccccc; }

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.agenda_grid_1,
.agenda_grid_2,
.agenda_grid_3,
.agenda_grid_4,
.agenda_grid_5,
.agenda_grid_6,
.agenda_grid_7,
.agenda_grid_8,
.agenda_grid_9,
.agenda_grid_10,
.agenda_grid_11,
.agenda_grid_12
.grid_key_width {
	margin:1% 0;
	text-align:center;
	display:block;
}

.agenda_grid_20 { width: 20%; float:left; display: block; margin:0; padding:0; }
.agenda_grid_25 { width: 25%; float:left; display: block; margin:0; padding:0; }
.agenda_grid_33 { width: 33%; float:left; display: block; margin:0; padding:0; }
.agenda_grid_50 { width: 50%; float:left; display: block; margin:0; padding:0; }

#video-modal {
	position:fixed;
	z-index:2000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.75);
	display:none;
}

.agendaVideoWrapper {
	max-width:750px;
	margin:0 auto;
	padding:200px 0;	
}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 900px) {
	
	/*GRID*/
/*
 & Columns : 12 

 */
.agenda_grid_1 { width: 5%; }
.agenda_grid_2 { width: 13.333333333333%; }
.agenda_grid_3 { width: 21.666666666667%; }
.agenda_grid_4 { width: 30%; }
.agenda_grid_5 { width: 38.333333333333%; }
.agenda_grid_6 { width: 48%; }
.agenda_grid_7 { width: 55%; }
.agenda_grid_8 { width: 63.333333333333%; }
.agenda_grid_9 { width: 71.666666666667%; }
.agenda_grid_10 { width: 80%; }
.agenda_grid_11 { width: 88.333333333333%; }
.agenda_grid_12 { width: 98%; }

.grid_key_width { width: 46.666666666667%; } 

.agenda_grid_1,
.agenda_grid_2,
.agenda_grid_3,
.agenda_grid_4,
.agenda_grid_5,
.agenda_grid_6,
.agenda_grid_7,
.agenda_grid_8,
.agenda_grid_9,
.agenda_grid_10,
.agenda_grid_11 {
	margin: 0 1% 1% 1%;
	float: left;
	display: block;
	text-align:left;
	padding-bottom:32em; margin-bottom:-32em;
}

.agenda_grid_12 {
	margin: 1%;
	display: block;
	text-align:left;	
	clear:both;
}

.agenda_timeslot_wrapper .tooltip .tip-content {
    margin-left: -50px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip .tip-content {
    width: 400px;
	height:225px;
    left: 4em; 

}