@charset "utf-8";
/* CSS Document for TUCON website */

/* v1.0 | 20080212 */

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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ********************************************************************************** */

body {background:#000; font-size:90%; margin:0;} 
* {font-size:12px; font-family:Arial, Helvetica, Verdana, sans; color:#fff; line-height:140%;}

form {margin:0; padding:0;}

p {margin:0 0 10px;}
img {display:block; border:0;}
a {color:#fff; text-decoration:underline;}
a:hover {color:#f57b20; text-decoration:none;}
#logo-print {display:none;}

/* For IE5+ PNG Alpha Transparency Fix*/
img, div{ behavior: url(../js/iepngfix.htc) }


#container {width:920px; margin:0 auto; padding:0 20px; overflow:hidden; background:#322f31; }

#masthead {margin:0; padding:0; background:#322f31;}
	#top-nav{ float:right; margin: 0.3em 0; }
	#top-nav ul li{ font-size:0.8em; font-weight:bold; }
	#top-nav ul li a{ text-decoration:none; }
	#logo {float:left; margin:0 0 0 55px; width:500px; height:75px; padding:0 0 25px; background:url(../images/logo-tucon.gif) no-repeat 0 0;}
	#logo p.tucon a {display:block; height:75px; text-indent:-9999px;}
	.banner {clear:left; background:#322f31;}	
	.banner-bot {float:left; width:200px; background:none;}
	
	#nav-wrapper {float:right; width:670px; height:37px; background:#322f31 url(../images/nav-bkgd.gif) repeat-x;}

	/* ************************************** */
		
	#nav {width:660px; position:relative; list-style:none; line-height:1; top:0; left:0; font-size:1em; text-transform:uppercase; background:pink;}
	#nav ul {position:absolute; width:660px; height:37px; list-style:none; line-height:1.5; display:inline; text-align:center;}
	#nav a {display:block; height:30px; padding:7px 0 0 0; text-decoration:none; color:#fff;}
	#nav a:hover {display:block; color:#f57b20; background:#b6b8ba url(../images/nav-hover.gif) repeat-x;}
	#nav li { /* all list items */ float:left; height:37px; width:16.5%; padding:0; display:block; background:url(../images/nav-divider.gif) no-repeat right center;}
	#nav li.active {background:#b6b8ba url(../images/nav-hover.gif) repeat-x; }
	#nav li.active a, #nav li.active-last a {color:#f57b20;}
	#nav li.last {background:none;}
	#nav li.active-last {background:#b6b8ba url(../images/nav-hover.gif) repeat-x;}
	/*#nav ul ul a:hover {color:#f57b20; background:#b6b8ba url(../images/nav-hover.gif) repeat-x;}
	#nav :hover > a, #nav ul ul :hover > a {color:#f57b20; background:#b6b8ba url(../images/nav-hover.gif) repeat-x;}*/
	#nav li ul { /* second-level lists */ position:absolute; width:200px; left:-999em; text-align:left; background:#b6b8ba url(../images/nav-hover.gif) repeat-x;}
	#nav li ul li {width:200px; height:20px; left:0; padding:5px; font-size:0.9em; background:#b6b8ba url(../images/nav-hover.gif) repeat-x;}
	#nav li ul li a {padding:0 0 0 10px; color:#000;}
	#nav li ul li a:hover {color:#f57b20; background:none;}
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left:109px;}
	
	/* ************************************** */
	
	#masthead #bread-media {float:left; width:100%; height:33px; padding:5px 0 0 0; background:#58585a url(../images/bread-media-bkgd.gif) no-repeat right top;}
	#masthead #breadcrumbs {float:left; width:500px; margin:5px 0 0 55px; font-size:0.6em; text-transform:uppercase; background:none;}
	#masthead #breadcrumbs span {color:#000;}
	
	#masthead ul#social-media {float:right; width:200px; background:none;}
	#masthead ul#social-media li {float:left; padding:0 10px 0 0; background:none;}

#bg {float:left; padding:25px 0 0 0; background:#58585a;}
	#bg h1 {float:left; width:850px; margin:0 0 15px 55px; font-size:1.4em; letter-spacing:0.05em; background:none;}

#wrapper {float:left; background:url(../images/wrapper.gif) repeat-y;}
#content {float:left; width:620px; clear:both; padding:0 25px 25px 55px; background:none;}
	#content h1 {margin:10px 0 10px; font-size:1.4em; letter-spacing:0.05em;}
	#content h2 {margin:0 0 10px; font-size:1.3em; font-weight:bold; color:#f57b20;}
	#content h3 {margin:0 0 10px; font-size:0.9em; color:#f57b20;}
		#registration-details h3 {margin:15px 0 10px; font-size:1em; color:#f57b20;}
	#content h4 {font-size:0.9em;}
		#registration-details h4 {font-size:1em;}
	#content p.intro, #content p.intro strong {color:#fff; font-size:1em;}
	#content p {font-size:0.85em; clear:both; }
	#content p span {font-size:1.2em; font-weight:bold;}
	#content ul {margin:17px 0 20px;}
	#content ul li {margin:0 0 0 20px; padding-bottom:7px; list-style:disc; font-size:0.9em;}
	
	#content ul.highlight {margin:5px 0 20px;}
	#content ul.highlight li {margin:0 0 0 20px; padding-bottom:7px; list-style:disc; font-size:1em;}
	
	#content ul.inline {display:inline; list-style:none;}
	#content ul.inline li {float:left; width:29%; list-style:none; text-align:center; background:none;}
	
	#content #speaker-button {margin:30px 0 0 0; padding:0;}
	#content #speaker-button img,#scheduler-launch-button img {float:right;}
	#scheduler-launcher{position:relative;}
	img#launch-btn{float:right; margin-right:20px; margin-top:-64px; position:static;}
	#content .speaker-info {margin:0 0 10px; font-size:0.8em; font-style:italic;}
	
	
	/* BEGIN Two Column Formatting */
	#content div.cols {float:left; width:620px; margin:0 0 25px; padding:0;}	
	#content div.sessioncol {width:840px;}
	#content div.cols p {float:left; width:100%; background:none;}

	#content div.cols div.bio-img {float:right; width:27%; margin:0; padding:0; background:none;}
	#content div.cols div.bio-desc {float:left; width:70%; margin:0; padding:0; background:none;}
	#content div.cols div.bio-desc p {float:left; width:100%; margin:0 0 10px; padding:0; background:none;}
	
	#content div.cols div.regular-1 {float:left; width:30%; margin:0; padding:0;}
	#content div.cols div.regular-2 {float:right; width:65%; margin:0; padding:0 0 0 30px;}
	
	#content div.cols div.highlight-1 {float:left; width:48%; margin:0; padding:0;}
	#content div.cols div.highlight-2 {float:right; width:47%; margin:0; padding:0;}
	#content div.cols div.highlight-1 h1{ width:auto; }
	/* END Two Column Formatting */
	
	/* BEGIN Three Column Formatting */
	#content div.cols div.session-1 {float:left; width:31%; margin:0; padding:0 10px 0 0;}
	#content div.cols div.session-2 {float:left; width:32%; margin:0; padding:0 10px;}
	#content div.cols div.session-3 {float:left; width:32%; margin:0; padding:0 0 0 10px;}
	#content div.cols div.session-pct-1 {float:left; width:48%; margin:0; padding:0 10px 0 0;}
	#content div.cols div.session-pct-2 {float:right; width:48%; margin:0; padding:0 0 0 10px;}
	#content div.cols div.session-1 p, #content div.cols div.session-2 p, #content div.cols div.session-3 p, #content div.cols div.session-pct-1 p, #content div.cols div.session-pct-2 p {width:100%;}
	#content div.cols div.session-1 ul, #content div.cols div.session-2 ul, #content div.cols div.session-3 ul, #content div.cols div.session-pct-1 ul, #content div.cols div.session-pct-2 ul {clear:left;}
	/* END Three Column Formatting */
	
	/* BEGIN Table Formatting, i.e. Agenda */
	#content table.agenda {border:1px solid #444; margin-bottom:20px;}
	#content table.agenda tr.header, #content table.agenda tr.header th {padding:0 0 0 5px; color:#f57b20; text-align:left; background:#333;}
	#content table.agenda tr.odd, #content table.agenda tr.odd td {background:#999;}
	#content table.agenda tr.even, #content table.agenda tr.even td {background:#666;}
	#content table.agenda th {font-size:1.2em; border-right:1px solid #444; border-bottom:1px solid #444;}
	#content table.agenda td {padding:5px; width:22%; vertical-align:top; border-right:1px solid #444;}
	#content table.agenda td.time {width:12%; font-size:1.2em; font-weight:bold;}
	#content table.agenda th.last {border-right:none;}
	#content table.agenda td.last, #content table.agenda td.first {border:none;}
	#content table.agenda tr.break {background:#444;}
	/* END Table Formatting */
	
	#content .divider {clear:both; margin:5px; border-bottom:1px dotted #fff;}
	
	#content .divider2 {clear:both; margin:5px 5px 150px; border-bottom:none;}

#sidebar {float:right; width:210px; padding:10px 5px; background:none;}	

	#sidebar .video {margin:0 0 20px;}
	#sidebar .video h3 {margin:0 0 5px; font-size:0.9em;}
	
	#sidebar ul.promos li {margin:0 0 25px;}

#footer {clear:both; padding:20px 0 20px 55px; background:#322f31;}
#footer .tibco-logo {float:left; width:100px; background:none;}
#footer p {clear:both; font-size:0.7em; position:relative; }
#footer p a{ display:inline; }

/* overlay */

.hidden{display:none; }
div.status{ width:100%; padding:1em 0; position:relative; text-align:center; background:#F47B20; }
div.status a:hover{ color: #555; }
#container .yiiForm,#container .yiiForm p, #container .yiiForm label{ color:#fff; }
#container .yiiForm .fields{ font-size:1em; }
.yiiForm .fields input[type="checkbox"] {width:2em}
#loginForm h2{ font-size:1.3em; color:#F57B20; }
#loginForm{ margin-left:1em;}
.yiiForm{ color:#322F31; }
.yiiForm h1{ font-size:1.5em; border-bottom:1px solid #F57B20; color:#F57B20; }
.yiiForm .fields{ margin:0.6em 0; font-size:1.2em; color:#322F31; }
.yiiForm p a,.yiiForm .fields a{ color:#F57B20; text-decoration:none; }
.yiiForm p{ padding:0.5em 0;  font-size:0.9em; }
.yiiForm p,.yiiForm label{ color:#322F31; }
#container .yiiForm .button-center{ width:250px; margin: 0 auto;}
#container .yiiForm input,.yiiForm a.submit{ margin-top:3px; padding:2px 5px; } 
#container .yiiForm .button-center input,#container .yiiForm .button-center a.submit{ float: left; display: block; }
#container .yiiForm .button-center .tibbrbtn{ font-size: 0.9en; padding: 0.2em 0.85em; }
#container .yiiForm .button-center a.submit{  margin-left: 0.5em; font-size:0.8em; padding:0.3em 1em 0.2em; display: block; width: 40px; }
.yiiForm a.submit{ padding: 0.15em 0.5em; font-size:0.9em; cursor:default; text-decoration:none; }
.yiiForm input{ width:22em; padding:0.35em; border:1px solid #d6d5d5;  color:#322F31; } 
#UserForm_rememberMe{ width:auto; border:none;  }
#container .yiiForm div.errorMessage{ color:#FFFF00; }
.yiiForm div.errorMessage{ margin-top:0.2em; font-size:0.75em; color:#CF0000; }
.yiiForm .submit{ width:auto; padding:0.2em 2em; border:1px solid #322F31; color:#322F31; background:#fff; }
#screenname{ color:#FFA200; padding-right:0.5em;  }
#SchedulerFlash{ height:100%; }
#registration-details {width:540px; float:left; }
#pdfPost{display:none; }
#savemessage{ padding:1.5em 2em; color:#fff; text-align:center; position:absolute;top:0%; left:40%; z-index:999; background:#F47B20; }
#errormessage{ padding:1.5em 2em; color:#fff; text-align:center; position:absolute;top:0%; left:40%; z-index:999; background:#F47B20; }
#normalmessage{ padding:1.5em 2em; color:#fff; text-align:center; position:absolute;top:0%; left:40%; z-index:999; background:#F47B20; }
.clearmargin{ margin:0; }
span.exportpdfbtn{ padding:1em; display:block; width:881px; position:absolute; bottom:1.5%; right:4.9%; z-index:1000; border-top:1px solid #000; font-size:0.85em; font-weight:bold; color:#333; text-align:right;  background:#eee; }
span.exportpdfbtn a{ padding:0.2em 0 0.2em 2.2em; font-weight:bold; color:#333; background:url("../images/pdf.png") no-repeat; }
span.exportpdfbtn a:hover{ color:#DD803B; }

#tucon-rotate{ margin:1em 0;}



/* tibbr feed style */
#tibbr-feed{ height:397px; width:446px; padding:1em; float:right; margin:0/*2px 72px 2px 2px*/; background:url("../images/rounded-bg.png") no-repeat; }
div#tibbr-feed h2{ color:#58585A; font-family:verdana; font-size:16pt; font-weight:normal; margin:-45px 0 0 -58px; padding-left:207px; }

#tibbr-feed #sites{ margin:0 -155px 0 0; }
#tibbr-feed #sites ul{ float:right; font-size:0.75em; margin:1px -32px 0px 0px; padding:0; text-align:left; width:363px; }
#tibbr-feed #sites ul li.first{ border:medium none; }
#tibbr-feed #sites ul li{ border-left:2px solid #58585A; color:#535152; float:left; height:7px; list-style-type:none; position:relative; font-weight:bold; }


#tibbr-feed #sites ul li.first a{ padding-left:0;}
#tibbr-feed #sites ul a, #tibbr-feed #sites ul a:visited{ color:#535152; display:block; margin:0 -7px 0 9px; }


/#tibbr-feed ul{ margin:0; padding:0; background:#fff; }
#tibbr-feed ul li.tibbrstatus{ background:none repeat scroll 0 0 white; border-bottom:1px solid #EEEEEE; margin:0 0.3em; padding:0; list-style-type:none; overflow:hidden; }
#tibbr-feed ul li span.thumbnail{ float:left; margin:0.5em; display:block; }
#tibbr-feed ul li span.thumbnail img{ width:48px; height:48px;}
#tibbr-feed ul li div.replies span.thumbnail img{ width:36px; height:36px;}
#tibbr-feed ul li div.status-details{ float:left; width:350px; margin:4px; }
#tibbr-feed ul li div.replies{ margin:0 0 0 0; padding:0 0 0 45px; overflow:hidden; clear:both; background:#ececec; }
#tibbr-feed ul li div.replies div.status-details{ width:300px; }
#tibbr-feed ul li p{ margin:0; padding:0;color:#555; }
#tibbr-feed ul li p.last{ margin:0; padding:0; color:#ccc; font-size:11px; }
#tibbr-feed ul li p.last span.reply{ padding:0 0 0 18px; margin:0 0 0  5px; color:#000; font-size:10px; background:url('../images/icon-bubble.jpg') no-repeat left;}
span.uname{ color:#000; font-weight:bold; }
#tibbr-feed ul li ul.posted-to{ margin:0; padding:0; }
#tibbr-feed ul li ul.posted-to li{ float:left; margin:0 5px 0 0; padding:0 0 0 10px; list-style:none; color:#000; font-size:0.85em;  background: url('../images/arr.gif') no-repeat left; }
#tibbr-feed ul li span.posted-to-title{ float:left; width:55px; display:block; font-size:0.85em; color:#000; }
#tibbr-posts{height:227px; overflow:auto; }
#tibbr-feed div.feed-footer{ display:none; height:84px; margin:-63px 16px 20px 0px; list-style:none; text-indent:-999px; position: relative; z-index:999; background: url("") no-repeat left #fff; }
.got-tibbr{ float:left; width:370px; padding: 55px 0 ; }
.status-details p * { color: #555; }