﻿#promo { 
	height: 58px;
	border-bottom: 2px solid black;}
h1#converter {
	font-size: 15px;
	font-style: bold; 
	float: left; 
	margin-left: 35px;
	margin-right: 15px;
	margin-top: 20px;}
	
#signupbutton {
	float: right;
	background-image: url(/images/front/signup_button.png);
	height: 34px; width: 155px;
	background-position: 0 -68px;
	margin-right: 20px;
	margin-top: 12px;
	margin-bottom: 10px;
	}

#confidential{
	font-size: 12px;
	font-weight: normal;
	}
	
div#status_bar {
	border-bottom-width: 0;}

#river, #shuffle, #add_word_wrapper { display: none; }
div.demo_slide {
    position: absolute; padding: 10px 20px; display: none;
    -moz-border-radius:0.5em 0.5em 0.5em 0.5em;
    -moz-box-shadow:0 2px 7px #888888;
    -webkit-border-radius: 0.5em;
    -webkit-box-shadow: 0 2px 7px #888;
    background:none repeat scroll 0 0 #C1E0FF;
    z-index: 10;
    border: 2px solid white;
}

div.demo_slide p{
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;}	

div.demo_slide img {
 position: absolute; height: 40px; width: 38px; z-index: 1; }
div.demo_slide img.down_arrow { bottom: -40px; }
div.demo_slide img.up_arrow { top: -40px; }
div.demo_slide input.ok { float: right; }

.select_buttons { text-align: center; }
.select_buttons input { margin: 0 20px; }

#cram_button, #active_lists_button, #settings_button, #add_word_button { 
    opacity:0.4;filter:alpha(opacity=40);
}

#skritter_window { height: 405px; }
#help_icon { display: none; }
.star_button { display: none; }

/* common slide positionings */

.center_slide { top: 161px; left: 168px; width: 345px; }

.canvas_point { bottom: 445px; left: 20px; }
.canvas_point .down_arrow { left: 150px; }

.next_point { bottom: 116px; left: 166px; width: 250px; }
.next_point .down_arrow { left: 150px; }

.above_all { bottom: 26px; right: 20px; width: 266px; }

.speaker_point { top: 211px; right: 28px; }
.speaker_point .up_arrow { right: 9px; }

.prompt_point { bottom: 463px; right: 20px; width: 326px; }
.prompt_point .down_arrow { right: 247px; }

.phantom_point { bottom: 110px; left: 25px; width: 297px; }
.phantom_point .down_arrow { left: 148px; }

.correct_point { bottom: 105px; left: 100px; width: 300px; }
.correct_point .down_arrow { left: 144px; }

.offside { bottom: 26px; right: 20px; width: 266px; }

.hidden_slide { left: -9001px; }
