.leftbox-int-slider {
	min-height: 85px;
	}

#stages-container {
	width:388px;
	height:175px;
	/* border-bottom: 1px solid #ccc; */
	overflow:hidden;
	position:relative;
	font-style: normal;
	font-family: Lucida Sans Unicode, "Lucida Sans", 'Trebuchet MS', Verdana, Arial;
}
#stages-container div#stages {
	width:1200px;
	position:relative;
	top:0px;
	left:-388px;
	/* stops panel highlighting in Firefox */
}	
#stages-container div#stages div.stage {
	width:388px;
	height:175px;
	position:relative;
	float:left;
}
#stages-container div.debug { display:none; }

/* OLD LOCATION

#stages-container h3.stage-title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 13px 0px;
	padding-left: 70px;
	}
*/

#stages-container h3.stage-title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 42px 0 0 0;
	padding-left: 76px;
	}

.user-info {	
position: absolute;
left: 17px;
top: 12px;
width: 300px;
z-index: 100;
font-size: 11px;
}

#user-img {
	width: 50px;
	}

#user-img img {
	border: 1px solid #bebebe;
	}	

#user-auth {
	position: absolute;
	left: 60px;
	top: 00px;
	width: 310px;
	line-height: 11px;
	}
	
#user-auth strong {
	display: block;}

#user-auth .fb {color: #748dbf;padding-left: 10px;}
#user-auth #fb-connected-false .fb {color: #748dbf;padding-left: 0px;}

#user-auth .inv {color: #0b8200;}

#user-auth #fb-connected-false {
	padding-top: 3px;}

#user-auth img {
	margin-bottom: -3px;
	}



#stages-container strong {
	position:absolute;
	top:38px;
	left:20px;
}



#stages-container h3.stageTitle a:hover {
	background: #c7c7c7;
}

/* positioning the content inside the slidder */
#stages-container div.choices {
	position:absolute;
	top:55px;
	left:70px;
	padding:0px;
}

#stages-container div.double {
	top:95px;
}

#stages-container div.comment {
	position:absolute;
	top:0px;
	left:20px;
	padding:70px 0px 0px 57px;
}	

#stages-container div.comment input {
	margin-left: 0px;
	vertical-align: middle;
}	

#stages-container div.comment label {
	font-weight: 500;
}	

#stages-container div.choice {
	cursor: pointer;	
}

#stages-container div.choices div {
	height: 20px;
	background-image: url(../images/slider-buttons.gif);
	background-repeat: no-repeat;
	background-position: -128px -168px; /* default is gray */
	color: #000;
	margin-bottom: 1px;
	padding: 0px 30px 0px 0px;}

#stages-container .choices .choice span {
	background-image: url(../images/slider-buttons.gif);
	background-position: -392px -168px;
	padding-left: 5px;
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	line-height: 22px;
	}

/* tall green */
#stages-container div.choices .tall-green {
	height: 40px;}

#stages-container div.choices .tall-green span {
	height: 35px;
	padding-top: 5px;
	line-height: 14px;
	}


#stages-container div.choices div:hover {
	background-position: -128px -189px; /* default is gray */
	}

#stages-container textarea {
	width:293px;
	height:50px;
	margin:4px 0px 5px 0px;
}

div.stage div.back-button {
	position:absolute;
	top:90px;
	left:5px;
	height: 43px;
	width: 24px;
	text-indent: -100000px;
	background: url(../images/slider-back.gif) top right no-repeat;
	cursor: pointer;
}

div.stage div.back-button:hover {
	background: url(../images/slider-back.gif) top center no-repeat;
}

.stage .back-button .start-over {
	height: 18px;
	text-indent: -10000px;
	position: absolute;
	top:24px;
	left:0px;
	width: 24px;
	cursor: pointer;
}

.stage .back-button .start-over:hover {
	background-image: url(../images/slider-back.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

.stage .back-button .previous {
	height: 24px;
	text-indent: -10000px;
	position: absolute;
	top:0px;
	left:0px;
	width: 24px;
	cursor: pointer;
}

.stage .back-button .previous:hover {
	background: url(../images/slider-back.gif) top left no-repeat;
	
}

#slider-title-bar {
	cursor: pointer;
	position: absolute;
	top: 42px;
	left: 76px;
	width: 310px;
	overflow: auto;
	z-index: 101;
	padding-bottom: 2px;
	}
	
#slider-title-bar #invitee-status {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0px;
	}

#slider-title-bar #invitee-status-edit {
	font-size: 11px;
	font-weight: 500;
	color: #484848;
	padding: 2px 2px 0px 2px;
	border: 1px solid white;
	position: absolute;
	top:6px;
	right:10px;
	line-height: 12px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#slider-title-bar:hover #invitee-status-edit {
	text-decoration: none;
	border: 1px solid #b6b6b6;
	}

a.comment-post-link {
	float:right;	
	margin-right:38px;
}
#stages-container .graybutton {
	margin-right: 13px;}

/* show this for debug. */

#slider-scenes {
	width:1000px;
	height:500px;
	background:white;
	position:abosolute;
	top:200px;
	left:0px;
	display:none;
}
div.slider-column {
	width:200px;
	float:left;
}
div.slider-column div.scene, div.slider-column div.scene-comment {
	width:199px;
	height:99px;
	border: 1px solid #666;
	border-width: 1px 0px 0px 1px;
}
div.slider-column div.current {
	background-color:#fffccc;	
}
#slider-scenes textarea {
	display:none;
}

/* -- Slider Suggests tm -- */

.scene-suggest ul {
	position: absolute;
	left: 75px;
	top: 75px;
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	line-height: 16px;
	color: #3b3b3b;}

.scene-suggest ul li {
	padding-bottom: 4px;
	width: 290px;}

.scene-suggest h3.stage-title {
	font-size:18px;
	margin:47px 0 0;
	}

.scene-suggest .bookmark {
	text-indent: -10000px;
	background: url(../images/slider-bookmark.png) top left no-repeat;
	width: 145px;
	height: 21px;
	display: block;
	
	position: absolute;
	top:145px;
	left: 115px;
	}	
	

/* -- LOAD BAR -- */

#main-stage .loader {
	position: absolute;
	top:110px;
	left:75px;}

/* default green */
#stages-container .choices .green {background-position: -129px -42px; color: #fff;}
#stages-container .choices .green span {background-position: -392px -42px; color: #fff;}

/* tall green */
#stages-container .choices .tall-green {background-position: -129px -210px; color: #fff;}
#stages-container .choices .tall-green span {background-position: -392px -210px; color: #fff;}
	
/* default yellow */
#stages-container .choices .yellow {background-position: -129px -63px; color: #fff;}
#stages-container .choices .yellow span {background-position: -392px -63px; color: #fff;}
	
/* default red */	
#stages-container .choices .red {background-position: -129px -84px; color: #fff;}
#stages-container .choices .red span {background-position: -392px -84px; color: #fff;}

/* gray */
#stages-container .choices .gray {  
	background-position: -128px -168px; /* default is gray */
	}

/* hover items below */

/* default green */
#stages-container .choices .green:hover {background-position: -129px -105px; color: #fff;}
#stages-container .choices .green:hover span {background-position: -392px -105px; color: #fff;}

/* tall green */
#stages-container .choices .tall-green:hover {background-position: -129px -251px; color: #fff;}
#stages-container .choices .tall-green:hover span {background-position: -392px -251px; color: #fff;}

/* default yellow */
#stages-container .choices .yellow:hover {background-position: -129px -126px; color: #fff;}
#stages-container .choices .yellow:hover span {background-position: -392px -126px; color: #fff;}
	
/* default red */
#stages-container .choices .red:hover {background-position: -129px -147px; color: #fff;}	
#stages-container .choices .red:hover span {background-position: -392px -147px; color: #fff;}

/* gray */
#stages-container .choices .gray:hover {background-position: -128px -189px;}
#stages-container .choices .gray:hover span {background-position: -392px -189px; color: #fff;}

/* -- SPECIFIC SCENES -- */

#stages-container div.choices div {width: 225px;}

/* 1st panel */

#stages-container .unknown div.choices {top:85px; left:75px; width: 305px;}
#stages-container .unknown div.choices div {float: right; width: 85px;padding: 0px;}
#stages-container .unknown div.choices .label {float: left; clear: both; width:125px; text-align: right; color: #6b6b6b;font-size: 14px;line-height: 18px; height: 20px;  padding-left: 4px;}
#stages-container .unknown div.choices .wrap {
	background-image: url(../images/slider-buttons.gif);background-repeat: no-repeat;background-position: 0px -21px;
	width: 220px;
	float: left;
	}

#stages-container .unknown div.choices .wrap:hover {
	background-position: 0px 0px;
	}

#stages-container .unknown div.choices #goto-in {background-position:-299px -42px;}
#stages-container .unknown div.choices #goto-maybe {background-position:-299px -63px;}
#stages-container .unknown div.choices #goto-out {background-position:-299px -84px;}

#stages-container .unknown div.choices .wrap:hover #goto-in {background-position:-299px -105px;}
#stages-container .unknown div.choices .wrap:hover #goto-maybe {background-position:-299px -126px;}
#stages-container .unknown div.choices .wrap:hover #goto-out {background-position:-299px -147px;}

#stages-container .unknown div.choices .wrap:hover #goto-in span {background-position: -392px -105px; color: #fff;}
#stages-container .unknown div.choices .wrap:hover #goto-maybe span {background-position: -392px -126px; color: #fff;}
#stages-container .unknown div.choices .wrap:hover #goto-out span {background-position: -392px -147px; color: #fff;}

#stages-container .unknown h3.stage-title {
	padding-left: 75px;
	}

/* in need group */

#stages-container .scene-in_need_group #slider-group-buyer-info {
	background: none;
	color: #6B6B6B;
	padding: 0px;
	width: 315px;
	overflow: hidden;
	height: 20px;
	}
	
/* Volunteer panel */

#stages-container .scene-in_need_group_buyer h3.stage-title {
	font-size: 18px;}