@charset "utf-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS"  Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:0px;	
	line-height: 1.6em;
	color: #666;
}

p {

}

a:link, a:visited {
	color: #003366;
}

div.main-content {
	width: 960px;
	margin: 20px auto;
	border: 0px solid red;
	height: auto;
}

/****** HEADER STYLES *******/
div.header {
	border: 0px solid red;
}

div.header img {
	border: 0px solid red;
	width: 690px;
}

/****** LOGIN STYLES *******/
	div.header span.login {
		border: 0px solid red;
		height: 156px;
		color: #666;
		margin: 10px 0px 0px 0px;
		width: 250px;
	}
	


div.header span.login a:link, a:visited {
	color: #333;
}
	
	
	div.header span.login h2 {
		margin: 0px 0px 4px 0px; 
		padding-top: 8px;	
		color: #000;
	}
	
	div.header div.login_fields {
		border: 0px solid red;
		width: 230px;
		margin: auto;
	}
	
	div.header div.login_fields label {
		font-size: 12px;
	}
	
	div.header div.login_fields input {
		margin: 2px 2px 0px 0px;
		width: 100px;
	}
	
	div.header div.login_fields input.sbt_login {
		border: 0px solid red;
		width:55px;
		background: Transparent;
		text-decoration: underline;
		cursor: pointer;
		color: #666;
	}

/****************************************************/
h1 {
	color: #d2748a;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	color: #d2748a;
	font-size: 14px;
	font-weight: bold;
}

div.pink_list {
	background: url(../images/pink_list_bg.png) center no-repeat; 
	color: #666;
	border: 0px solid red;
	width: 669px;
	height: 19px;
	margin: 4px auto;
}

div.purple_list {
	background: url(../images/purple_list_bg.png) center no-repeat; 
	color: #666;
	border: 0px solid red;
	width: 669px;
	height: 19px;
	margin: 4px auto;
}

select {
	border: 1px solid orange; 
	background: #FFF;
	color:  #225493;
	vertical-align: top;
	font-size: 14px;
	font-family: 'Trebuchet MS', Arial;
}
		input.page {
			background-color: #FFF;
			color: #225493;
			border: 1px solid orange;
			font-size: 14px;
			padding: 3px;
		}

.schedBoxTop {
	background: url(images/speakerProfileBg_top.png) center bottom no-repeat; width: 697px; height: 12px; margin-top: 2px;
}

.schedBoxTop2 {
        background-image: url(../images/schedule_item_bg.png);
        background-repeat: no-repeat;
		background-position: 0% 0%;
		padding: 9px 0px 0px 10px;
		border: 0px solid red;
		margin-top: 10px;
}
.schedBoxTop3 {
        background-image: url(../images/schedule_item_bg.png);
        background-repeat: no-repeat;
		background-position: 100% 0%;
		padding: 15px 0px 0px 10px;
		border: 0px solid red;
		margin-top: 10px;
		line-height: normal !important;
}
.schedBoxTop4 {
        background-image: url(../images/schedule_item_bg.png);
        background-repeat: no-repeat;
		background-position: 100% 100%;
		padding: 9px 0px 0px 10px;
		border: 0px solid red;
		margin-top: 10px;
		height: 12px;
}
.schedBoxBottom {
        background-image: url(../images/schedule_item_bg.png);
        background-repeat: no-repeat;
        width: 687px;
        background-position: 100% 100%;
        height: 15px;
}

table.profiles {

}

table.profiles tr td.profilePicture {
	background: url(../images/speakerProfileBg.png) center no-repeat;
}

div.profileName {
	 text-align: left; 
	 border: 0px solid red; 
	 width: 80%; 
	 font-size: 12px; 
	 color: #FF6600; 
	 font-weight: bold; 
	 line-height: 1.2;
}

div.sponsorItem {
	 text-align: left; 
	 border: 0px solid red; 
	 width: 80%; 
	 font-size: 16px; 
	 color: #052703; 
	 font-weight: bold; 
	 line-height: 1.2;
}

	table.register {
		margin: 10px auto;
		border: 2px solid #bbcd72;
		width: 600px;
	}
	
	table.register tr {
		width: 100%;
	}
	
	table.register tr th {
		background: #bbcd72; 
		border: 2px solid #bbcd72; 
		color: #FFF;
		font-weight: bold;
		padding: 4px;
	}
	table.register tr td {  
		color: #666;
		font-weight: bold;
		padding: 4px;
	}	
	
	table.register tr th div.header {
		float: left; 
		font: 16px, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}

	table.register tr th div.loader {
		border: 0px solid red; float: right; width: 25px; height: 25px; background: url(http://www.skiprogrambusiness.com/images/loader.gif) center no-repeat;
	}
	
	table.register tr td.bottom {
		border-top: 1px dashed #bbcd72; 
		padding: 4px 4px 4px 4px;
	}
	
	table.register tr td input.btn {	
		color: #0066FF;
		width: 100px;	
	}

	table.register tr td select {
		border: 1px solid #CCC; 
		background: #FFF;
		color:  #225493;
		vertical-align: top;
		font-size: 14px;
		font-family: 'Trebuchet MS', Arial;
		padding: 3px;
	}
	table.register tr td input.text {
			background-color: #FFF;
			color: #225493;
			border: 1px solid #ccc;
			font-size: 14px;
			font-family: 'Trebuchet MS', Arial;
			padding: 3px;
			width: 200px;
		}


.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #F3B025;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
