@charset "UTF-8";
/* CSS Document */

html {
	background: url(../img/html-bg.jpg) no-repeat top center;
	background-color: #000000;
}

body {
	width: 960px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
}

.header {
	width:940px;
	height:130px;
	margin:20px auto 20px auto;
	padding:0;
}

.header a {
	background: url(../img/header.jpg) no-repeat top left;
	width:940px;
	height:130px;
	margin:0;
	padding:0;
	display: block;
	text-indent: -9999px;
}

/* insert leftCol and rightCol specific styles here */

.maincontentTop {
	background:url(../img/maincontentBg-top.gif) no-repeat top left;
	width: 580px;
	height:11px;
	margin:0;
	padding:0;
}


.maincontentMiddle {
	background: url(../img/maincontentBg-mid.gif) repeat-y;
	width: 580px;
	margin:0;
	padding:0;
	overflow: auto;
}


.maincontentBottom {
	background: url(../img/maincontentBg-bottom.gif) no-repeat top left;
	width: 580px;
	height: 11px;
	margin: 0;
	padding: 0;
}


.pad20 { padding: 20px 0 0 20px;}

.pad20Full {padding:10px 20px 0 20px;
	line-height: 1.4em;	
}

.regButtonGlow {
	width: 160px;
	height: 50px;
	margin: 0 0 30px 0;
	padding: 0;
	background: url(../img/register-button-shine.png) no-repeat 0 0;
	top: 0;
	left: 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.regButtonGlow  * {
	  display: none;
	}
	
.regButtonGlow  span.hover {
	width: 160px;
	height: 50px;
	margin: 0 0 30px 0;
	padding: 0;
	background: url(../img/register-button-shine.png) no-repeat 0 -50px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}


.enterButtonGlow {
	width: 160px;
	height: 50px;
	margin: -15px 0 10px 0;
	padding: 0;
	background: url(../img/enter-show-button.png) no-repeat 0 0;
	top: 0;
	left: 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.enterButtonGlow  * {
	  display: none;
	}
	
.enterButtonGlow  span.hover {
	width: 160px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(../img/enter-show-button.png) no-repeat 0 -50px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.downloadProgramGuide {
	width: 140px;
	height: 181px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/program-guide-tn.jpg) no-repeat 0 0;
	top: 0;
	left: 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.downloadProgramGuide  * {
	  display: none;
	}
	
.downloadProgramGuide  span.hover {
	width: 140px;
	height: 181px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/program-guide-tn.jpg) no-repeat -140px 0;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}


.computerButtonGlow {
	width: 160px;
	height: 185px;
	margin: 0;
	padding: 0;
	background: url(../img/computer-button-shine.jpg) no-repeat 0 0;
	top: 0;
	left: 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.computerButtonGlow  * {
	  display: none;
	}
	
.computerButtonGlow  span.hover {
	width: 160px;
	height: 185px;
	margin: 0;
	padding: 0;
	background: url(../img/computer-button-shine.jpg) no-repeat -160px 0;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.footer {
	width:960px;
	height: 112px;
	margin:0;
	padding:20px 0;
	text-align:center;
	color:#999;
	background: url(../img/footer-bg.png) no-repeat top left;
	}
	
.footer a { color: #999; text-decoration:none;}

.footer a:hover {text-decoration:underline;}
	
.footer p {
	padding: 10px;
	margin: 0;
	line-height: 14px;
}



#leftCol, #rightCol {
	text-align:center;
	color:#CCC;
}

.addthis_toolbox
{
    position: relative;
	top: -20px;
}

.sponsors .sponsor {
	text-align:center;
}	

.columnContentSeparator {
	margin: 10px 0;
}

.speakerBlock {
	margin: 0 0 20px 0;
}

.speakerBlock img {
	border: 1px solid #CCC;
	margin: 0 0 10px 0;
}


.sidebox {
	width: 160px;
	padding: 0;
	margin: 0 auto 20px auto;
	text-align: center;
}

.sidebox .top {
	width: 160px;
	height: 11px;
	background:url(../img/sidebox-top.png) no-repeat top left;
	margin: 0;
	padding: 0;
}

.sidebox .mid {
	width: 160px;
	background:url(../img/sidebox-mid.png) repeat-y;
	margin: 0;
	padding: 0;
}

.sidebox .ridge {
	background:url(../img/sidebox-ridge.png) no-repeat top left;
	width: 126px;
	height:1px;
	margin: 10px auto;
	padding:0;
}

.sidebox .bottom {
	width: 160px;
	height: 11px;
	background:url(../img/sidebox-bottom.png) no-repeat top left;
	margin: 0;
	padding: 0;
}

.agendaGrid {
	border: 1px solid #999;
	border-collapse: collapse;
}

.agendaGrid a {
	text-decoration: none;
	color: #003;
}

.agendaGrid a:hover {
	text-decoration: underline;
	}


.agendaGrid th, .agendaGrid td {
	border: 1px solid #999;
	padding: 10px;
	text-align: center;
	line-height: 1.3em;
}



.agendaGrid td.sessiontime {
	background-color: #f9f9f9;
	width: 150px;
	color: #666;
	font-size: 0.9em;
	text-align: left;
}

.agendaGrid td.pinkcolor {
	background-color: #CCC;
	line-height: 2px;
}

.agendaGrid td.yellowcolor {
	background-color: #CCC;
	line-height: 2px;
}

.agendaGrid td.greencolor {
	background-color: #CCC;
	line-height: 2px;
}

.agendaGrid td.orangecolor {
	background-color: #CCC;
	line-height: 2px;
}

.agendaGrid td.bluecolor {
	background-color: #CCC;
	line-height: 2px;
}


.agendaGrid th.track {
	background-color: #a9c8d6;
	font-size: 0.9em;
	
}

.agendaGrid .agendaspeaker {
	font-size: 0.9em;
	color: #888;
}

.agendaGrid .agendaspeaker a {
	color: #888;
	text-decoration: none;
}

.agendaGrid .agendaspeaker a:hover {
text-decoration: underline;
}

.agendaGrid td.keynote {
	background-color: #e9e9e9;
	width: 320px;
}

.agendaGrid td.generalssession {
	width: 320px;
	vertical-align: middle;
}

.agendaGrid td.ondemandsession {
	background-color: #f9f9f9;
	width: 80px;
	color: #666;
	text-align: left;
}

#speakerBios .affiliation {
	color: #666;
	font-style: italic;
	
}

.speakerItem {
	padding-top: 1.5em;
	clear: both;
	}
	
	.speakerHeadshot {
	float: left;
	width: 100px;
	font-size: 0.9em;
	color: #999999;
	margin: 5px 10px 0 0;
	text-align: center;
	}
	
	.speakerHeadshot img {
	float: left; 
	border: solid 1px #000; 
	width: 90px;
	height: 100px;
		}

	.speakerBio {
	float: left;
	width: 410px;
/*	line-height: 1.4em;
*/	}
	
.clearing {
	clear: both;	
}

.trackHeader {
	font-size: 24px;
	font-weight: normal;
	background-color: #01254e;
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	color: #FFF;
	border: 1px solid #024188;
}

