/* CSS Document */

/* Tabs
--------------------------------*/
.ui-tabs { 
	padding: .2em; 
	padding-top: 0.8em;
	clear:both;
}
.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: relative; 
	padding: .2em .2em 0; 	
}
.ui-tabs .ui-tabs-nav ul{ 
	background:#2B2B2B;	
	
}
.ui-tabs .ui-tabs-nav li { 
	position: relative;
	display: inline;
	border-bottom-width: 0 !important; 
	padding: 0; 	
}
.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	margin: 3px 0.5em; 
	text-decoration: none; 
	padding: 0em .5em; 
	color:#BBBBBB; 
	border: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	padding-bottom: 1px; 
	border-bottom-width: 0; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text;
	background-color: #777777;
	color:#FFFFFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-weight: bold;	
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a { 
	cursor: pointer;
	background-color:#5A5A5A;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { 
	padding: 1em 1em; 
	display: block; 
	border-width: 0; 
	clear:both; 
	text-align:justify; 	
}
.ui-tabs-panel ul,
.ui-tabs-panel ol{ 
	margin-left: 30px;
}
.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}


/* Accordion
----------------------------------
#accordion {
	margin:10px 0px 10px 0px;
	/**border: #999999 1px solid;/
	padding:0px;
	text-indent:0px;	
}

#accordion a.head {
	cursor:pointer;
	border: #CCCCCC thin solid;
/*	border:1px solid #CCCCCC;
	background: #222222 url("../img/collapsed.gif") no-repeat scroll 3px 4px; /
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:0px;
	margin: 10px 0px 10px 0px;
	width: 90%; 
}

#accordion a{ 
  display: block;
  text-decoration:none; 
  cursor: pointer;  
  width: 90%; 
}

#accordion a.head:hover {
	color:#F9F999;
}

#accordion a.selected {
	background: url("../img/expanded.gif");
}

#accordion a.current {
	background-color:#FFFF99;
}

#accordion ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#accordion li {
	list-style:none outside; 
	display:inline;
}

#accordion li li a {
	color:#DDDDDD;
	border: #999999 1px solid;
	display:block;
	text-indent:10px;
	text-decoration: none;
}

***/
#accordion{ 	margin: 10px 0px 10px 0px; width: 95%;  }
#accordion ul{ 	background: #000000 url(../img/gradient.jpg) repeat-x; }
#accordion li{ 	display: block; text-decoration:none; list-style:none;  font-size:10pt; }
#accordion li a{	text-decoration: none; 	border: none; 	color: #CCCCCC;	}
#accordion li a:hover { color:#99FF99;	}
#accordion li a.current { background-color:#FFFFFF; }

.bordered{ width: 100%;	border: #666666 solid thin;	}

#accordion a.head {
	cursor:pointer;
	background: #111111;
	border: #666666 thin solid;
	color:#EEEEEE;
	display:block;
	font-weight:bold;
	padding:0px;
	margin: 0px;
	width: 100%; 
}
.accselected{
	font-weight: bold;
	color: #99FF99;
	text-decoration: none;
}



/* Slideshow
----------------------------------*/
.slideshow{ height: 258px; width: 349px; margin-right: 25px; border: thick #666666 solid; }

/* Lavalamp
 * -------------------------------*/
	.lavaLampNoImage {
		margin: 0;	
		overflow: hidden;		
	}
	.lavaLampNoImage li {
		list-style:none;	
		font-size: 10pt;
		font-weight: bold;
		float: left;
		margin: 0 10px 0 10px;				
	}
    .lavaLampNoImage li.back {
		/**margin: 0px;
		padding: 0px;**/
		border-bottom: 2px solid #DDFF33;
		margin: 5px 0 0 -1px; 
		height: 20px;
		z-index: 8;
		position: absolute;
    }
    .lavaLampNoImage li a {
		text-decoration: none;  
		color: #EEEEEE;	
		overflow: hidden;	
		position: relative;
		outline: none;
		text-align: center;
		top: 5px;
		z-index: 10;
		height: 20px;
    }
	.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
		border: none;
	}
	.lavaLampNoImage li a:hover {
		color: #FFFFFF;	
	}
	
	
/*	autocomplete
* -------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_odd {
	background-color: #eee;
	color: #000;
}

.ac_even {
	color: #000;
}

.ac_loading {
	background: white url("../img/indicator.gif") right center no-repeat;
}


.ac_over {
	background-color: #000;
	color: white;
}

/* tooltips
******************/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	width: 200px;
	color: #000;
}

/* CSS Document */

	*{	margin: 0; 	padding: 0;	}
	
	html,body {
		margin: 0;
		font-family:Arial, Helvetica, sans-serif;
		/** Calibri, Arial, sans-serif; 	**/
		/** Segoe UI, Arial, sans-serif;	**/
		/**"Calibri", "Helvetica", "Arial",  "Verdana", "sans-serif";**/
		/** Calibri, Geneva, Arial, Geneva, sans-serif;**/
		line-height: 22px;
		font-size: 10pt;
		font-weight: normal;
		color: #bbbbbb;
		background: #000000;	
	}
		
	#wrap {	
		width: 980px;	
		background:url(../img/backgrnd.jpg);
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position: top;	
		margin: 0 auto;		
	}
	
	a{
		color: #FFFFFF;
		text-decoration: none;
		border-bottom:1px dotted #FFFFFF;
	}
	a:hover{
		color: #39f;
		text-decoration: none;
		border-bottom:1px dotted #39f;
	}
	blockquote{ 
		font-style:italic; 
		color:#ffffff; 
		margin: 10px; 
	}

	hr{	
		padding-left: 20px;	
		padding-right: 20px;	
	}

	h2{	
		padding-left: 10px;	
	}

	em{
		color:#FF0000;
	}	

	#navigation {	
		width: 		749px;		
		height:		35px;
		overflow: 	hidden;	
		background:	#000000;	
		border: 	#666666 1px solid;         
	}
	
	#tabs{
		width:	746px;
		background:  #000000 url(../img/gradient.jpg) repeat-x;
		text-align:justify; 
		min-height: 300px;				
	}
	
	#logo{	
		height: 157px;	
		width: 751px;	
		background: url(../img/logoessence.png) no-repeat;	
	}
	#content { margin: 0 auto; }
	#content:after {	content: "."; 	display: block; 	clear: both; 	visibility: hidden;	}	
	#footer{	
		background-color:#121212;	
		margin-top: 20px;
		padding: 10px;	
	}	
	#footer ul{	 }
	#footer ul li{	list-style:none;	padding: 5px 10px 2px 10px;	display:inline;		}
	#footer ul li a{ color: #999999; }
	#left{	float:left;	width:760px; padding: 0px; }
	#right{ 
		float:left;	
		width: 185px;	
		margin-left: 15px;			
	}	
	#right .ibox{
		width : 80%;
		border: #333333 thin solid;		
		background: none;
		color: #bbbbbb;
		font-size: 10pt;
		line-height: 22px;
		height: 22px;
		vertical-align: bottom;
	}
	#right .go{ 	
		background:url(../img/go.jpg) no-repeat;	
		width: 24px; 		
		height: 25px;
		border:none; 
		vertical-align: bottom;
	}	
	
	#right .rpaneitem{
		margin: 40px 0 0 0; 
		padding: 0px; 
		width: 100%; 			
	}
	#presenters{
		width: 500px;
		height: 50px;
		margin: 0 0 0 30px;
	}
	#banner{
		background: url(../img/logos.png) no-repeat; 
		cursor: pointer;
		width: 500px;
		height: 120px;
		margin: 15px 0 0 15px;
	}
	#updatewrap{	
		width: 200px;
		height: 120px;
		border: none;
		padding: 5px;
		overflow: hidden;
		margin-top: 10px;
		color: #cccccc;
		background-color: transparent;
	}
	#brochure{
		margin-right: 20px;
	}
	#brochure a{ 
		color: #999999;	
		font-size:12px; 
	}	
	#contentwrap{	
		min-height: 470px;
		margin: 10px;	
		padding: 0px;	
		clear:both;  
	}
	#status{
		width: 132px;
		height: 30px;
		margin-right: 30px;
		padding: 2px 0 0;
	}
	#status a{
		font-size: 12px;
		text-decoration: none;  
		border: none; 
		color: #CCCCCC;
	}
	#sponsors{	
		background:url(../img/sponsors.png) no-repeat;	
		height:	100px;
		width: 182px;	
		margin-top: 0;		
	}
	#spntype{
		color: #222222;		
	}
	#spnpics{
		left:0;
		top:0;
		margin:0;
		padding:0;
	}
	#search{	
		background:url(../img/search.png) no-repeat;	
		height:	30px;	
		width: 182px;	
		margin-top:5px;
	}
	#search input{
		background: none;
		border: none;
		margin: 5px 30px 0;
		color:	#ffffff;
	}
	#smaplink{ cursor: pointer; }
	#archlink{ cursor: pointer; }
	#archives{ display: none; }
	#sitemap{
		font-size: 100%;
		width:100%;
		height: 260px;
		padding-bottom: 20px;
		display:none;
		clear:both;
	}
	#sitemap ul li{	list-style:none;	display:block; 	padding: 0px;	}
	#sitemap ul li a{		text-decoration: none; 	border:none;	color:#999999;	}
	#sitemap ul li a:hover{		text-decoration: none; 	border:none;	color:#39f;	}
	.smap_div{
		float: left;
		margin-left: 15px;		
		width: 100px;
	}
	.smap_head{ 
		color:#ffffff; 
		
	}
	#more{		
		color:#EDEDED; 
		cursor:pointer;
		font-style: italic;
	}
	#quicklinks{
		margin: 0 0 0 10px;
		list-style-image: url(../img/plus.png);
		list-style-position: inside;
		line-height: 25px;     
	}
	
	.left{		float:left;		}
	.right{		float: right;	}
	.noflow{ 	overflow:hidden;	}
	.none{	 	display: none;		}
	.visible{   display: inline; 	}
	ul.emptylist{ list-style: none;  }
	ul.emptylist li{ vertical-align: bottom;	padding-top: 10px; width:90%; }
	.updatehead{	margin-bottom: 10px;	width:100%; font-size: 11pt;	font-weight: bold; color:#cccccc; }
	.slideimg{ 	position: absolute; 	top: 0px; left: 0px; }
	.nodeco{		text-decoration: none;  border: none; color: #FFFFFF;	}
	.nodeco:hover{	text-decoration: none;  border: none; color: #FFFFFF;	}
	.dotted{	padding: 2px;			background: url(../img/dot.png) repeat-x; border:none; margin:3px; }
	.addthis{	background:url(../img/sm-plus.gif) no-repeat; width: 16px; height: 16px; margin: 10px 2px;}
	.righthead{ font-family: Georgia, "Times New Roman", Times, serif; }
	.itsybitsy{  margin:10px 10px 0 0;	width:16px; }
	div.right a.nodeco{ 	margin: 0 4px 0;	}
	
	/**.subsicons{ float:left; }**/
/**** CSS for the login box ****/

	.loginContent{ font-size:10pt; font-weight:bold; }
	
	#mask {
		position:absolute;
		left:0;
  		top:0;
		z-index:9000;
  		background-color:#000;
  		display:none;
	}
	
	* html div#mask {
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	.window {
		position:fixed;
		left:0;
		top:0;
		width:440px;
		height:200px;
		display:none;
		z-index:9999;
		padding:20px;
		background: #000033;
		border: #FFFFFF thick solid;
	}

	#loginform {
		width:375px; 
		height:203px;
	}	

	ul.login {
		display: block;
		position: relative;
		float: right;
		clear: right;
		width: auto;
		font-weight: bold;
		margin: 0;
		color: #FFFFFF;
		font-size: 80%;
		text-align: center;
	}

	ul.login li.login_m{
		text-align: left;
		padding: 0 6px;
		display: block;
		float: left;
		height: 30px;
		background: url(../img/login_m.png) repeat-x 0 0;
	}	
	
	ul.login li.login_l {
		background: url(../img/login_l.png) no-repeat left 0;
		height: 30px;
		width: 14px;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
	}

	ul.login li.login_r {
		background: url(../img/login_r.png) no-repeat left 0;
		height: 30px;
		width: 30px;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
	}