/* BASIC ELEMENT STYLES */

@import url(//fonts.googleapis.com/css?family=Ropa+Sans);
@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,600,700,300);

body {
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 0.9em;
	line-height: 120%;
	color: rgb(30,30,30);
}

#background {
	/* Using this selector will keep the background from appearing in the WYSIWYG editor */
	background: url(../images/20134953601.jpg) left bottom repeat-x;
	background-attachment: fixed;
}

h1 {
	font-family: "Ropa Sans", Arial, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 115%;
	color: rgb(0,84,112);
}

h2 {
	font-family: "Titillium+Web", Arial, sans-serif;	
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	line-height: 110%;
	color: rgb(0,84,112);
}

h3 {
	font-family: "Ropa Sans", Arial, sans-serif!important;	
	font-size: 1.31em;
	font-weight: normal;
	margin: 1.2em 0em -0.5em;
	color: rgb(0,84,112);
	text-transform: uppercase;
}

h4 {
	font-family: "Titillium+Web", Arial, sans-serif;	
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background-color: rgb(0,84,110);
	padding: 0.25em 0.5em;
}

h5 {
	font-family: "Ropa Sans", Arial, sans-serif!important;	
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 1.2em 0em -0.5em;
	color: rgb(0,84,112);
	text-transform: uppercase;
}

h6 {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 110%;	
	color: rgb(0,84,112);
	margin: 1.2em 0em -0.6em;
}

h1 + p, h2 + p, h4 + h2, h5 + h2 {
	margin-top: -0.5em;
}

div.content h1:first-child {
	margin-top: 0em;
}

img {
	position: relative; 
}

a img {
	border-style: none;
} 

a, a:link, a:visited {
	color: rgb(0,107,190);
}

a:hover {
	color: rgb(0,173,239);
}

caption {
	background-color: rgb(0,173,239);
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 0.25em 0em;
}

.columnarea .content ul, .columnarea .content ol { overflow: hidden; }

th, td {
	text-align: left;
	vertical-align: top;
	padding: 0.25em 1em 0.25em 0em;
}

sup {
	vertical-align: text-top;
	font-size: 60%;
}

hr {
	border: 0;
	color: rgb(0,84,112);
	background-color: rgb(0,84,112);
	height: 1px;
	clear: both;
	display: block;
}

/* CSS CLASS STYLES */

.calloutleft { float: left; }
.calloutright { float: right; }
.calloutleft, .calloutright {
	position: relative;
	line-height: 0.2em;
	font-size: 1.2em;
	font-style: italic;
	background-color: rgb(233,240,250);
	color: rgb(109,111,113);
	width: 12em;
	padding: 1em 0.5em;
	margin-right: 0.75em;
	margin-bottom: 0.5em;
	border-top: 6px solid rgb(70,71,73);
	border-bottom: 6px solid rgb(70,71,73);
}

.floatleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.floatright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

td.hcenter { text-align: center; }
td.vcenter { vertical-align: middle; }

div.dlfile { margin: 1em 1em; }

div.dlfile img {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

div.sidepanel {
	width: 303px;
	padding: 20px;
	background: rgb(255,255,255);
}

div.sidepanel h3 {
	text-align: center;
	padding: 0.25em 0em;
	margin-top: 0em;
	border-bottom: 2px solid rgb(2,41,142);
}

#countdownvalue {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	padding-top: 0.5em;
	border-top: 2px solid rgb(2,41,142);
}

#countdowncaption {
	text-align: center;
}

p.loginnote { font-size: 0.7em; }

span.editlink { font-size: 0.7em; }

/* PAGE BLOCKS */

#background {
	background-color: rgb(177,214,232);
	padding: 10px;
}

#page {
	background-color: white;
	width: 950px;
	margin: 0px auto;
	-moz-box-shadow: 1px 1px 20px black;
	-webkit-box-shadow: 1px 1px 20px black;
	box-shadow: 1px 1px 20px black;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000)";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);
}

#header {
	background: url(../images/201332670970.png) center bottom no-repeat rgb(255,255,255);
	position: relative;
	overflow: hidden;
	height: 354px;
}

#header-link {
display:block;
width:950px;
height:385px;
position: absolute;
z-index: 1;
top: 10px;
}


#header-logo {
  float: left;
  padding: 20px 0 0 110px;
}

#header .right {
  float: right;
  padding-right: 105px;
}

ul#header-menu {
  list-style-type: none;
font-size: 1.2em; 
  padding-left: 10px;
}

ul#header-menu li {
  float: left;
  display: inline;
}

ul#header-menu li:before {
  content: " | ";
  color: rgb(0,0,0); 
}

ul#header-menu li:first-child:before {
  content: none;
}

ul#header-menu li a {
font-size: 1.2em;
  color: rgb(22,109,179);
  text-decoration: none;
  padding-right: 5px;
}

a#early-bird {
  clear: left;
  text-decoration: none;
  background: url(../images/201332632530.png) center center no-repeat;
  display: block;
  text-indent: -10000px;
  height: 45px;
  width: 375px;
  padding-top: 30px;
}

#header img { display: block; }

#theme {
	position: absolute;
	left: 310px;
	top: 116px;
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
}

#left-wrapper {
        width: 470px;
}

#horizmenu {
	font-size: 1em;
font-weight: bold;
        text-transform: uppercase;
}

#vertmenu {
	float: left;
}

#footer {
	background-color: rgb(255,255,255);
 border-top: 1px solid rgb(0,84,110);
	padding: 6px 30px;
}

#footer .footer-left {
float: left;
padding-top: 20px;
}

#footer .footer-right {
float: right;
padding:20px 0 0 0;
}

#footer a, #footer a:visited {
	color: rgb(0,84,112);
	text-decoration: none;
font-size: 0.8em;
}

#footer ul {
list-style-type: none;
padding-left: 0;
}

#footer ul li {
float: left;
padding-right: 5px;
}

#footer ul#footer-menu-2 {
clear: left;
}

#footer ul li:before {
  content: " | ";
  color: rgb(0,84,112); 
}

#footer ul li:first-child:before {
  content: none;
}

#copyright {
	color: rgb(204,204,204);
	font-size: 0em;
	text-align: left;
}

@media print {
	#footer {
		display: none;
	}
}

div.accessmenu {
	clear: both;
	font-size: 0.7em;
	background-color: rgb(233,240,250);
	color: rgb(252,241,213);
	padding: 3px 20px;
}

/* column container */
.columnarea {
	position: relative;
	overflow: hidden;
	background-color: white;
	width: 100%;
}
.columnarea .main {
	position: relative;
	float: left;
	width: 200%;
	left: 0px;
	background-color: white;
}
.columnarea .contentwrap {
	position: relative;
	float: right;
	width: 50%;
	right: 0px;
}
.columnarea .content {
	position: relative;
	overflow: hidden;
	background-color: white;
	margin: 0px 0px 0px 0px;
	right: 100%;
}
.columnarea .menucolumn {
	position: relative;
	float: left;
	width: 0px;
	right: 0px;
}
.columnarea .infocolumn {
	position: relative;
	float: right;
	width: 0px;
	right: 0px;
	text-align: center;
	font-size: 11px;
	font-style: italic;
	line-height: 110%;
	padding: 20px 8px;
}

/* NAVIGATION STYLES */

#nav1 a {
    display: inline-block;
    width: 130px;
}

#nav1 li#menu12 a {
  border-bottom: 2px solid rgb(235,28,36);
}
/*Red* menu4 = Sponsors; menu5 = Programme; menu6 = media; menu7 = About; */

#nav1 li#menu5 a {
  border-bottom: 2px solid rgb(201,218,42);
}
/*Teal*/

#nav1 li#menu4 a {
  border-bottom: 2px solid rgb(103,132,66);
}
/*Menu 3, menu 8 = dummy*/

#nav1 li#menu6 a {
  border-bottom: 2px solid rgb(73,184,204);
}

#nav1 li#menu8 a {
  border-bottom: 2px solid rgb(0,84,110);
}

#nav1 li#menu7 a {
  border-bottom: 2px solid rgb(214,138,40);
}


/* DROPDOWN MENU ITEMS */

ul.dropdown {
	font-size: 0.9em;
	padding: 5px 0;
	border-bottom: 2px solid rgb(0,84,110);
}

ul.dropdown li {
	text-align: center;
	width: 189px;
	color: rgb(0,0,0);
	display: inline;
	border-left: 1px solid rgb(19,164,139);
}

ul.dropdown li:first-child {
	border-left: none;
}

ul.dropdown a:link, ul.dropdown a:visited {
	color: rgb(0,84,105);
	text-decoration: none;
}

ul.dropdown li.hover, ul.dropdown li:hover {
	color: rgb(0,0,0);
}

ul.dropdown ul {
    background-color: #FFFFFF;
    border: 1px solid #C8C8C8;
    left: 35px;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 180px;
	font-size: 1em;
	font-weight: normal;
}

ul.dropdown ul li {
	text-align: left;
	width: 180px;
	border: none !important;
}

ul.dropdown ul li a {
    font-size: 1em !important;
    padding-left: 10px;
    width: 170px !important;
    border-bottom: none !important;
}

ul.dropdown ul li a:hover {
	color: rgb(255,255,255);
}

ul.dropdown ul li:hover {
    background-color: rgb(2,112,144);
}

ul.pagesubmenu {
	font-size: 1.2em;
}

ul.pagesubmenu li {
	margin-bottom: 0.25em;
}

ul.imagesubmenu, ul.nonlink {
	display: relative;
	overflow: hidden;
	list-style: none;
	margin: 2em 0em;
	padding: 0em;
}

h4 + ul.imagesubmenu, h4 + ul.nonlink {
	margin-top: -1.8em;
}

ul.imagesubmenu li, ul.nonlink li {
	float: left;
	width: 260px;
	margin-left: 24px;
	background: url(../images/20136673101.jpg) center bottom repeat-x;
	padding: 15px 10px;
	font-size: 0.9em;
}

ul.imagesubmenu li a.destination, ul.imagesubmenu li a.destination:visited {
	display: block;
	color: black;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 140px;
	height: 166px;
	text-decoration: none;
}

ul.imagesubmenu li a.destination:hover {
}

ul.imagesubmenu span.linkcaption, ul.nonlink span.linkcaption {
	display: block;
	position: relative;
	font-weight: bold;
}

ul.imagesubmenu span.linkteaser, ul.nonlink span.linkteaser {
	position: relative;
}

ul.imagesubmenu img.linkicon, ul.nonlink img.linkicon {
	position: relative;
	float: left;
	margin-right: 20px;
	border: 1px solid black;
}

ul.imagesubmenu li span.editlink, ul.nonlink li span.editlink {
	display: block;
}

/* SPECIAL NAVIGATION */

#featattendees ul.nonlink {
	margin-top: 1em;
	margin-bottom: 0em;
	overflow: hidden;
	height: 360px;
}

#featattendees ul.nonlink li {
	line-height: 110%;
	margin-left: 0em;
	margin-bottom: 2px;
	width: 200px!important;
	position: relative;
	overflow: hidden;
	float: none;
}

#featattendees ul.nonlink img.linkicon {
	width: 60px;
	height: 83px;
	margin-right: 10px;
}

ul.featurenav {
	list-style: none;
	position: relative;
	overflow: hidden;
	margin: 0px;
	margin-bottom: 20px;
	margin-left: 64px;
	padding: 0px;
}

ul.featurenav li {
	font-family: "Ropa Sans", Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
	margin-bottom: 0.5em;
}

ul.featurenav li a, ul.featurenav li a:visited {
	background-image: url(../images/201361356242.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.25em;
	display: block;
	color: rgb(0,84,112);
	text-decoration: none;
	padding-left: 1em;
}

/* Call-out window */

#popupbox {
	font-weight: normal
	font-color: #333333
}

span.popupbox { display: none; }

.popuplink {
	font-weight: normal
}

a.popuplink:hover span.popupbox { display: block; }

/* Slideshow */

#slideshowpanel {
	margin-bottom: 0px;
}

ul.slidenav {
	right: 50px;
	bottom: 25px;
	left: auto;
}

ul.slidenav li {
	margin: 0px 4px;
}

ul.slidenav li a, ul.slidenav li a:visited {
	background-image: url(../images/201212688812.png);
	color: white;
	width: 32px;
	height: 27px;
}

ul.slidenav li a:hover, ul.slidenav li a.active {
	background-position: center -32px;
}

.jcarousel-skin-slideshow .jcarousel-clip-horizontal {
	width: 910px;
}

.jcarousel-skin-slideshow .jcarousel-item {
	width: 910px;
}

ul.conf-links {
  list-style-type: none;
  padding-left: 0;
}

ul.conf-links li {
  padding-bottom: 13px;
}

ul.conf-links a {
  color: rgba(255,255,255,1);
  text-decoration: none;
  text-indent: -10000px;
  display: block;
  height: 49px;
}


a.viewmore {
  color: rgba(255,255,255,1);
  text-decoration: none;
  text-indent: -10000px;
  display: block;
  background: url(../images/201332513172.png) left center no-repeat;
  height: 36px;
}

#outerwrap {
  background: url(../images/201332550424.png) left top repeat-x;
}

#innerwrap {
  background: url(../images/201332583705.png) left bottom no-repeat;
  padding-bottom: 90px;
}

#inner-content {
  padding: 0 30px 56px 30px;
  clear: both;
}

.theme p {
  margin: 0;
  padding: 10px 0 5px;
  font-style: italic;
  color: rgba(255,255,255,1); 
}
.theme h1 {
  line-height: 0;
  text-indent: -10000px;
  background: url(../images/201332579322.png) left top no-repeat;
  height: 37px;
  margin: 0;
}
#inner-content h2 {
  color: rgb(24,111,181); 
}
#content-top {
border-bottom: 2px solid rgb(201,218,42);
margin: 0 30px;
height: 55px;
}
/* Then, override the border-color for each section */

/*Red menus - parent 12*/

body.page12 #content-top, body.parent12 #content-top,
body.page13 #content-top, body.parent13 #content-top,
body.page14 #content-top, body.parent14 #content-top,
body.page18 #content-top, body.parent18 #content-top,
body.page19 #content-top, body.parent19 #content-top,
body.page20 #content-top, body.parent20 #content-top,
body.page21 #content-top, body.parent21 #content-top,
body.page22 #content-top, body.parent22 #content-top,
body.page23 #content-top, body.parent23 #content-top,
body.page35 #content-top, body.parent35 #content-top,
body.page40 #content-top, body.parent41 #content-top
{ border-color: rgb(235,28,36); }

/*Light blue menus - Parent 4*/

body.page4 #content-top, body.parent4 #content-top  { border-color: rgb(103,132,66); }

/*Green menus - parent 6*/

body.page6 #content-top, body.parent6 #content-top  { border-color: rgb(73,184,204); }

/*Orange menus - parent 7*/

body.page7 #content-top, body.parent7 #content-top,
body.page27 #content-top, body.parent27 #content-top,
body.page28 #content-top, body.parent28 #content-top
{ border-color: rgb(214,138,40); }

/*Blue menus - body.parent29*/

body.page17 #content-top, body.parent17 #content-top,
body.page24 #content-top, body.parent24 #content-top,
body.page25 #content-top, body.parent25 #content-top,
body.page26 #content-top, body.parent26 #content-top,
body.page29 #content-top, body.parent29 #content-top
{ border-color: rgb(0,84,110); }

#content-top h1 {
    float: left;
    font-size: 2.1em;
    font-weight: normal;
    padding-top: 16px;
}

ul#socmed {
	float: right;
	list-style-type: none;
	padding-top: 10px;
}
ul.socmed-home {
	float: none!important;
	position: relative;
	overflow: hidden;
}

ul#socmed li {
	float: left;
}
ul#socmed li a {
	text-indent: -10000px;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 10px;
	background-image: url(../images/201361126959.png);
	background-repeat: no-repeat;
}
ul#socmed li.facebook a { background-position: 0px -20px; }
ul#socmed li.twitter a { background-position: -20px -20px; }
ul#socmed li.linkedin a { background-position: -40px -20px; }
ul#socmed li.youtube a { background-position: -60px -20px; }
ul#socmed li.rss a { background-position: -80px -20px; }
ul#socmed li.flickr a { background-position: -100px -20px; }
ul#socmed li.facebook a:hover { background-position: 0px 0px; }
ul#socmed li.twitter a:hover { background-position: -20px 0px; }
ul#socmed li.linkedin a:hover { background-position: -40px 0px; }
ul#socmed li.youtube a:hover { background-position: -60px 0px; }
ul#socmed li.rss a:hover { background-position: -80px 0px; }
ul#socmed li.flickr a:hover { background-position: -100px 0px; }

table.sideevents {
	border-bottom: 1px solid grey;
	font-size: 0.9em;
}

td.sideeventstime {
	background: #fff;
	padding: 15px 15px 5px 10px;
	border-collapse: collapse;
	border-top: 1px solid grey;
	color: #fff;
}

td.sideeventsinfo {
	padding: 15px 10px 5px 10px;
	border-collapse: collapse;
	border-top: 1px solid grey;
}

td.featuredattendees {
	background: url(../images/20136673101.jpg) center bottom repeat-x;
	padding: 15px 10px 15px 12px;
	font-size: 0.9em;
}

table.agenda {
	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
	font-size: 0.9em;
}

td.agendatime {
	background: rgb(0,84,112);
	padding: 10px 15px 5px 10px;
	border-collapse: collapse;
	border-top: 1px solid grey;
	color: #fff;
}

td.agendainfo {
	padding: 10px 10px 5px 10px;
	border-collapse: collapse;
	border-top: 1px solid grey;
}

div.feature-box {
	font-size: 0.9em;
	position: relative;
	overflow: hidden;
	min-height: 420px;
	width: 360px;
	padding: 15px;
	border: 2px solid rgb(204,204,204);
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.feature-box h3 {
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
}

div.feature-box p {
	line-height: 130%;
	margin-bottom: 0.5em;
}

#featattendees {
	width: 220px!important;
	max-height: 420px;
}

#SScontainer {
	width: 230px!important;
	max-height: 420px;
	padding: 15px 10px!important;
}

.leftquote, .rightquote {
	font-family: "Ropa Sans", Arial, sans-serif;	
	font-size: 700%;
	font-weight: normal;
	color: rgb(0,84,112);
}

.leftquote {
	float: left;
	height: 45px;
	margin: -14px 4px -50px 0px;
	padding-top: 45px;
}

.rightquote {
	/* float: right; */
	display: inline-block;
	/* height: 50px; */
	height: 0.01em;
	overflow: hidden;
	vertical-align: text-top;
	/* margin: -14px 0px -40px 4px; */
	margin-bottom: 0em;
	/* padding-top: 45px; */
	padding-top: 0.33em;
}

.nextlink {
	text-align: right;
	font-size: 0.8em;
}

.nextlink a, .nextlink a:visited {
	text-decoration: none;
	color: rgb(0,84,112);
}

.ui-accordion-header {
	cursor: pointer;
	padding-left: 30px;
	text-indent: -30px;
}

.ui-icon {
	display: inline-block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin-right: 6px;
}

.ui-icon-triangle-1-e {
	width: 12px;
	height: 12px;
	background-image: url(../images/agcm_icon_accordion.png);
	background-position: 0px 0px;
}

.ui-icon-triangle-1-s {
	width: 12px;
	height: 12px;
	background-image: url(../images/agcm_icon_accordion.png);
	background-position: 0px -12px;
}

.topshade {
	background-image: url(../images/201373121981.gif);
	background-repeat: repeat-x;
	min-height: 45px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#sponsors {
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 1em 15px;
}

#sponsors h5 {
	margin: 0.2em;
	max-width: 6em;
	float: left;
}

#sponsors > div {
	float: left;
	margin-right: 5px;
	padding: 5px 0px 5px 5px!important;
}

#sponsors img {
	display: inline-block;
	margin-right: 10px;
}

	div.adminflag {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 10000;
		background-color: rgba(255,0,0,0.5);
		color: white;
		font-weight: bold;
		padding: 0.3em 0.8em;
		cursor: help;
	}

	body#tinymce.mceContentBody .accordion {
		border: 1px dashed red;
		padding: 5px;
	}

	body#tinymce.mceContentBody .accordion:before {
		content: 'accordion region - odd blocks are headings; even blocks are drop-downs';
		background-color: rgb(255,255,204);
		font-size: 10px;
		display: block;
		margin-bottom: 0.5em;
		padding: 0px 0.5em;
	}

	body#tinymce.mceContentBody .accordion > *:nth-child(odd):before {
		content: '\25BC';
		color: rgb(127,127,127);
		padding-right: 0.5em;
	}

	body#tinymce.mceContentBody .accordion > *:nth-child(even) {
		border: 1px dashed green;
		padding: 0.5em;
	}

	body#tinymce.mceContentBody p.speakerplaceholder {
		background-color: rgb(255,255,204);
		padding: 10px;
		border: 1px dashed red;
	}