/* styles are divided between three stylesheets layout.css, design.css, typography.css */
/* navigation styles are contained solely within typography.css */
/* CSS Document */

body{
	background:#fff url(../images/bg_img.gif);
	
}


#branding {
    background-image:url(../images/header.jpg);
}

#strapline{
	background-image:url(../images/strapline.gif);
    height:29px;
    line-height:25px;
}

#info-bar{
	background-image:url(../images/infoBar.gif);
	background-repeat:no-repeat;
	margin:0;
}

#conference-info{
	float:right;
}

#conference-date {
	float:left;
	width:200px;
	margin:8px 0 0 6px;
	text-transform:uppercase;
}

#conference-venue {
	float:right;
	width:350px;
	margin-top:8px;
	text-transform:uppercase;
}

.print_logo {
    display: none;
}


.floatright {
	float:right;
	margin:5px;
}


#wrapper{
	background:url(../images/bodywrap.gif) repeat-y;
}

#mainContent{
	margin:0;
	padding:18px;
}

#siteContainer{
	margin-top:5px;
	border:1px solid #fff;

}

#site-info{
    background:url(../images/footerbg.gif);
	width:800px;
	border-top: 1px solid #fff;
	border-right:hidden;
	padding:0;
}

#navigation {
	background: url(../images/nav_bg.gif) repeat-y;
}

#secondaryContent{
	text-align:center;
	padding-right:10px;
}


/* =h2 */
#navigation h2 {
	position: absolute;
	text-indent: -9999px;
}

hr { border:none; border-bottom: dotted 2px #c4c4bd; width:100%; background-color:#FFFFFF; color:white; margin-bottom:15px; margin-top:20px;}


#logo{
    background-image:url(../images/logo.gif);
}



.msgBox{
    background-color:#edf2f3;
	padding:12px 6px 2px 6px;
	margin:10px 2px 0 0;
	width:440px;
	height:60px;
	border:solid 3px #e6e5e5;
}


#mainContent address { 
	width:300px;
	font-style:normal;
}


dl.table-display {
	width:37em;
	margin: 1em 0;
	padding: 0;
	overflow: hidden;

}

.table-display dt {
	width: 10em;
	float: left;
	margin: 2px 0 2px 0;
	padding-top: .5em;
}


/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */



.table-display dd {
	float: left;
	width: 25em;
	margin: 2px 0 2px 0;
	padding-top: .5em;
}


/* speakers */

div#paraRight ul {
	margin:0;
	padding:0px;
	list-style:none;
}

div#paraRight ul li{
	width:400px;
	display:block;
	margin-right:10px;
	margin-bottom:20px;
	min-height:120px;
	height:120px;
	border-bottom: dotted 1px #797676;
	padding:5px;
	list-style:none;
	clear:both;
}

div#paraRight ul li p{
	margin-top:5px;
	padding:0;
}

div#paraRight img{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
/* end of speakers */

/* homepage arrow bulleted points */

#contentContainer ul.arrowUl {	
	margin-left: 15px;
	padding:0;
}

#contentContainer ul.arrowUl li {
    list-style-type: none;
	padding: 0 0 0 20px;
	background: transparent url(../images/nav_ro.gif) no-repeat 5px 0.4em;
}


#contentContainer ul.arrowsmUl {	
	margin: 0;
	padding:0;
}

#contentContainer ul.arrowsmUl li {
    list-style-type: none;
	padding: 0 0 0 20px;
	width:300px;
	background: transparent url(../images/nav_ro.gif) no-repeat 5px 0.4em;
}


/* homepage arrow bulleted points */


/* =li */

#contentContainer ul {
	list-style: disc outside;
	margin: .5em 0 0 0.5em;
}

#contentContainer li {
	list-style: disc outside;
	margin:5px 0;
}

/* =li */


#contentContainer ul#timetable ul li {
    list-style-type: none;
	padding: 0 0 0 40px;
    background: transparent url(../images/nav_ro.gif) no-repeat 30px 0.4em;
}


#contentContainer ul#timetable ul li.imagefree {
    list-style-type: none;
	padding: 0 0 10px 20px;
	background-image:none;
}


#contentContainer dd ul li.nobullet {
     margin : 0; 
     padding : 0; 
     list-style-type: none;
}


table {
	border-collapse: collapse;
	border: 2px solid #DCDADA;	
}
th,td {
	background: #F9FCFD;
	border: 1px solid #BFDFEB;
	padding: .125em 1em;
	vertical-align: top;
}
thead th {
	background: #BFDFEB;
	padding: .125em 1em;
	vertical-align: top;
	font-weight: bold;
}
.total td {
	font-weight: bold;
}
th.currency, td.currency {
	text-align: right;
}

/* *** CARDS *** */
#cards h3 {
	display: none;
}
#cards ul {
	list-style: none;
	text-align: center;
}
#cards li {
	display: inline;
}

/* *** BADGE *** */

#preview-badge {
	background: #fff url(../images/vis_badge.gif) no-repeat;
	/* applying a border stops margin collapsing in Moz; >>
	otherwise the background image shows at the same position as the first line of text */
	border: 1px solid #fff;
	width: 300px;
	height: 213px;
	margin: 0 auto;
	position: relative;	
}
#preview-badge p {
	text-align: center;
	font-weight: bold;
	margin: .7em 0 .7em 0;
	padding: 0;
}
#preview-badge p.name {
	margin-top: 90px;
	font-size: 1.4em;
}
#preview-badge p.job-title {
	font-size: 1.2em;
}


#worldpay-response {
	margin: 1em 0;
	border: 1px solid #999999;
}




/* rounded corner box in secondary content area */


.top-left {
    margin-right: 9px; /* clip right corner */
	background-image: url(../images/corners1280x18.gif);
	height: 9px; /* vertical: show first half of the image with the top-corners in it */
	font-size: 2px; /* correct height for IE */
}

.top-right {
    margin-top: -9px; /* to level of top-left corner */
	margin-left: 9px; /* clip left corner */
	background-image: url(../images/corners1280x18.gif); 
	background-position: 100% 0; /* show bg-image starting at the right */
	height: 9px; 
	font-size: 2px;
}

.bottom-left {
	margin-right: 9px; /* clip right corner */
	background-image: url(../images/corners1280x18.gif);
	background-position: 0 -9px; /* show under half of the image */
	height: 9px;
	font-size: 2px;
}

.bottom-right {
    margin-top: -9px; /* to level of bottom-left corner */
	margin-left: 9px; /* clip left corner */
	background-image: url(../images/corners1280x18.gif); 
	background-position: 100% -9px; /* under half, right side */
	height: 9px; 
	font-size: 2px; 
}

.inside {
	border-left: 2px solid #d6d6d6;
	border-right: 2px solid #d6d6d6;
	background: #fff;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}

.notopgap {
	margin-top: 0;
}

.nobottomgap {
	margin-bottom: 0;
}

.viewpaper {
	background: #ffffff;
	width: 94%;
	border: 1px solid #2A2727;
	padding: 6px;
	margin-top:30px;
}

