/* GLOBAL RESET & STYLE
   -----------------------  */   
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, 
abbr, acronym, address, big, cite, code,del, dfn, 
em, font, img, ins, kbd, q, s, samp,small, strike, 
strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, 
ol, ul, li,fieldset, form, label, legend,table, 
caption, tbody, tfoot, thead, tr, th, td 
	{ margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; } 
body
	{ background:url(../images/background.gif) top center black no-repeat;
	background-color:#8ba6b7;
	  font-family:"Trebuchet MS", Helvetica,  sans-serif;
	  font-size:13px; }
body.series{  background-image:none;}
p
	{line-height:19px;margin-bottom:20px;}
a
	{ text-decoration:underline; 
	  color:#000;
	}

h1
	{ color:#fff;
	  font-size:18px;
	  background-color:black;
	  padding:15px 0 15px 26px;
	  text-transform:uppercase;
	  }
	  
h1 a{ color:#fff;text-decoration:none; }
h1 a:hover{ text-decoration:underline;}

h2
	{ font-size:20px;
	  color:orange;
	  font-weight:normal;
	  letter-spacing:.07em;
	  text-transform:uppercase;
	  padding:0px 20px 0px 25px;
	}
h3{
	font-size:15px;
	padding:0px 20px 0px 25px;
	}
form label{
display:inline-block;width:100px;
}	
img
	{ border:none; }
ol, ul 
	{ list-style: none;	} 
blockquote, q 
	{ quotes: none; } 
table 
	{ border-collapse: collapse;
	  border-spacing: 0;	} 
.clear
	{ clear:both; }


/* 
   GLOBAL STRUCTURE 
   -----------------------------------------------------------------------  */   
#container
	{ 
	  width:900px;
	  margin:0 auto; 
	  }


#wrap{
		float:left;
		width:100%;
		margin:0 auto;
		padding-top:25px;
  	    background:url(../images/showcasebg.png) top left transparent no-repeat;
	  }
/* (header section)  */ 
#header
	{ height:90px;
	  margin:10px 0;
	  }
#header div
	{ height:90px;
	  overflow:hidden;
	  }
#otherevents{
	margin:0px;
	background-color:#000;
	overflow:auto;
	width:100%;
	padding:5px 0px;}
	
#otherevents li{
	  float:right;
	  margin-right:1px;
    }
#otherevents li a{
	text-decoration:none;
	color:#CCC;
	padding:2px 10px;
	}
	
#otherevents li a.active, #otherevents li a:hover{
	background-color:#383838;
}	
#logo
	{ width:169px;
	  float:left;
	  /* this margin is only here when countdown is removed  margin-left:88px;*/}
#conf_date
	{ width:304px; 
	  padding-left:9px;
	  background:url(../images/vr_dotted.png) top left transparent no-repeat ;
	  float:left;
	  }
#conf_date p
	{ font-size:26px;
	  text-align:center;
	  color:orange;
	  font-weight:normal;
	  letter-spacing:.12em;
	  }
	  
#conf_countdown
	{ width:177px;
	  padding-left:5px;
	  background:url(../images/vr_dotted.png) top left transparent no-repeat ;
	  float:left;
	  display:block;
 	  font-size:30px;
	  color:orange;
	}
	  
#conf_countdown p, #conf_date p
	{padding-top:30px;
	}
#conf_countdown span
	{ background:url(../images/eventcountdown.png) top center transparent no-repeat;
	  display:block;
	  height:90px;
	  padding-top:25px;
	  text-align:center;
	  width:85px;
	  float:left;
	  margin:-25px 0px 0px 13px;
	  z-index:500;}
#conf_thankyou{
	  width:177px;
	  padding:0px 0px 0px 5px;
	  background:url(../images/vr_dotted.png) top left transparent no-repeat ;
	  float:left;
	  text-align:center;
	  display:block;
 	  font-size:15px;
	  color:orange;
}
#conf_thankyou p{
	padding-top:22px;
}
#conf_register
	{ width:226px;
	  padding-left:5px;
	  background:url(../images/vr_dotted.png) top left transparent no-repeat ;
	  float:left;}
#conf_register a{
	background:url(../images/teaserbutton.png) top left transparent no-repeat;	  
	display:block;
	width:226px;
	height:90px;
	color:orange;
	padding:25px 0px 0px 30px;
	text-decoration:none;
	}
#conf_register a span{text-decoration:underline;font-weight:bold;display:block;text-transform:uppercase;}
.regnumbers
	{ font-size:13px;
	  text-align:left;
	  margin-top:24px;
	  padding-left:32px;
	  color:orange;
	  font-weight:normal;
	  position:absolute;}

span.regnumbers
	{ font-weight:bold;
	  color:rgb(116,161,220);
	}

a#back{
	  display:inline-block;
	  margin:10px 0px 30px 25px;
}


/*panel style*/
.ui-tabs-panel 
	{ clear: left;
	  margin: 0;
	  padding: 0px;
	  width: 565px;}
#location
	{ width:565px;
	  height:210px;
	  margin-left:26px;
	  padding-top:25px;}
.locationimg
	{ width:211px;
	  padding:9px;
	  border:1px solid rgb(153,153,153);
	  float:left;}
.locationinfo
	{ float:left;
	  width:250px;}

#maincontent
	{ width:622px;
	float:left;
	left:25px;
	position:relative;
	background-color:#fff;
	min-height:800px;
	height:auto !important;
	overflow:hidden;
	  }
#maincontent.homepage
	{
	background-color:transparent;
	}	  
#maincontent.homepage div
	{
	background-color:#fff;
	}
	
#maincontent p{
	padding-left:25px;
}
#homepagewrap div.directchild{
	width:95%;
	margin:0 auto;
	padding:25px 0px;
	overflow:auto;
}
#homepagewrap>div{
	width:95%;
	margin:0 auto;
}
#splash{margin-bottom:15px;}
#panelwrap
	{ width:622px;
	  height:713px;
	  padding-top:10px;
	  background:#fff;}
#panelwrap p
	{ padding:10px 26px;}	  
#mainbg
	{ width:900px;
	  min-height:700px;
	  height:700px;
	  background-color:rgb(180,180,180);
	  margin-bottom:10px;
	  }






/* (sidebar)
   -----------------------  */
#sidebar
	{ width:205px;
	  min-height:100%;
	  position:relative;
	  display:inline;
	  float:right;
	  margin:0px 25px 0px 0px;
	  }
#featuring{height:260px;overflow:hidden;}
#featuring h2{
	color:#fff;padding:0;
	}

#featuring li
	{ overflow:auto;
	  color:#fff;
	  margin-top:10px;
	  margin-bottom:20px;
	  clear:both;
	}
#featuring li em{font-style:normal;display:block;}	
	  
#featuring li img
	{ float:left;
	  margin-right:10px;
	  width:55px;
	  height:55px;
	  border:1px solid #fff;}
	  


.speakersinfo
	{ padding-top:13px; }
.speakersinfo img
	{ width:78px; 
	  float:left;
	  border:1px solid rgb(153,153,153);}
.speakersinfo p
	{ width:105px;
	  padding-left:5px;
	  color:#fff;
	  float:left; }


/* (main navigation tab & panel structure)
   -----------------------  */ 

.ui-tabs-hide 
	{ display: none;}

#tabSet {
	width:622px; 
	height:45px; 
	overflow:hidden;
	background:url(../images/tabsetbg.png) top left transparent no-repeat;
	position:relative;
	padding:0px; 
	display:block;
	}

#tabSet li {
	list-style:none; 
	float:left; 
	display:block;
	width:140px;
	height:45px;
	text-align:center;
	overflow:hidden;
	padding-top:11px;
	margin-right:-12px;
	font-size:.85em;
		line-height:14px;
	letter-spacing:.15em;
	}
#tabSet a{text-decoration:none;}	
#tabSet li a strong{
	display:block;color:black;
	font-size:1.35em;
	margin:0;
	}	
#tabSet li.first{
width:150px;
}	
#tabSet li.first.active{
/*	background:url(../images/tabfirst.png) top center transparent no-repeat;
	*/}	
#tabSet li.active{
	background:url(../images/tab.png) top center transparent no-repeat;
	}
	
#tabSet li a{
	color:#fff;
	outline:none;}

#tabSet li a.active{
	color:#000;}
#tabSet a:hover, #tabSet a:hover strong{text-decoration:underline;}

table.agenda{
width:98%;
margin:0 auto;
}
table.agenda th{text-align:left;}
table.agenda tr{border-bottom:1px solid #fff;background-color:rgb(255,255,255);}
table.agenda tr.titles{background-color:black;color:orange;font-weight:bold;font-size:15px;}
table.agenda tr.head{font-weight:bold;background-color:rgb(245,245,245);color:black;}
table.agenda tr.head td.event, tr.head td.presenter, tr.head td.time{font-size:1.15em;border-top:1px solid black;}
table.agenda tr.head td.presenter, tr.head td.time{font-weight:normal;color:#000;font-size:1em;}
table.agenda td, table.agenda th{padding:5px 10px;}
table.agenda td.time{width:100px;}
table.agenda td.event{width:250px;}

#subnav
	{ width:204px;
	}
	
#subnav a
	{ display:block;
	  margin:0px;
	  padding:14px 0;
	  background-color:#000;
	  text-align:center;
	  text-decoration:none;
	  text-transform:uppercase;
	  color:#fff;}

#subnav li.active a{
  	background:url(../images/liactive.gif) top left no-repeat #000;
	cursor:default;
}
#subnav span.active{
	  font-size:10px;
	  margin:0px 5px 0px -10px;
	  
	  }	  
#subnav li{
	  padding:0px;
	  margin:0px 0px 1px 0px;
	  display:block;
	  border:1px solid #000;}
#subnav a:hover
	{ background-color:black;}




/* 
  VIDEOS PAGE STYLES 
  -----------------------------------------------------------------------  */ 
#player{
  width:92%;
  margin:0 auto;
  position:relative;}
#player .controls a{
	position:absolute;
	font-size:30px;
	color:#000;
	text-decoration:none;
	top:180px;
	
	}
p.presentedby{margin-bottom:20px;}
#player .controls a.next{right:10px;}
#player .controls a.previous{left:10px;}
#player div.tooltip{position:absolute;top:175px;left:90px;background-color:#000;z-index:100;color:#fff;font-size:20px;width:380px;padding:12px;border:1px solid #fff;}

#videonav a:hover{
	color:black;
}

ul.presentations{
width:97%;
clear:both;
overflow:hidden;
margin:10px 0px 30px 20px;
}

ul.presentations li{
width:48%;
float:left;
margin:0px 2px 0px 0px;
}
.presentations li a{
display:inline-block;
width:100%;
height:100%;
text-decoration:none;
}
.presentations li span{
top:5px;
position:relative;
color:#000;
}

li.pending span.pending{color:#f00;font-size:11px;position:relative;display:block;margin-top:0px;}

.presentations li span.speaker{
color:#999;
font-size:90% ;
}

.presentations li a:hover{
background-color:#ddd;
}
.presentations li img{
float:left;
padding:3px;
border:1px solid #CCC;
background-color:#fff;
margin:3px 10px 10px 3px;height:75px;
}
.presentations span.speaker{
display:block;
}

ul.presentationfiles
	{ width:90%;
  	  margin:20px 0px 20px 15px;
	  overflow:auto;
	  position:relative;
	}
.presentationfiles li{
	  display:block;
	  float:left;
	  position:relative;
	  width:100%;
	  margin-bottom:20px;
}
.presentationfiles a
	{
	margin:10px 10px 0px 0px;
	height:20px;
	display:block;float:left;
	}
a.watch{	background:url(../images/watch.gif) top left no-repeat;padding-left:20px;}
a.watch.active{background-color:gray;color:#fff;text-decoration:none;}
a.pdf{	background:url(../images/pdf.gif) top left no-repeat;padding-left:20px;}
.presentationfiles img
	{ width:75px;
	  height:75px;
	  padding:5px;
	  background-color:#fff;
	  border:1px solid rgb(153,153,153);
	  float:left;
	  margin:0 10px 10px;
	  }
.presentationfiles img.videos, .presentationfiles img.slides {width:44px;height:12px;padding:0;border:0;margin:0;float:right;left:55px;top:120px;}
.presentationfiles img.slides{left:10px;}
.presentationfiles span.speaker	{ color:#ccc; display:block;}
.presentationfiles span.title{display:block;color:black;}
#player #flashvideo{border-bottom:1px solid gray;text-align:center;margin-bottom:20px;}
img#headshot{display:block;float:left;margin:0px 10px 20px 0px;padding:4px;border:1px solid gray;clear:both;}
#videowrap p
	{ width:155px; 
	  padding:0 5px;
	  float:left;}

.pagenumbernav{overflow:auto;}
.pagenumbernav.top{overflow:auto;}
.pagenumbernav.top p{display:inline;float:left;}

.pagenumbernav p
	{ overflow:hidden;
	  width:40px;
	  float:left;
	}
.pagenumbernav ul
	{
	overflow:auto;
	float:left;
	}	 
.pagenumbernav li{
	float:left;
}
.pagenumbernav a
	{
	text-decoration:none;
	background-color:#000;
	color:#fff;
	padding:5px 10px;
	display:block;
	margin-right:1px;
	}
.pagenumbernav a:hover{text-decoration:underline;}
.pagenumbernav a:hover, .pagenumbernav a.current
	{background-color:black;}
	

div#contributornames
	{ width:205px;
	  min-height:100%;
	  position:absolute;
	  top:470px;
	  }
#contributornames h3
	{ color:black; }
#contributornames p 
	{ padding-left:2px; }

ul#conferences em.italic{font-style:italic; color:inherit;}	
	
/* 
  PLAYER PAGE STYLES 
  -----------------------------------------------------------------------  */ 
#playerwrap
	{ position:relative;
	  width:622px;
	  height:1125px;
	  background:#fff;
	}
#playerwrap a{text-decoration:none;}
#playerwrap a:hover{color:black;}
   
/* 
   INDEX STYLE
   -----------------------------------------------------------------------  */ 
#morelinks
	{ margin-top:20px; }
#morelinks p
	{ padding-bottom:1px; }
#morelinks a
	{ display:block; width:90px;margin:5px 0 0; padding:5px 10px ; background:#000; 
	  color:#fff;text-decoration:none; text-align:center; border:1px solid black;}
#morelinks a:hover
	{ display:block; width:90px;margin:5px 0 0; padding:5px 10px ; background:#b94a0e; 
	  color:#fff;text-decoration:none; text-align:center; border:1px solid black;}
#map
	{ width:420px; height:260px; 
	  background:url(../images/map.png) transparent no-repeat; 
	  float:left; 
	  margin-right:20px;
	  position:relative;}

#map img.pin
	{ position:absolute; float:left;}
	
.series #main{
background:url(../images/pattern.png) left top repeat;padding-bottom:20px;
}
.series #header{
overflow:auto;
height:100%;
margin:10px 0px 0px 0px;
position:relative;
}
.series #logo{
margin-bottom:10px;}
.series #headersplash
	{ clear:both;
	  height:325px;
	  display:block;
	  background:url(../images/seriesheader2.jpg) no-repeat;
	  border-top:10px solid #fff;
	  border-bottom:10px solid #fff;
	 }
.series h1{background-color:transparent;}
#contentwrap{background:url(../images/pattern.png) top left;}
.series #sidebar{padding:0;margin:0;}
.series #sidebar img{margin:0 auto;}

.associatedfiles{float:right;width:200px;padding:0;margin:0;}
.associatedfiles p{margin-left:-23px;margin-bottom:10px;}
.associatedfiles ul li{
margin-bottom:5px;}

div.associatedvideo{
clear:both;
float:left;
margin-left:-5px;
width:360px;
}

label.error{padding:0px 0px 0px 100px;width:400px;margin-bottom:20px;color:red;display:block;}

.series #wrap{
background-color:#fff;width:95%;padding:20px 0px;margin:0 auto;overflow:auto;float:none;}
.series #wrap div{float:left;width:48%;}
.series #wrap p{
width:98%;
}
.series #wrap em{
color:red;
font-style:normal;
}
ul#conferences{
display:block;
}
ul#conferences li{
float:left;
width:190px;
margin:5px 5px 0px 0px;
}
ul#conferences span{
display:block;
}
ul#conferences li a{
display:block;
margin:0 auto;
outline:none;
color:#fff;
text-decoration:none;
border:1px solid #000;
background-color:#000;
padding:10px;
}
ul#conferences li a:hover, ul#conferences li a.hovered{
border:1px solid orange;
color:orange;
}
ul#conferences span.city{
font-size:105%;
font-weight:bold;}

ul#conferences li.complete a{
background-color:#CCC;
border-color:#CCC;
background:url(../images/pattern.png) top left #888;
}
body.series #contentwrap{
}

ul#updates{
float:right;
font-size:17px;
margin-top:22px;
color:#fff;
}
ul#updates a{
color:#fff}

form#register ul li{margin:0px 0px 10px 0px;}
form#register input[type=text]{width:180px;}
label.nontext{width:auto;display:inline;}
legend{color:#000;}
div#registertopresent{float:left;width:40%;border:1px solid #ddd;padding:10px;}
div#registertopresent,{width:38%;}
div#registernormal{width:50%;float:left;margin-left:22px;}
div#registernormal,{width:50%;margin-left:12px;}
div#registernormal p{padding:0;}
div#registertopresent *{margin:0;padding:0;}
div#registertopresent p{margin:0;padding:0;}

div#registertopresent fieldset{border:0;}
#presentationtitle{width:100%;height:70px;}
div#registertopresent ul.categories {position:absolute;background-color:#fff;width:245px;display:none;}
div#registertopresent ul.categories li{border-bottom:1px solid #ccc;padding:4px;margin:0;cursor:pointer;background-color:#fff;}
div#registertopresent ul.categories li:hover{background-color:#ddd;}
form#register label.error,{width:200px;}
div#registertopresent p{margin-bottom:10px;}
p.chooseacategory{border:1px solid #ccc;display:block;padding-left:20px;text-align:left;position:relative;cursor:pointer;}
span.dropdownarrow{position:absolute;right:0px;}
span.trademark{font-weight:bold;font-style:italic;}

div#footer{margin:0 auto; overflow:hidden; width:899px;margin-bottom:20px;color:#fff;}
#footer p{padding:10px;}