@charset "utf-8";
/* COMMON STYLES */

/* layout sizes */
.full { margin:0;  padding:0; float:left; width:970px; clear:both;}
.twothirds { margin:0;  padding:0; float:left; width:646px;}
.onethird { padding:0; float:left; width:323px;}

.half { margin:0;  padding:0; float:left; width:485px;}
.quarter { margin:0;  padding:0; float:left; width:242px;}
.threequarters { margin:0;  padding:0; float:left; width:727px;}

/* content boxes */
.article { margin:0 0 8px 0; padding:4px 35px 16px 35px; text-align:justify;}
.gadget { margin:0 0 8px 0; padding:0px 12px 8px 15px;}

.padleft { margin-left: 8px; }
.padright { margin-right: 8px; }
.padded { margin-left: 8px; margin-right: 8px; }

.article, .gadget { border:2px solid #e3e3e3; background-color:#fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}

.article a, .gadget a { text-decoration:none; color:#006699; }
.article a:hover, .gadget a:hover { text-decoration:underline; }

.article h4 { margin: 0px; }

.comment { margin:0; padding:16px 0 0 0;}
.comment img { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

.clr { clear:both; }

/* lists */
/*ul { margin:0; padding:0; list-style:none; color:#959595; font-family: verdana; font-size:7.5pt;}
ul li { margin:0; padding:0px 0 3px 12px;}
ul li a { color:#5f5f5f; text-decoration:none; margin-left:-12px; padding-left:12px; background:url(images/li.gif) no-repeat left center;}
ul li a:hover { text-decoration:none;}
ul li ul { list-style:none; margin:0; padding:0; }
ul li ul li { margin-left:5px; padding:3px 0 0 12px;}
ul li ul li a { background:url(images/li2.gif) no-repeat left center;}*/

/* images */
.fl { margin:0 0 8px 0; float:left;}
.fr { margin:0 0 8px 0; float:right;}
.border { padding:3px; border:1px solid #666666; background-color:#eeeeee;}
.textcenter { text-align:center; }
.thumbnail { margin-right: 8px; height:115px; overflow:hidden; font-family: verdana; font-size:7.5pt; color: #666666;}
.round { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

input.text { border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
textarea { border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}


/* page items */
.dateline { margin-bottom: 0px; color:#747474; line-height: 1.5em; }
.small { font-family:verdana; font-size:7.5pt; text-decoration:none; line-height: 1.5em;}
.small p { margin-bottom: 3px; padding-bottom: 3px;}
.breadcrumbs { margin-top: 0; padding: 0 15px 0 0; color:#747474; float:right; padding-top:3px;padding-bottom:3px; width:750px; text-align:right; overflow:hidden;}
.breadcrumbs a { color:#cccccc; text-decoration:none; }
.breadcrumbs a:hover { text-decoration:underline; }
.results { margin:0; padding: 0; line-height: 1.2em;}

.odd { background-color:#eeeeee; }
.even { background-color:none; }

.caption { text-align: center; font-family: verdana; font-size: 7.5pt; line-height: 1.2em; color:#8D8D8D; margin-bottom: 5px; }

/* tables */
table.small { font-family:verdana; font-size:7.5pt; text-decoration:none; padding:0px; border-collapse:collapse; }
table.small td { padding: 1px; margin:0px; line-height:1.8em; }
table.small td p { font-family:verdana; font-size:7.5pt; line-height:1.4em; }

/* Forms */
#form-label { float:left; width:200px; font-family:verdana; font-size:7.5pt; color: #5B5B5B; margin-right: 10px;}
#form-item { float:left; width:400px; font-family:verdana; font-size:7.5pt; color: #5B5B5B; margin-bottom: 5px; }
#form-item span { color:#0099CC; }
#form-item input { font-family:verdana; font-size:8.5pt; color: #486371; }
#form-heading { float: left; color:#0099CC; width: 600px; font-weight: bold; margin-bottom: 5px;};




/* TEXTBLOCK LAYOUTS */
.textblockFlex { width:100%; margin-bottom:10px; }
.textblockFlex .padding { padding:5px; }
.textblockFlex .text { width:100%; }
.textblockFlex .image { float:right; width:33%; margin-left:10px; border:1px solid #000000; padding:5px; background-color:#EFEFEF;}
.textblockFlex .image img { width:100%;  }
.textblockFlex h2 { margin-top:0; padding-top:0; text-align:left; }
.textblockFlex h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt;}

.textblockFlex .border { border:1px solid #DDD; background-color:#FFF; }
.textblockFlex table { border-collapse:collapse; text-align: left; }
.textblockFlex td { padding:1px; margin:0; font-family:arial; font-size:8pt; }


.textblock0 { width:100%; margin-bottom:10px; }
.textblock0 .padding { padding:5px; }
.textblock0 .text { width:100%; font:normal 12px/1.5em Arial, Helvetica, sans-serif; }
.textblock0 .image { float:right; width:33%; margin-left:10px; border:1px solid #000000; padding:5px; background-color:#EFEFEF;}
.textblock0 .image img { width:100%;  }
.textblock0 h2 { margin-top:0; padding-top:0; text-align:left; }
.textblock0 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt;}

.textblock1 { width:100%; margin-bottom:10px; }
.textblock1 .padding { padding:5px; }
.textblock1 .text { float:right; width:34%; }
.textblock1 .image { float:left; width:64%; }
.textblock1 .image img { width:100%; }
.textblock1 h2 { margin-top:0; padding-top:0; text-align:left;}
.textblock1 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt;}

.textblock2 { width:32%; margin-bottom:20px; float:left; padding-left: 1%; }
.textblock2 .border { height:100%; }
.textblock2 .padding { padding:5px; }
.textblock2 .text {}
.textblock2 .image { width: 100%;}
.textblock2 .image img { width:100%; }
.textblock2 h2 { margin-top:0; padding-top:0; font-size:12pt; text-align:center; width:100%; font-weight:bold; }
.textblock2 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt; text-align:center; width:100%;}

.textblock3 { padding:0; margin:0; width:100%; clear:both; margin-bottom:10px;}
.textblock3 .padding { padding:0; }
.textblock3 .text { clear:both; padding:5px;}
.textblock3 .image { padding:0; margin:0; width:100%; }
.textblock3 .image img { width:100%; }
.textblock3 h2 { margin-top:0; padding-top:0; text-align:left;}
.textblock3 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt;}

.textblock4 { width:100%; margin-bottom:10px; }
.textblock4 .padding { padding:5px; }
.textblock4 .text { width:100%; }
.textblock4 .image { float:right; width:33%; margin-left:10px; border:1px solid #000000; padding:5px; background-color:#EFEFEF;}
.textblock4 .image img { width:100%;  }
.textblock4 h2 { margin-top:0; padding-top:0; text-align:left; cursor:pointer; font-size:12pt; padding-left:16px; background-image:url(/_images/arrow_down_48.png); background-repeat:no-repeat; background-size:16px 16px;}
.textblock4 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt;}
.textblock4 .textblockbody { display:none; padding-left:18px;}

.textblock5 { width:100%; margin-bottom:0px; }
.textblock5 .padding { padding:5px; }
.textblock5 .text { width:100%; }
.textblock5 .image { float:right; width:33%; margin-left:10px; border:1px solid #000000; padding:5px; background-color:#EFEFEF;}
.textblock5 .image img { width:100%;  }
.textblock5 h2 { margin-top:0; padding-top:0; text-align:left; }
.textblock5 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt;}

.textblock6 { width:100%; margin-bottom:0px; }
.textblock6 .padding { padding:5px; }
.textblock6 .text { width:100%; }
.textblock6 .image { float:left; width:20%; margin-right:10px; border:0; }
.textblock6 .image img { width:100%;  }
.textblock6 h2 { margin-top:0; padding-top:0; text-align:left; }
.textblock6 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt;}

.textblock7 { width:129px; float:left; margin:5px 2px; }
.textblock7 .padding { padding:2px; }
.textblock7 img { width:100%;  }
.textblock7 h1 { text-align:center; font-size:12pt; padding:0 10px; }

.textblock8 { width:24%; margin-bottom:20px; float:left; padding-left: 1%; }
.textblock8 .border { height:100%; }
.textblock8 .padding { padding:5px; }
.textblock8 .text {}
.textblock8 .image { width: 100%;}
.textblock8 .image img { width:100%; }
.textblock8 h2 { margin-top:0; padding-top:0; font-size:12pt; text-align:center; width:100%; font-weight:bold; min-height:50px; }
.textblock8 h3 { margin-top:0px; margin-bottom:5px; font-weight:normal; padding-top:0;  font-size:10pt; text-align:center; width:100%;}

.textblockFootertop img {

	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	filter: gray; /* For IE 6 - 9 */
	-webkit-transition: all .3s ease-in-out;

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

	
}
.textblockFootertop img:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.textblockFooterbottom img {

	-webkit-transition: all .3s ease-in-out;

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix in=\'SourceGraphic\' type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: invert(100%) grayscale(100%);
	filter: invert gray; /* For IE 6 - 9 */
	-webkit-filter: invert(100%) grayscale(100%); /* For Webkit browsers */


}

.textblockFooterbottom img:hover {

	/*filter: invert(1) grayscale(1);
	-webkit-filter: invert(1) grayscale(1); */

}


#tfollowwrapper { position:relative;width:222px;height:26px;overflow:hidden; }
#tfollowwrapper a { color:#999999; text-decoration:none; }
#tfollowwrapper a:hover { color:#999999; text-decoration:none; }
#tfollowwrapper .ticon { position:absolute;left:0;top:0;height:26px;width:100px; }
#tfollowwrapper .tfollowers { position:absolute;left:70px;top:0;background-image:url(/_images/twitter-counter.png);height:26px;width:43px;text-align:center;font-weight:bold;font-size:9pt;font-family:arial;padding-top:2px; }
#tfollowwrapper .tfollowers a { color:#666666; }
#tfollowwrapper .taccount { padding-top:2px;font-weight:bold;color:#999999;width:100%; text-align:right; }

.anchor { width:100%; text-align:right; }
.anchor a { padding-left:16px; background-image:url(/_images/arrow_up_48.png); background-repeat:no-repeat; background-size:16px 16px;}

#rule { margin:10px 0 15px 0; }

.article ul { list-style-type:disc; margin:0 25px; padding:0px; }
.article ul li a { background:none; }

.socialWrapper { clear:both; font-size:12px; height:32px; margin:1px 18px; }
.socialIcon { float:left; width:24px; height:24px; }
.socialIcon img { width:24px; height:24px; }
.socialLink { float:right; width:204px; overflow:hidden; padding-top:3px; }

.flexslider ul { list-style-type:none; padding:0; margin:0; }
.flexsliderSelector ul { list-style-type:none; padding:0; margin:0; }

#eventflexslider { /*padding-bottom:2px; background-color:#000;*/ }
.newsdivider { padding-bottom:2px; background-color:#000; }
#eventflexslider ul { list-style-type:none; padding:0; margin:0; }
#eventflexslider ul li .linktext { position:absolute; bottom:0px; left:0px; width:721px; background-image:url(/_images/60.png); color:#FFF; overflow:hidden; padding:10px; text-align:left; }
#eventflexslider ul li .linktext strong { margin-top:0; margin-bottom:0px; font-size:14pt; }
#eventflexslider ul li .linktextPrecis { display:none; margin-top:10px; }
#eventflexslider ul li .more { display:inline-block; padding:5px; background-color:#000; color:#fff; margin-left:10px; }

#eventflexslider .flex-control-nav { top:5px; left:674px; width:60px; text-align:left; height:50px;}

#flexsliderSelector ul { list-style-type:none; padding:0; margin:0; height:125px; overflow:hidden }
#flexsliderSelector ul li { display:inline-block; float:left; width:245px; margin:0; position:relative; overflow:hidden;}

#flexsliderSelector { background-color:#000; height:125px; overflow:hidden; display:none; padding-left:2px; }
#flexsliderSelector:hover { cursor:pointer; }
#flexsliderSelector img { opacity:0.4; -webkit-transition: all .3s ease-in-out; }
#flexsliderSelector img:hover { opacity:0.9; }
#flexsliderSelector .flex-active-slide img { opacity:1; }
#flexsliderSelector ul li { position:relative; }
#flexsliderSelector ul li .linktext { position:absolute; top:0; left:0; padding:10px; width:225px; height:103px; text-align:left; background-image:url(/_images/60.png); color:#FFF; overflow:hidden; }

#flexsliderSelector ul li .linktext:hover { background-image:url(/_images/25.png); }
#flexsliderSelector .flex-active-slide .linktext { background-image:url(/_images/25.png);  }

#flexsliderSelector ul li .linktext strong { margin-top:0; }

#eventCountdown { clear:both; background-color:#000; color:#fff; position:relative; margin:5px 0; height:50px; }
#eventCountdown .timerUnit { width:50px; float:right; height:50px; text-align:center; position:relative; margin:0 7px; }
#eventCountdown .timerCount { position:absolute; top:7px; left:0; width:50px; text-align:center; font-family:arial; font-size:16pt; font-weight:bold; }
#eventCountdown .timerDesc { position:absolute; bottom:3px; left:0; width:50px; text-align:center; font-family:verdana; font-size:7.5pt;  }
#eventCountdown .presenterText { float:left; text-align:left; position:relative; margin:10px 10px 0 15px; font-size:8pt; color:#EFEFEF; width:100px;}
#eventCountdown .presenterLogo { float:left; text-align:left; position:relative; margin:4px 10px 4px 0; }


a.external { padding-right:13px; background-image:url(images/externalLink.gif); background-position:right center; background-repeat:no-repeat; }
.isimage a.external { padding-right:0;  background-image:none; }


#eventMenuWrapper { background-color:#FFF; height:140px; position:relative; margin:10px 0; border-bottom:2px solid #666; }
#eventMenuWrapper .backgroundImage { position:absolute; top:0; right:0; height:140px;  }
#eventMenuWrapper .backgroundImage img { height:100%;  }
#eventMenuWrapper .backgroundImage .bgoverlay { position:absolute; left:0; top:0; height:140px; width:270px; background-image:url(/_images/event/bg-overlay.png); background-repeat:repeat-y; }


#eventMenuWrapper .infoPanel { position:absolute; top:0; left:0; height:140px; width:100%; }
#eventMenuWrapper h1 { font-weight:700; font-size:18pt; margin:20px 0 0 0; padding:0; color:#2c3b80; }
#eventMenuWrapper h2 { font-weight:700; font-size:12pt; margin:0 0 0 0; padding:0; color:#ca3339; }

#eventMenuWrapper .eventInfo { height:140px; float:left; overflow:hidden; }
#eventMenuWrapper .eventTitle { height:65px; }
#eventMenuWrapper .eventImage { float:left; height:125px; padding:7px 25px; min-width:105px; }
#eventMenuWrapper .eventImage img { height:100%; }

#eventMenuWrapper .eventMenu { 
	z-index:5000;
	height:34px;
	min-width:200px;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
	margin:5px; 
	-webkit-box-shadow: 0px 0px 5px 1px #C7C7C7;
	-moz-box-shadow: 0px 0px 5px 1px #C7C7C7;
	box-shadow: 0px 0px 5px 1px #C7C7C7;
	background-color:#FFFFFF;
}

#eventMenuWrapper .eventMenu ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	min-width:200px;
}
#eventMenuWrapper .eventMenu ul li { 
	text-align: center;
	float: left;
	position: relative;
}
#eventMenuWrapper .eventMenu ul a { 
	font-weight: 700;
	font-size: 15px;
	display: block;
	margin: 5px 5px;
	padding: 2px 10px;
	background-color: transparent;
	color: #2c3b80;
	text-decoration: none;

}
#eventMenuWrapper .eventMenu ul a:hover, #eventMenuWrapper .eventMenu ul a.selected {
	background-color: #ca3339;
	color:#fff;
}


.gadget h5 {
	background: #8a8a8a;
	background: -moz-linear-gradient(left,  transparent 0%, #8a8a8a 20%, #8a8a8a 80%, transparent 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,transparent), color-stop(20%,#8a8a8a), color-stop(80%,#8a8a8a), color-stop(100%,transparent));
	background: -webkit-linear-gradient(left,  transparent 0%,#8a8a8a 20%,#8a8a8a 80%,transparent 100%);
	background: -o-linear-gradient(left,  transparent 0%,#8a8a8a 20%,#8a8a8a 80%,transparent 100%);
	background: -ms-linear-gradient(left,  transparent 0%,#8a8a8a 20%,#8a8a8a 80%,transparent 100%);
	background: linear-gradient(to right,  transparent 0%,#8a8a8a 20%,#8a8a8a 80%,transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent',GradientType=1 );
}


.eventHeader {
	font-size:14pt;
	padding:4px 10px;
	font-weight:400;
	color: #FFF;
	/*width:250px;*/
	margin:5px 0;
	background: #8a8a8a;
	background: -moz-linear-gradient(left,  #8a8a8a 0%, #8a8a8a 75%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8a8a8a), color-stop(75%,#8a8a8a), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #8a8a8a 0%,#8a8a8a 75%,#ffffff 100%);
	background: -o-linear-gradient(left,  #8a8a8a 0%,#8a8a8a 75%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #8a8a8a 0%,#8a8a8a 75%,#ffffff 100%);
	background: linear-gradient(to right,  #8a8a8a 0%,#8a8a8a 75%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#ffffff',GradientType=1 );
}

#eventMasterCountdown { clear:both; background-color:#000; color:#fff; position:relative; margin:0 0 25px 0; height:110px; }
/*#eventMasterCountdown .timerUnit { width:50px; float:right; height:50px; text-align:center; position:relative; margin:0 7px; }*/
#eventMasterCountdown .timerUnit { width:62px; float:right; height:50px; text-align:center; position:relative; margin:0 2px; }
#eventMasterCountdown .timerCount { position:absolute; top:7px; left:0; width:62px; text-align:center; font-family:arial; font-size:17pt; font-weight:bold; }
#eventMasterCountdown .timerDesc { position:absolute; bottom:3px; left:0; width:62px; text-align:center; font-family:verdana; font-size:7.5pt;  }
#eventMasterCountdown .presenterText { float:left; text-align:left; position:relative; margin:15px 0px 0 15px; font-size:8pt; color:#EFEFEF; width:100px;}
#eventMasterCountdown .presenterLogo { float:right; text-align:left; position:relative; margin:10px 15px 0px 0; width:100px; }


h1.verticalAlign { padding:0; margin:0; }

.verticalAlign {
  display: table;
  text-align: center;
}

.verticalAlign span {
  display: table-cell;
  vertical-align: middle;
  color: inherit;
}

/* END COMMON STYLES */