﻿/***************************************************************************************************/
/* Corporate Compliance Exchange UK default CSS file
/***************************************************************************************************/

* {
	margin:0; padding:0;
}

html, body{
	height:100%; background:#a1a1a1 url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/bg.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#656565;
}

h1, h2, h3, p{
	margin:0 0 14px;
}
a{
	text-decoration:none;
	color:#0a82a1;
}
a:hover{
	text-decoration:underline;
	color:#0a82a1;
}

img, img a{
	border:none;
}

.hr{
	border-bottom:#c7c7c7 1px solid; background:none; height:1px; width:98%; margin:15px auto; 
}
blockquote{
	font-style:italic;
	margin:10px 0 0 0;
	font-size: 13px;
}

.clearFloat {
	clear:both;
}

cite{
	font-style:normal;
	font-weight:bold;
	margin:0px 0 20px 0;
	text-align: right;
	display: block;
}
table{
	width:100%;
	margin:0 0 14px;
}
table th{
	padding: 8px;
}
table td {
	padding: 8px;
}
table td.grey{
	background:#dadada;
	padding:5px;
	font-size:12px;
}
table td.white{
	background:#fff;
	padding:5px;
	font-size:12px;
}
table td.white.left{
	border-left:1px solid #dadada;
}

table td.white.right{
	border-right:1px solid #dadada;
}
table.delegate{
	border-bottom:1px solid #dadada;
	border-left:none;
	border-right:none;
	border-top:none;
}

#eventText {
	display: none; position:relative; margin:20px !important; float:left !important; width:600px !important; 
}
#eventText .StradTemplate h2 span{
	font-size: 16px !important;  color: #0061b4 !important; font-weight: bold !important;
}
#dropshadow{
	background:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/ds.gif) top left no-repeat; width:960px; margin:0 auto; padding: 7px 0 0 0;
}
#frame{
	width:950px; margin:0 auto;
}

/***************************************************************************************************/
/* #breadcrumb
/***************************************************************************************************/
#breadcrumb{
	margin:0 auto; padding:5px 5px 5px 650px; width:300px; height: 15px; 
}
#breadcrumb ul{
	list-style:none; margin:0;
}
#breadcrumb li{
	list-style:none; float:left; margin:0 5px 0 0; border-right:1px solid #595959; padding: 0 5px 0 0; font-size: 11px;
}
#breadcrumb li.lastItem{
	border-right:none !important;
}
#breadcrumb a{
	text-decoration:underline; color:#595959;
}
#breadcrumb a:hover{
	text-decoration:underline; color:#595959;
}

/***************************************************************************************************/
/* #header
/***************************************************************************************************/
#header{
	background:#604030 url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/header.jpg) top left no-repeat; height:77px; padding: 24px 0 0 27px;
}
#header #datesvenue{
	display:none;
}
#iqpclogo{
	margin:0; height:60px; width:153px;
}

/* Navigation Rules
--------------------------------*/
#menuContainer {
	z-index: 1; width: 100%; height: 25px; background: #cacaca url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/navbg.gif) repeat-x top left;	border-bottom:#acacac 1px solid;
}

#mainmenu { float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#mainmenu, #mainmenu ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: 2; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; left:3px; }
#mainmenu ul { width: 175px; position: absolute; left: 0px; display: none; list-style:none; }
#mainmenu li { float: left; margin: 0; padding:0; position: relative; z-index: 3; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #656565; list-style:none; border-right:#c8c8c8 1px solid;}
#mainmenu li a { padding: 5px 16px 5px 15px; display: block; color: #656565; text-decoration: none; font-weight:bold; }
#mainmenu .home a { background: none; padding:5px 25px;}
#mainmenu li a:hover {background: #12add5; color:#fff;}
#mainmenu li.lastItem{border-right:none; margin:0;}
#mainmenu li.lastIt a { padding: 5px 24px 5px 14px; }


/***************************************************************************************************/
/* #leftcolumn
/***************************************************************************************************/
#frame #maincontainer{
	width:950px; height:auto; position: relative; padding:0 0 35px 0; background:#fff url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/mainbg.gif) bottom left repeat-x;	overflow: hidden; margin:0 !important;
}
#frame #leftcolumn{
	width:694px; float:left; padding:14px 0 0 12px;
}
#frame #leftcolumn.fullwidth{
	padding:0;
}

#frame #leftcolumn h1{
	color:#0061b4; font-family:"Times New Roman", Times, serif; font-size:21px; 
}
#frame #leftcolumn.fullwidth h1{
	margin:14px 0;
}
#frame #leftcolumn h2{
	font-size:16px;	color:#63261A;
}

#frame #leftcolumn h3{
	color:#0061b4; font-size:13px;
}
#frame #leftcolumn ul{
	list-style:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/bullet.gif); margin:0 15px 14px; padding:0;
	
}
#frame #leftcolumn ul li{
	list-style:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/bullet.gif); margin:5px 10px; 
}
#frame #leftcolumn object{
	width:436px; height:270px; margin:0 0 14px; float: left;
}
#frame #leftcolumn #bottom_box{
	background:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/bottom_box.gif) no-repeat top left; width:450px; height:123px; margin:0 0 14px; text-align: left; padding: 8px 5px 0 231px; clear:both; position:relative; top:50px;
}


#leftcolumn_sub{
	width:710px;
	min-height:750px;
	_min-height:auto;
	float:left;
	padding:0px 5px 0 0px;
}

#leftcolumn_delegate{
  width:694px;
  min-height:750px;
  _min-height:auto;
  float:left;
  padding:0px 5px 0 26px;
}

#leftcolumn_delegate #delegatetable {
border:medium none;
width:95%;
}

#leftcolumn_delegate #delegatetable th {
background:none repeat scroll 0 0 #E8E8E8 !important;
color:#555555;
font-size:13px;
padding:5px;

}
#leftcolumn_delegate #delegatetable td {
padding:5px;
vertical-align:top;
}

#leftcolumn_delegate #delegatetable td.info {
background:none repeat scroll 0 0 #F3F3F3;
}


* html #leftcolumn_delegate{
  height:750px;
}
#leftcolumn_delegate h1{
  margin-top:20px;
}

* html #leftcolumn_delegate{
  height:730px;
}

* html #leftcolumn_sub{
	height:750px;
}
#leftcolumn_sub h1{
	margin-top:20px;
}
#leftcolumn_sub2{
	width:600px;
	min-height:750px;
	float:left;
	padding: 0 5px 0 0px;
}
* html #leftcolumn_sub2{
	height:730px;
}
#leftcolumn object{
	width:436px;
	height:270px;
	margin: 13px 0;
	float: left;
}

#greydelegates{
	margin:10px auto;
	width:425px;
	background:#dadada;
	height: 100px;
	padding:15px;
}

#right{
	width:230px; float:right; padding:0; display: inline; margin: 0 0 0 24px; min-height: 500px; height: auto !important; height: 500px;
}

#right h2{
	color:#521100; font-family:Arial, Helvetica, sans-serif; font-size:16px; display:block; background:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/speaker_top.gif) top center no-repeat; padding: 8px 10px 3px 10px; margin:0;
}

#int{
	border:1px solid #c7c7c7; background:#fff url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/bw_box.jpg) no-repeat bottom right; width:228px; height:147px; margin: 16px 0;
}
#int h3{
	margin:0 !important; padding:10px 8px 10px 8px !important; height:15px; color:#0061b4; font-size:13px; background:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/bw_h3.gif) top left repeat-x; line-height: 6px;
}
#int p{
	margin:0px 8px 5px 8px; width: 130px; font-size:11px; font-weight: normal;
}

#frame #leftcolumn #right #linkedin{
	border-left:1px solid #c7c7c7; background:#fff url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/test_bg.gif) bottom left repeat-x; width:220px; height:auto; margin: 30px 0; padding:0 0 10px 8px;
}
#frame #leftcolumn #right #linkedin p{
	font-size:12px;
}

s{
	border-left:#c7c7c7 solid 1px;
	border-top:none;
	border-right:#c7c7c7 solid 1px;
	border-bottom:#c7c7c7 solid 1px;
	background:#f2f1e6;
	margin:0;
	padding:0;
	height: auto;
}
s p{
	margin:0;
	padding: 5px;
}

s .speakerlist{
	background:#fff url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/sp_bg.gif) repeat-x left bottom;
	padding: 5px 10px 10px 10px;
	bottom: 0px;
}
s .speakerlist p{
	color:#0061b4;
	margin: 0px 5px 0 0px;
}

/* Carousel
--------------------------------*/

#previous_keynotes{
	width:373px;
	clear:both;
	padding:0;
	margin: 10px 0 0 0;
}
.stepcarousel{
	position: relative;
	overflow: scroll;
	width:170px;/*Width of Carousel Viewer itself*/
	height: 80px;
	margin: 0 0 0 20px;
}

.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 0px; /*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. */
}

/* #middle
--------------------------------*/
#frame #leftcolumn #middle{
	float:right; display:inline; width:465px;
}
#frame #leftcolumn #middle h1{
	font-size:21px;
}
#frame #leftcolumn #middle h3{
	color:#656565; font-size:13px;
}
#frame #leftcolumn #middle blockquote{
	font-style: italic; margin:0 0 14px; font-size: 13px;
}
#frame #leftcolumn #middle cite{
	font-style: normal; font-weight: bold; margin:0 0 14px; text-align: right; display: block;
}

#frame #leftcolumn #middle .sp_box{
	background:#EEEDED; width:420px; margin:0 auto 14px; padding:10px 20px; height:100px;
}

#frame #leftcolumn #middle .profile{
	width:306px; float:right; display:inline; background:#fff; padding:10px; height:35px;
}
#frame #leftcolumn #middle .profile img{
	float:right; position:relative; right:5px; top:1px; margin-left:8px;
}



/* #left
--------------------------------*/
#frame #leftcolumn #left{
	float:left; display:inline; height:100%; padding:0; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; float:left; width: 205px;
}
#frame #leftcolumn #left.venue{
	border:none; padding:14px 0px 14px 10px;
}
#frame #leftcolumn #left h3{
	font:18px "Times New Roman", Times, serif; color:#065a91; padding: 8px 15px; background: #eeeded; margin:0 0 14px; height:auto;
}
#frame #leftcolumn #left p{
	margin:10px 15px 14px;
}
#frame #leftcolumn #left p strong{
	color:#065a91;
}
#frame #leftcolumn #left .quote{
	background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/whatotherssay.gif) center top no-repeat; margin:10px 0; padding:22px 10px 0 10px; border-bottom: none; border-top: 1px solid #c7c7c7;
}
#frame #leftcolumn #left .quote h3{
	margin:0 0 100px 0; padding:0; font-size:18px; background: none; font-weight: normal; width: 100%; text-align: center;
}
#frame #leftcolumn #left .quote blockquote{
	background:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/quote1.gif) top left no-repeat;
	text-indent:30px; margin:0 0 10px 0; padding: 8px 0 10px 0; display:block;
}
#frame #leftcolumn #left .quote span{
	background:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/quote2.gif) bottom right no-repeat;
	margin:0 auto; display:block; padding: 8px 0 14px 0;
}

#frame #leftcolumn #left .quote cite{
	margin:0 auto 14px; display: block; font-style:normal; font-weight:bold; text-align:right;
}
#frame #leftcolumn #left .quote p{
	margin:0 0 14px;
}


/***************************************************************************************************/
/* #rightcolumn
/***************************************************************************************************/
#rightcolumn{
	width:210px; float:right; margin:15px 10px 0 0; display: inline;
}

#rightcolumn .eventimageleft{
	margin:0 8px 10px 0; display: inline;
	float: left;
	padding: 0;
}
#rightcolumn .hr{
	clear:both;
}
#cta{
	margin:0 auto 14px; padding:0;
}
#rightcolumn #cta .reg_box{
	height:72px;
}
#rightcolumn #cta .brochure_box{
	height:78px;
}
#rightcolumn #testimonials{
	border-top:#c7c7c7 1px solid; border-bottom: #c7c7c7 1px solid; margin:0 0 14px; height:190px; padding:0 0 10px;
}
#rightcolumn #testimonials img{
	left:15px; position:relative; top:8px;
}
#rightcolumn #testimonials img.floatLeft{
	float:left; position:relative; top:3px; left:0; display:inline; margin-right:8px;
}
#rightcolumn #testimonials p{
	position:relative; font-weight:bold; top:14px; left:10px;
}
#rightcolumn #testimonials p a strong{
	color: #421409;
	font-size: 12px;
}

#rightcolumn #cta .call_box{
	margin:0; background:#fff; padding:0; border-bottom: #c7c7c7 1px solid;
}
#rightcolumn #cta .call_box h3 {
	color:#666666; font:16px "Times New Roman", Times, serif; font-weight:bold; background:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/November/18437001/callbox_h3.gif) top left no-repeat; height:33px;
line-height:normal; margin:0px 5px 5px; padding:21px 5px 7px 85px; width:115px; border-bottom:#a1a1a1 dashed 1px;
}
#rightcolumn #cta .call_box p{
	margin:0 10px 5px;
}
#rightcolumn #cta .call_box ul{
	padding:0; list-style:url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/arrow.gif); margin:0 0 14px 20px;
}
#rightcolumn #cta .call_box ul li{
	padding:0; margin:0 5px 3px; font-size:11px; list-style:url(http://www.iqpc.com/uploadedImages/uploadedImages/EventRedesign/UK/2010/May/18166001/arrow.gif);
}


#rightcolumn .quicklinks{
	 margin: 0 auto; clear:left; display:block; border-bottom: #c7c7c7 1px solid; height:40px; padding:5px 0;
}
#rightcolumn .quicklinks img{
	float:left; display:inline; position:relative; top:3px; left:10px;
}
#rightcolumn .quicklinks p{
	display:inline; position:relative; top:10px; left:15px;
}
.linkedin {
	background:#E4E4E4 !important;
}
#rightcolumn .iq_box {
	margin: 0 auto 14px auto; padding: 0; display:block;
}
#rightcolumn .iq_box p {
	font-size:11px; margin: 10px 10px 10px 10px; padding: 0 0 10px 0;
}
/* .partner */
#rightcolumn #partners {width:200px; margin:0 auto;}
#rightcolumn #partners p { color: #065a91; font-weight: bold; }
#rightcolumn #partners img{
	background:#fff; margin:5px auto 14px; padding:5px 10px; text-align:center; border: 1px solid #c7c7c7;
}
/* Universal Classes
--------------------------------*/
.eventimageleft, .eventimageright, .eventimagecenter, .eventimagecentre{
	margin:0px 8px 5px 8px;
	vertical-align:bottom;
}

.eventimageleft{
	float: left;
	margin-right: 8px;
	margin-left: 0px;
	clear: left;
}
.brainweavetitle{
	color: #063c79;
	font-weight: bold;
}


/* Download Center
---------------------------------*/
.downloadcenter{
	margin:10px 0;
	font-size:11px;
	display: block;
	width: 250px;
	height: 100px;
}
.downloadcenter span{
	margin:10px 0;
	display: block;
}


/* Speaker Scroller
--------------------------------*/
#f_speakers{
	width: 228px; height: auto !important; height: 300px; background: #f7fdff; border-right:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; border-bottom:#c7c7c7 1px solid; padding: 9px 0 0 0; overflow: hidden; margin: 0;
}
#f_speakers ul#speaker_spotlight {
	list-style: none !important; margin: 0 10px; padding: 0;
}
#f_speakers ul#speaker_spotlight li {
	list-style:none !important; padding: 0; clear: left; margin:10px 0px 5px 0px; font-size:11px; 
}
#f_speakers ul#speaker_spotlight li .eventimageleft {
	margin-bottom: 20px; margin-top: 1px;
}
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 */
.jcarousel-container {
	 position: relative;
}
.jcarousel-clip {
	z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;
}
.jcarousel-list {
	z-index: 1; overflow: hidden; position: relative; top:10px; left: 0; margin: 0; padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left; list-style: none; width: 180px; height:275px;
}

.jcarousel-next {
    z-index: 3; display: none; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/aro-rt.gif) no-repeat; width: 10px; height: 11px;
    position: absolute; top: 0px; right: 10px; cursor: pointer;
}
.jcarousel-prev {
    z-index: 3; display: none; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/aro-lft.gif) no-repeat; width: 10px; height: 11px;
    position: absolute; top: 0px; left: 180px; cursor: pointer;
}
ul#logoRotate .jcarousel-list li, ul#logoRotate .jcarousel-item { width: 200px; height: 100px !important; float: left !important; clear: none !important; list-style: none; }

#f_speakers_logo .jcarousel-next { width: 10px; height: 11px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/aro-rt.gif) no-repeat; position: absolute; right: 16px; display: none; cursor: pointer; z-index: 5; top: 33px;}

#f_speakers_logo .jcarousel-prev { width: 10px; height: 11px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/aro-lft.gif) no-repeat; position: absolute; top: 33px; left: 13px; display: none; cursor: pointer !important; z-index: 5;}

#f_speakers_logo{
	background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/sp_bg.gif) bottom repeat-x #fff !important;
	height: 125px !important;
	padding: 5px 10px 10px 10px;
	bottom: 0px;
}
#f_speakers_logo p{
	color: #521100;
	margin:5px 5px 0 0;
}

#leftagenda .jcarousel-next { width: 10px; height: 11px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/aro-rt.gif) no-repeat; position: absolute; right: 16px; display: none; cursor: pointer; z-index: 5; top: 33px;}

#leftagenda .jcarousel-prev { width: 10px; height: 11px; background: url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/aro-lft.gif) no-repeat; position: absolute; top: 33px; left: 13px; display: none; cursor: pointer !important; z-index: 5;}


/* Agenda 
-------------------------------*/
#leftagenda{
	margin:13px 0 0 0; padding:0 10px; float: left; width:205px; display:inline;
}
#agenda{
	float: right; width:465px; margin-bottom:14px; display:inline;
}

.Session{
	float: left; display: block; width:98%; margin:0; border-top: 1px solid #c9c9c9; padding:20px 10px 5px; 
}
.Break{
	float: left; display: block; width:98%; margin:0; border-top: 1px solid #c9c9c9; padding:20px 10px 5px; background:#eee;
}

.Session span.Time, .Break span.Time{
	font-size: 12px;  font-weight: bold; color: #656565; 
}
.Session .right, .Break .right{
	width:465px; float:right;
}
.Session .right h2, .Break .right h2{
	margin:0 0 10px; font-size:14px;
}
.Session .right table th{
	background:#63261A; color:#fff; padding:5px; text-align:center;
}
.Session .right table th .white{
	background:#fff !important;
}
.Session .right table td{
	padding-top:5px;
}
.Session .right table td p, .Session .right table td h2{
	margin:0 5px 14px !important;
}
.Session .right table.roundtables{
	width:465px;
	margin:10px auto;
}
.Session .right table.roundtables tr{
	height:100px;
}
.Session .right table.roundtables td{
	border-right:1px solid #c9c9c9;
	border-bottom:1px solid #c9c9c9;
}
.Session .right table.roundtables td.noborderright{
	border-right:none !important;
}
.Session .right table.roundtables td.noborderbottom{
	border-bottom:none !important;
}
.Session .left, .Break .left{
	width:200px;
	float:left;
	margin:0 0 0 10px;
}
.Session .left p, .Break .left p{
	font-size:11px;
}



/***************************************************************************************************/
/* #footer
/***************************************************************************************************/
#footer{
	background:#62261a url(http://www.iqpc.com/uploadedImages/EventRedesign/UK/2010/May/18166001/footer_bg.gif) repeat-x top left;	height:34px; bottom: 0px; font-size:11px; color:#fff; clear:both;
}

#footer p.left{
	margin:10px 0 0 25px; padding:0; float:left; 
}
#footer p.right{
	margin:10px 25px 0 0; padding:0; float:right;
}
#footer p a{
	font-size:11px; color:#fff; text-decoration:none;
}
#footer p a:hover{
	font-size:11px; color:#fff; text-decoration:underline;
}

#maincontainer #footer { position: absolute; width:100%; }

img.logo {
	float: left; display: inline; margin: 0 14px 20px 0;
}
div.blurb {
	display: inline;
}