
/* General styles */

* {margin:0;padding:0;}
body
{
    color:#363636;
    background:#a4a4a4 url(/img/BlackBg1.jpg) repeat-x;
    font:76%/120% Arial, Helvetica, sans-serif;
}

img{border:0;}

hr{border:0;border-bottom:1px #fff solid;border-top:1px #eee solid;}

a{color:#264b70;}

a:hover, a:active{color:#556909;}

input, textarea, select{font-size:100%;font-family: Arial, Helvetica, sans-serif;}

.clear{clear:both;}

.clear-space{clear:both;height:15px;}

.ruler{clear:both;height:20px;border-top:2px #fff dotted;}

.left-align {float:left;}

.right-align {float:right;}

.txtright {text-align:right;}

.txtcenter {text-align:center;}

.last{margin-right:0 !important;padding-right:0 !important;border-right:0 !important;}

.space{margin:0 5px;}

.errmsg{color:#ff0000;}

.hr{height:1px;border-top:1px #fff solid;margin:10px 0 0 0;}

.paragraph{padding:5px 0;}

/* Body styles */

#body-wrap{
	width:960px;
	margin:auto;
	background-color:White;
	position:relative;
	padding: 10px 10px 0 10px;
}

    #BodyMain
    {
        /*
        width:960px;
        padding: 10px 0 0 10px;*/
        
    }

#track-general{
	margin:15px 0 !important;
	border:2px #e4e4e4 dotted;
}

/* Tracks color styles */
.track-keynote{
	background:#e4e4e4 !important;
}
.track-java{
	background:#e5e9c5 !important;
}
.track-net{
	background:#ccd1e2 !important;
}
.track-system-i{
	background:#cce2d0 !important;
}
.development-process-methodology{
	background:#dcd1dc !important;
}
.emerging-technologies{
	background:#eadcc5 !important;
}
.testing{
	background:#eacdc5 !important;
}
.mobile-solutions{
	background:#e9c5d7 !important;
}
.agile{
	background:#d1d8dc !important;
}
.disussions{
	background:#eeeeee !important;
}
.web{
	background:#cadde4 !important;
}
.tba1{
	background:#dcd7d1 !important;
}
.tba2{
	background:#dcd1d7 !important;
}
.tba3{
	background:#dcd9ea !important;
}
.tba4{
	background:#c5dbea !important;
}
.tba5{
	background:#dedfea !important;
}
.tba6{
	background:#dedfea !important;
}
.trackscolor h1, .trackscolor h2, .trackscolor h3, .trackscolor h4{
	color:#000 !important;
}
.trackscolor{
	padding:10px !important;
	margin:0 0 10px 0 !important;
}



/* Header styles */

#header-wrap{
	height:105px;
	position:relative;
	background:#1f3d58 url(/img/bg_header.jpg);
	z-index:100;
}

#logo{
	position:absolute;
	top:20px;
	left:25px;
}

#speaker{
	position:absolute;
	top:-2000px;
	right:10px;
	width:19px;
	height:16px;
}

#eventdate{
	position:absolute;
	bottom:40px;
	right:120px;
	text-align:right;
	color:#fff;
	font-size:210%;
	line-height:100%;
}

#arrow{
	position:absolute;
	top:6px;
	right:30px;
	width:165px;
	height:162px;
	background:url(/img/arrow.png) no-repeat;
}



#yearnav{
	position:absolute;
	left:280px;
	top:0;
}

#yearnav ul{
	list-style:none;
}

#yearnav ul li{
	float:left;
}

#yearnav ul li a{
	padding:6px 10px;
	margin:0 5px 0 0;
	text-decoration:none;
	color:#fff;
	display:block;
	white-space:nowrap;
	min-width:30px;
	background:#1b344a;
	border:1px #365d86 solid;
	border-top:0;
}

#yearnav ul li a.sel, #yearnav ul li a:hover{
	background:#fff;
	color:#1b344a;
}



#nav{
	position:absolute;
	left:15px;
	bottom:0;
}

#nav ul{
	list-style:none;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	padding:6px 10px;
	margin:0 5px 0 0;
	text-decoration:none;
	color:#fff;
	display:block;
	white-space:nowrap;
	min-width:30px;
}

#nav ul li a.sel, #nav ul li a:hover{
	background:#40668c;
}


#subnav{
	background:#40668c;
	height:25px;
}

#subnav ul{
	list-style:none;
	margin-left:17px;
}

#subnav ul li{
	float:left;
	border-right:1px #fff solid;
	margin:4px 5px 0 0;
}

#subnav ul li a{
	padding:0 10px 0 6px;
	text-decoration:none;
	color:#fff;
	display:block;
	white-space:nowrap;
	min-width:30px;
}

#subnav ul li a.sel, #subnav ul li a:hover{
	text-decoration:underline;
}

/* Welcome styles */

#welcome-wrap{
	height:304px;
	margin:1px 0;
	background:#f5f5f2;
	position:relative;
}

#youtube{
	position:absolute;
	top:0;
	right:0;
}

#welcome{
	height:304px;
	width:477px;
	background:#a7c412 url(/img/sdc2010_welcome.jpg) no-repeat;
	border-right:1px #fff solid;
	position:relative;
	color:#fff;
}

#welcome #w-img{
	position:absolute;
	top:145px;
	left:33px;
	border:1px #fff solid;
}
#welcome #w-txt{
	position:absolute;
	top:145px;
	right:10px;
	width:245px;
	margin:0;
	padding:0;
}

#welcome_ApperLink {
    position: relative;
    top: 240px;
    left: 260px;
}


#welcome #w-regbtn, #welcome .w-regbtn{
	display:block;
	float:left;
	width:120px;
	height:32px;
	color:#fff;
	text-decoration:none;
	background:url(/img/reg_btn.gif) no-repeat;
	text-align:center;
	padding:9px 0 0 0;
	margin-right:10px;
	letter-spacing:-1px;
}
#welcome #w-regbtn:hover, #welcome .w-regbtn:hover{
	background:url(/img/reg_btn_hover.gif) no-repeat;
}

#thetracks{
	position:absolute;
	top:0;
	right:0;
	padding:20px 20px 0 0;
	width:440px;
	height:278px;
	overflow:hidden;
	line-height:17px;
	font-size:93%;
}
#thetracks h1{
	font-size:160%;
	letter-spacing:-1px;
}
#thetracks h2{
	margin:0;
	padding:3px 0 0 0;
}
#thetracks p{
	line-height:120%;
}


#thetracks ul{
	list-style:square;
	margin:2px 0 2px 20px;
	font-weight:bold;
	line-height:15px;
}
#thetracks ul.techs{
	float:left;
	margin:2px 30px 2px 20px;
}

/* Speakers ros styles */

#speakers{
	min-height:170px;
	background:#f5f5f2;
	position:relative;
}

#speakers-txt{
	padding:25px 0 0 33px;
	width:220px;
}
#speakers-txt h2{
	margin:0;
	padding:0 0 10px 0;
	color:#9dcd28;
	font-size:200%;
}
#speakers-txt p{
	margin:0;
	padding:0 0 6px 0;
}

.speaker-img{
  margin:0 0 5px 10px;
	border:1px #eee solid;
}

/* Content styles */

#content-wrap{
	position:relative;
	z-index:10;
}

#content{
    padding :20px 10px 20px 20px;
	width:570px;
	float:left;
	
}


h1, h2, h3, h4{
	margin:0;
	padding:10px 0 5px 0;
	color:#9dcd28;
	font-weight:normal;
}

h1{
	font-size:200%;
	line-height:100%;
	padding:0 0 5px 0;
}

h2{
	font-size:140%;
}

h3{
	font-size:120%;
	color:#363636;
	padding:15px 0 0 0;
}

p{
	padding:5px 0 5px 0;
}

#content ul, #content ol{
	margin:5px 0 5px 25px;
}

/* News styles */

#news-col{
	float:right;
	width:250px;
	background:#f7f6f4 top right no-repeat;
	padding:20px 20px 10px 20px;
	margin:15px 0 15px 15px;
	border-top:1px #b9b9b9 solid;
}


#news-col h2{
	font-size:160%;
	padding:0 0 10px 0;
}
#news-col h3{
	font-size:100%;
	padding:0;
	font-weight:bold;
	color:#363636;
}
p.newsdate{
	font-style:italic;
	padding:0;
}
p.newsclip{
	padding:0 0 15px 0;
}

/* Sidecolumn styles */

.cnt-sidecol{
	float:right;
	width:300px;
	background:#f7f6f4;
	padding:30px 20px 10px 20px;
	margin:0 0 15px 15px;
	border-top:1px #fff solid;
}

.cnt-sidecol h2{
	font-size:200%;
	padding:0 0 15px 0;
}
.cnt-sidecol h3{
	font-size:140%;
	padding:5px 0 0 0;
}


.cnt-col3{
	width:175px;
	min-height:130px;
	margin:0 15px 0 0;
	float:left;
	border-right:1px #c0c0c0 solid;
}
.cnt-col2{
	width:270px;
	min-height:180px;
	margin:0 15px 0 0;
	float:left;
	border-right:1px #c0c0c0 solid;
}
.cnt-col3 h3, .cnt-col2 h3{
	padding-top:5px;
}

.t-img{
	margin:0 5px 0 0;
}



/* Form styles */

.cnt-form{
	margin:10px 0;
}

#content form .formbox{
	font-family: Arial, Helvetica, sans-serif;
	width:300px;
	background:#EFEFEF;
	border:1px #939B8C solid;
	padding:1px;
}

#content form .formbutton{
	padding:5px 20px;
}

#content form .formbutton-small{
	padding:1px 20px;
}

.form-wrap{
	border:1px #d6d6d6 solid;
	background:url(/img/bg_form.jpg) no-repeat;
	padding:20px;
	line-height:140%;
}

.promo-wrap{
	border:2px #790000 dotted;
	padding:20px;
	margin:0 0 10px 0;
}
.promo-wrap label{
	font-weight:bold;	
}

.cnt-form .formbox{
	margin:5px 0;
}



/* Footer styles */

#footer{
  padding:15px 0 15px 10px;
  color:white;
  text-align:left;
  width:970px;
  margin:auto;
  background:#f7f6f4;
  background:url(/img/footerGreen1.jpg) repeat-x;
  border-top:1px #b9b9b9 solid;
}

#footer a{
  color:white;
}
#footer a:hover{
  color:silver;
}

#footer h4{
  color:white;
}



#footer .produced, #footer .produced a{
  color:#909090;
}

.footercolumn{
	float:left;
	width:180px;
	padding:0 10px 0 10px;
	border-right:1px #c0c0c0 solid;
	min-height:95px;
}
.footercolumn h4{
	font-size:140%;
	padding:0 0 5px 0;
}

#footercol2{
	width:160px !important;
}
#footercol4{
	border-right:0 !important;
	width:340px !important;
}

#footercol4 ul{
	list-style:none;
	float:left;
	margin:0 20px 0 0;
	max-width:115px;
}
#footercol4 ul ul{
	list-style:disc;
	padding-left:15px;
	margin:0;
}

.rss{
	padding-left:20px;
	background:url(/img/icon_rss.gif) no-repeat;
}

.pdf{
	padding-left:20px;
	background:url(/img/icon_pdf.gif) no-repeat;
}

.facebook{
    padding-left:20px;
    background:url(/img/icon_fbook.gif) no-repeat;
}

.inputlabel{
	margin:8px 2px 0 0;
	float:left;
}

.inputfield{
	width:90px;
	margin:8px 2px 0 0;
	float:left;
}
.inputbtn{
	margin:6px 0 0 0;
	float:left;
}

/* Copyright styles */

#copyright{
  width:950px;
  margin:5px auto;
  text-align:right;
  font-size:90%;
}
#copyright a{
  color:#363636;
}

/* Skip styles */
#skip {
  position:relative;
  z-index:10000;
}

#skip a {
  position:absolute;
  top:-500px;
  color:#000;
  background:#fff;
  text-decoration:none;
  outline:0;
  font-weight:normal;
}

#skip a:active,#skip a:focus {
  position:absolute;
  border:1px solid #eee;
  padding:2px 4px;
  top:0;
  left:0;
  z-index:100;
}


/*  


	#img-roller{
		height:150px;
		width:610px;
	}
	*/

	#container {
		width: 462px;
		height: 150px;
		position:absolute;
		left:18px;
		top:-4px;
		overflow : hidden;
	}
	
	#roller {
		width : 500px;
		padding : 0;	
		float : left;
	}

	#roller td{
		vertical-align:top;
	}

	#roller td a{
		text-decoration:none;
		height:145px;
		width:114px;
		display:block;
		overflow:hidden;
		font-weight:normal;
		color:#363636;
	}

	#roller td a:hover{
		color:#556909;
	}
	
	#roller td img{
		display:block;
	}

	#roller td span, #you span{
		display:block;
		padding:2px 0;
		line-height:115%;
		font-size:90%;
	}

	
	#you{
		position:absolute;
		top:0;
		right:-20px;
		z-index:10001;
		height:145px;
		width:114px;
		text-decoration:none;
		color:#363636;
		line-height:70%;
		text-align:center;
	}	
	#you:hover{
		color:#556909;
	}	
	

	.scrollbtn span{
		display:none;
	}
	.scrollbtn{
		width:22px;
		height:108px;
	}
	#leftbtn{
		position:absolute;
		top:0;
		left:-20px;
		z-index:10000;
		background:url(/img/arrow_left.gif) no-repeat;
		display:none;
	}
	#leftbtn:hover{
		background:url(/img/arrow_left_o.gif) no-repeat;
	}


	#rightbtn{
		position:absolute;
		top:0;
		right:200px;
		z-index:10000;
		background:url(/img/arrow_right.gif) no-repeat;
		display:none;
	}
	#rightbtn:hover{
		background:url(/img/arrow_right_o.gif) no-repeat;
	}
	
	.partnerlogo{
		padding:0 15px;
	}
	
	#samarbetspartners .partnerlogo{
		padding:0 30px;
	}
	
	.partnerhead{
		border-top:1px #88a100 solid;
		margin:15px 0 0 0;
	}
	
	.p-box{
		background:#fff;
		padding:10px;
		margin:0 0 10px 0;
	}
	
	.p-box .partnerhead{
		border-bottom:0;
		margin-bottom:0;
		color:#828282;
		font-size:90%;
		font-weight:bold;
	}
	
.partners-box{
	border-bottom:1px #b9b9b9 solid;
	padding:15px 0 15px 5px;
}

.partners-box h4{
		margin:0;
		padding:0;
		color:#828282;
		font-size:80%;
		font-weight:bold;
}

.partners-box .partnerlogo{
    		padding:0 13px;
}

	
.p-line{
	border-right:1px #b9b9b9 solid;
	padding:0 10px;
}	

.p-line img{
	height:50px;
}	

#organized-by{
	height:107px;
	background:#2c2c2c;
	width:960px;
	margin:auto;
	position:relative;
	top:0;
	left:0;
}
#organized-by .s-logo{
	position:absolute;
	top:40px;
	left:375px;
	z-index:2;
}
#organized-by .s-txt1{
	position:absolute;
	top:12px;
	left:15px;
	color:#c0c0c0;
	z-index:1;
}
#organized-by .s-txt2{
	position:absolute;
	bottom:12px;
	right:15px;
	color:#c0c0c0;
	z-index:3;
}
#organized-by .s-txt2 a{
	color:#c0c0c0;
}
#organized-by .s-txt2 a:hover{
	color:#fff;
}

#news-col-wrap{
    	float:right;
			width:290px;
			margin:15px 0 15px 15px;
}
#news-col{
  	float:none;
	width:250px;
	margin:0 !important;
	clear:both;
}
#news-nav{
	list-style:none;
	margin:0 !important;
	padding:0 !important;
}
#news-nav li{
	float:left;
}
#news-nav li a{
	text-decoration:none;
	background:#f7f6f4;
	padding:5px 20px;
	margin-right:1px;
	min-width:60px;
	display:block;
	text-align:center;
	border:1px #e7e7e7 solid;
	border-bottom:0;
}
#news-nav li a.sel, #news-nav li a:hover{
	background:#b9b9b9 url(/img/bg_newsnav.gif) repeat-x;
	color:#fff;
	border:1px #b9b9b9 solid;
	border-bottom:0;
}

  .twtr-ft a{
  	color:#1985b5 !important;
  }
	
	#content table.program {
		padding:0;
		margin:7px 0 7px 0;
	}
	
	#content table.program td{
		padding:3px;
		margin:0;
	}

.tracktable{
	width:100%;
}
.tracktable td{
	background:#fff;
	padding:3px 5px;
	font-weight:bold;
	border-bottom:1px #d6d6d6 solid;
	border-right:1px #d6d6d6 solid;
	width:25%;
}

.twitteicon{
  background:url(/img/twitter16x16.png) 0 2px no-repeat;
  padding:2px 0 2px 20px;
  text-decoration:none;
  color:#005f9e;
  line-height:16px;
}
.twitteicon:hover{
  text-decoration:underline;
	color:#00416c;
}

a.sbrlink{color:#363636;text-decoration:none;}
a.sbrlink:hover{color:#363636;text-decoration:underline;}

.newsdate{
	padding:5px 0 !important;
}



#blueBoxMain
{
    width:479px;
    height:342px;
    background:url(/img/BlueBox1.jpg) 0 0px no-repeat;
    margin: 15px 10px 15px 0;
    position:relative;
    float:left;
}

    #blueBoxMain a
    {
        Color: #9dcd28;
    }

    #blueBoxText
    {
        width:200px;
        padding: 15px 0px 0px 20px;
    }
    
    #blueBoxKeynote1
    {
        padding: 15px 0px 0px 5px;
        position:absolute;
        top:15px;
        left:240px;
    }
    
    #blueBoxKeynote
    {
        padding: 15px 0px 0px 5px;
        position:absolute;
        top:15px;
        left:350px;
    }
    
 
    
    #blueBoxRoller
    {
        position:absolute;
        top: 180px;
        left:32px;     
    }
    
    #QrArea
    {
        position:absolute;
        top: 350px;
        left:32px;     
    }
#MainTab
{
    position: relative;
     float:left;
     width:470px;
      margin: 15px 0 0 0;
}

.ui-widget 
{ 
    font-family: Arial,sans-serif !important; 
    font-size: 1.1em; 
}