﻿/***************************************************************************************************/
/* Customer Experience Online 2010 default CSS file
/***************************************************************************************************/
* {
	margin:0;
	padding:0;
}

html, body{
	width:100%; height:100%; background:#cbcbcb url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/background.gif) top center no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#656565; margin: 0px !important;
}	
h1, h2, h3, p{
	margin:0 0 14px;
}
.clearFloat {
	clear: both;
}
#eventText {
	display: none;
}

.eventimageright{
	float: left; margin-left: 8px; margin-right: 0px;
}
.eventimageleft{
	float: left; margin-right: 8px; margin-left: 0px;
}

.StradTemplate {
	padding:14px 15px; min-height:863px; height: auto !important; height: 863px; width: 716px; float: left; border-left:1px solid #e0dfdd;
}
.StradTemplate h2{
	color:#06a5e1; font-size:18px; font-weight:normal;
}

h1, h2, h3 p{
	margin:0 0 14px;
}

a{
	text-decoration:none; color:#1c7cb8;
}
a:hover{
	text-decoration:underline;
}

img, img a{
	border:none;
}

.hr{
	border-bottom:#cdcdcd 1px solid; background:none; height:1px; margin:14px auto; .margin:14px auto; widows:95%; 
}
.floatLeft {
	float: left; display: inline; margin: 0 8px 0 0;
}
#frame{
	width:950px; margin:0px auto; background: #fff url(../images/exchange/frame_bg.gif) top left repeat-y; border-left: 1px solid #c7c7c7;	border-right: 1px solid #c7c7c7; overflow: hidden;
}


/***************************************************************************************************/
/* #breadcrumb
/***************************************************************************************************/
#breadcrumb{
	margin:0 auto; padding:0px 5px 0 5px; width: 952px; position: relative; top: 8px; right: -10px; z-index: 2;
}
#breadcrumb ul{
	list-style:none; margin:0; display: inline; float:right;
}
#breadcrumb li{
	list-style:none; float:left; margin:2px 5px 0 0; border-right:1px solid #555; padding: 0 5px 0 0; 	font-size: 11px;display: inline;
}
#breadcrumb li.addthis{
	margin:0 0 5px 0; border-right:none; padding: 0;
}
#breadcrumb li.lastItem{
	border-right:none !important;
}
#breadcrumb a{
	text-decoration:underline; color:#555555; 
}
#breadcrumb a:hover{
	text-decoration:underline; color:#555555;
}



/***************************************************************************************************/
/* #header
/***************************************************************************************************/
#header_container{
	padding: 0; margin: 0; height:114px; width:100%; background:#d4dae7 url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/header_bg.gif) repeat-x left top; position: relative; z-index:1;
}
#header{
	background: #E0EAE2 url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/header_background.jpg) no-repeat; height: 114px; margin: 0 auto; width: 952px; position: relative; .margin-top: -18px;
}
h2#dates_venue {
	margin: 0; position: absolute; right: 12px; bottom: 22px; text-align:right; font-weight:normal;
}
h2#dates_venue .country{
	display:none;
}
h2#dates_venue .orange-text{
	font-size:14px;
}
small{
	display:none;
}
#iqpclogo{
	float: left; display: inline; postion:absolute !important; margin:8px 0 0 15px;
}

/***************************************************************************************************/
/* #nav
/***************************************************************************************************/
#menuContainer {
	z-index: 1; width: 100%; height: 33px; background: #00477E url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/nav_bg.gif) repeat-x top left; border-bottom: #490049 1px solid; border-top: #490049 1px solid; text-align: center; padding:0;	
}

#mainmenu { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#mainmenu, #mainmenu ul {
	margin: 0 auto; padding: 0; list-style: none; z-index: 2; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width: 950px;
}
#mainmenu ul { width: 175px; position: absolute; left: -1px; display: none; list-style:none; }
#mainmenu li {
	float: left; margin: 0 0 -8px; padding:0 0 9px; position: relative; z-index: 3; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666; list-style:none;
}

#mainmenu li a { padding: 9px 16px; display: block; color: #fff; text-decoration: none; font-weight:bold; border-right:1px solid #4f7fa3; }

#mainmenu li a:hover {background: #00ADEF; color:#fff;}
#mainmenu li.lastItem a{border-right:none !important;}

/* .subnav */
#mainmenu li ul {
	list-style: none; margin: 0; padding: 0; position: absolute; top: 34px;
}
#mainmenu li ul li {
	padding: 0; margin: 0; clear: both; float: none; width: 185px; background: #00ADEF; text-align: left;
}
#mainmenu li ul li a {
	padding: 5px; text-align: left; border-bottom: 1px solid #4f7fa3;
}
#mainmenu li ul li a:hover {
	background: #00477E;
}


/***************************************************************************************************/
/* #middlecolumn
/***************************************************************************************************/

#middlecolumn{
	padding:14px 15px; min-height:863px; height: auto !important; height: 863px; width: 458px; float: left; border-left:1px solid #e0dfdd;
}

#middlecolumn h1{
	color:#005188; font-size:21px; font-weight:normal;
}
#middlecolumn h2{
	color:#06a5e1; font-size:18px; font-weight:normal;
}

#middlecolumn.fullwidth {
	width: 716px;
}
#middlecolumn h3{
	font-size:15px;
}

#middlecolumn ul{
	list-style:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/bullet.gif);
	margin:5px 10px;
}
#middlecolumn li{
	list-style:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/bullet.gif);
	margin:5px 15px;
}
#middlecolumn blockquote{
	margin:0 0 5px;
}
#middlecolumn cite{
	display:block; margin:0 0 14px; font-style:normal; font-weight:bold; 
}

/* partner pages */
#middlecolumn img.logo {
	float: left; display: inline; margin-right: 13px;
}
#middlecolumn.fullwidth .blurb{
	width:500px; float:right; display:inline;
}

/* pricestable */
#frame #middlecolumn.fullwidth #pricestable {
	margin-bottom: 14px; font-size:12px;
}
#frame #middlecolumn.fullwidth #pricestable th {
	background: #dcdcdc; color: #555 !important; padding:5px;
}
#frame #middlecolumn.fullwidth #pricestable td {
	background: #fff; text-align: center; padding:5px; border:1px solid #dcdcdc;
}
#frame #middlecolumn.fullwidth #pricestable td.Package {
	text-align: left !important;
}
#frame #middlecolumn.fullwidth #pricestable tr.RegisterRow td {
	text-align: right;
}




/***************************************************************************************************/
/* #rightcolumn
/***************************************************************************************************/
#rightcolumn{
	width:260px; float:right; padding:0; margin: 0 -1px 35px 0; font-size:12px;
}
#rightcolumn img.venue{
	margin:14px auto 0px; padding:0; border:1px solid #555;
}
#rightcolumn h2{
	color:#fff; font-size:17px; padding: 3px 10px 3px 15px; margin: 0; background:#0e89b8 url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/h2_bg.gif) repeat-x; border:none; font-weight:normal;
}
#rightcolumn h3{
	color: #005188; font-size:17px; padding: 13px 15px; margin: 0 !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top:9px #00aeef solid; background:#e3e3e3 url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/h3_bg.gif) repeat-x; font-weight: normal; height:32px;
}

#rightcolumn .content{
	border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#fff; width:258px; height:auto; margin: 0; overflow: hidden;
}
#rightcolumn .content blockquote{
	position:relative; top:8px; left:10px; margin:0 10px 14px 0; font-style:italic;
}
#rightcolumn .content cite{
	text-align:right; position:relative; right:10px; margin:0 0 14px; font-style:normal; font-weight:bold; display:block;
}
#rightcolumn .content p{
	position:relative; left:10px; top:8px; margin:0 10px 14px 0;
}

#rightcolumn  #f_speakers{
	height: auto; width: 239px; margin: 0 auto 14px; padding:15px 10px; background:#e7ebf2; border-left:#dbdbdb 1px solid; border-bottom: #dbdbdb 1px solid; 
}
#rightcolumn  #f_speakers p {
	margin: 10px 0 0 !important;
}

#right .speakerlist{
	background:#fff !important;
	padding: 5px 10px 10px 10px;
	margin:0;
	display: block;
	clear: left;
	border-left:#dbdbdb 1px solid;
	border-bottom:#dbdbdb 1px solid;
}
#right .speakerlist p{
	color:#044775;
	margin: 0px 5px 0 0px;
}
#f_speakers_logo {
	border-left:#dbdbdb 1px solid;
	border-bottom:#dbdbdb 1px solid;
}
#f_speakers_logo p {
	margin-top: 0;
	margin-bottom: 6px;
	padding-top: 10px;
}
/* Speaker Logo - Home Page
--------------------------------*/
#speakerflash {
	margin-top: 50px;
	text-align: center;
}

#speakerlogos {
	color: #063c79;
	margin-top: 0px;
	padding: 5px 13px 18px 13px;
	background: url(../images/exchange/speakerrotatebg.jpg) no-repeat;
	width: 216px;
	height: 125px;
}

/* Carousel
--------------------------------*/

.stepcarousel{
	position: relative;
	overflow: scroll;
	width:170px;/*Width of Carousel Viewer itself*/
	height: 100px;
	margin: 0 0 0 30px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 2px;
}

.stepcarousel .panel{
	text-align:center;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 10px; /*margin around each panel*/
	width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/* Left Side Includes
--------------------------------*/
#left_venue{
	margin:10px 20px 0 10px;
	height:100%;
	padding:0;
	float:left;
	width: 205px;
}
#left_venue img{
	margin:10px 0 0 0;
}
#left{
	margin:14px 30px 0 0;
	height:100%;
	padding:0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	float:left;
	width: 205px;
}
#left h3{
	color: #006ea9;
	font-family: "Times New Roman",Times,serif;
	font-size: 14pt;
	line-height: normal;
	padding: 10px 24px;
	width: 157px;
	background: #eeeded;
	margin:0;
}

#left p{
	margin: 10px 15px
}

#WhyAttendTestimonial{
	margin:0;
	padding:10px 10px 0 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#WhyAttendTestimonial h3{
	margin:0 0 100px 0;
	padding:0;
	font-size:18px;
	background: none;
	font-weight: normal;
	width: 100%;
	text-align: center;
}
#eventinfo{
	margin:0 0 10px 0;
	padding:0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#eventinfo h3{
	margin:0;
	padding:5px 12px 8px;
	font-size:18px;
	background: #544E68;
	font-weight: normal;
	text-align: left;
	color:#FFFFFF;
}
#eventinfo p {
	margin: 10px 10px 12px;
}	
#WhyAttendTestimonial p{
	text-align:left;
	margin:10px 0;
	padding:0;
}
#WhyAttendTestimonial blockquote{
	background:url(../images/exchange/quote1.gif) top left no-repeat;
	text-indent:30px;
	margin:0 0 10px 0;
	padding: 8px 0 10px 0;
	display:block;
}
#WhyAttendTestimonial blockquote span{
	background:url(../images/exchange/quote2.gif) bottom right no-repeat;
	margin:0px auto;
	display:block;
	padding: 8px 0 10px 0;
}

#WhyAttendTestimonial cite{
	margin:10px auto;
	display: block;
}

/***************************************************************************************************/
/* #leftcolumn
/***************************************************************************************************/
#leftcolumn{
	width:200px; float:left; margin: 0 0 35px; height: 100%; background:none; font-size:12px;
}

/* #register_box */
#leftcolumn #register_box {
	width: 200px; height:120px !important; background: #d1d2d4 url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/register_bg.gif) no-repeat; position: relative; z-index: 1; 
}
#leftcolumn #register_box h2 {
	font-size: 27px; color: #0a3466; position: relative; top: 8px; left: 16px; z-index: 2; line-height:27px; font-weight:normal;
}
#leftcolumn #register_box h2 a {
	color: #0a3466; text-decoration: none;
}
#leftcolumn #register_box h2 a:hover {
	text-decoration: underline;
}
#leftcolumn #register_box p {
	width: 185px; color: #555555; position: relative; top:10px; left: 8px; z-index: 3; margin:0 !important;
}
#leftcolumn #register_box p a {
	color: #555;
}

/* .brochure_box */
#leftcolumn #brochure_box{
	margin:0; background:url(http://www.iqpc.com//uploadedImages/EventRedesign/UK/2010/July/18758001/brochure_bg.gif) top left no-repeat; height:85px; position: relative;
}
#leftcolumn #brochure_box p{
	color:#231f20 !important; font-size:14px !important; font-weight:bold; position:relative; top:25px; left:10px; float:left; width:100px; display:inline;
}
#leftcolumn #brochure_box p a, #brochure_box p a:hover{
	color:#320131 !important;
}
#leftcolumn #brochure_box img {
	float: right; display:inline; position:relative; top:5px;
}


/* .quicklink */
#leftcolumn .quicklink {
	display: block; overflow: hidden; position: relative; height: 42px; width: 169px; margin:0 auto; border-bottom: 1px solid #e0dfdd;
	padding:0 5px 0 10px;
}
#leftcolumn .quicklink h3 {
	font: 12px "Trebuchet MS", Verdana, Sans-Serif; color: #000; margin: 0; position: absolute; top: 12px; left: 52px; font-weight: normal;
}
#leftcolumn .quicklink img {
	position: absolute; top: 6px; left: 5px;
}

#leftcolumn .quicklink p{
	font: 12px "Trebuchet MS", Verdana, Sans-Serif; color: #000; margin: 0; position: absolute; top: 12px; left: 95px; font-weight: normal;
}
#leftcolumn .quicklink p a, #leftcolumn .quicklink p a:hover{
	color:#1c7cb8 !important
}
/* .iq_box */
#leftcolumn .iq_box {
	width: 169px; margin:0 auto; border-top: 1px solid #fff; padding:8px 5px 8px 10px;
}
#leftcolumn .iq_box a {
	color: #0063a7;
}
#leftcolumn .iq_box img{
	left:28px;
}


/* .partner_box */
#leftcolumn .partner_box {
	width: 175px; margin:0 auto; border-top:none; padding:8px 5px 8px 5px; border-top: 1px solid #e0dfdd;
}
#leftcolumn .partner_box p{
	margin:0;
}
#leftcolumn .partner_box a {
	color: #0063a7;
}
#leftcolumn .partner_box img{
	left:28px;
}


/***************************************************************************************************/
/* #footer
/***************************************************************************************************/
#footer{
	background:#fff url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/footer_bg.gif) top left repeat-x; height:36px; bottom: 0px; font-size:11px; color:#656565; width: 950px; margin: -18px auto 0; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-top: 2px solid #23b8f0;
}
#footer a {
	color:#656565;
}

#footer p.left{
	position:relative; top:10px; left:15px; padding:0; height: 25px; float: left; display: inline;
}
#footer p.right{
	position:relative; top:10px; right:25px; padding:0; float:right; display: inline;
}
#footer p a{
	font-size:11px;
	color:#656565;
	text-decoration:none;
}
#footer p a:hover{
	font-size:11px;
	color:#656565;
	text-decoration:underline;
}


/* jQuery Carousel */
ul#speakerRotate { list-style: none; margin: 0; padding: 0; }
ul#speakerRotate li { list-style: none; margin: 0; padding: 0; clear: both; overflow: hidden; }
ul#speakerRotate li img { border: 1px solid #CCC; background:#fff;}
ul#speakerRotate li .eventimageleft { margin-bottom: 25px; }
ul#logoRotate { list-style: none; margin: 0; padding: 0; }
ul#logoRotate li { list-style: none; margin: 0; padding: 0; clear: both; overflow: hidden; }
ul#logoRotate li img { margin: 0 30px; }

.jcarousel-container { width: 100%; position: relative; z-index: 4; }
.jcarousel-clip { width: 100%; padding: 0; margin: 0; position: relative; overflow: hidden; z-index: 3; }
.jcarousel-list { margin: 0; padding: 0; position: relative; overflow: hidden; z-index: 2; }
.jcarousel-list li, .jcarousel-item { width: 238px; height:150px; float: left !important; clear: none !important; list-style: none; }

ul#logoRotate .jcarousel-list li, ul#logoRotate .jcarousel-item { width: 238px; height:100px; float: left !important; clear: none !important; list-style: none; }

.jcarousel-next { width: 9px; height: 11px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/btn_next.png) no-repeat; position: absolute; right: -3px; display: none; cursor: pointer; z-index: 5; top: -36px;}
.jcarousel-prev { width: 9px; height: 11px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/btn_prev.png) no-repeat; position: absolute; top: -36px; right:11px; display: none; cursor: pointer !important; z-index: 5;}

#f_speakers_logo .jcarousel-next { width: 6px; height: 7px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/right_arrow.gif) no-repeat; position: absolute; right: 16px; display: none; cursor: pointer; z-index: 5; top: 33px;}
#f_speakers_logo .jcarousel-prev { width: 6px; height: 7px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/July/18758001/left_arrow.gif) no-repeat; position: absolute; top: 33px; left: 13px; display: none; cursor: pointer !important; z-index: 5;}
/***************************************************************************************************/
/* #streams
/***************************************************************************************************/
span.Time{color:#000000; font-size:14px; font-weight:bold;font-style:normal;}
table td.StreamOne{background-color:#d0eaf6;padding:5px;}
table td.StreamTwo{background-color:#cfc5cf;padding:5px;}
table td.StreamThree{background-color:#efaac3;padding:5px;}
.Session h2, .Break h2, h2.newstyle {font-style:italic;} 

