#rightarrow {
	box-shadow: -1px 3px 1px -1px #3f7d4e;
	background-color:#44c767;
	border-radius:42px;
	border:2px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	padding:0px 0px;
	text-decoration:none;
	text-shadow:0px 2px 0px #2f6627;
	
}
#rightarrow:hover {
	background-color:#5cbf2a;
}
#rightarrow:active {
	position:relative;
	top:1px;
}

#play {
	box-shadow: -1px 3px 1px -1px #976b0a;
	background-color:#e4d20f;
	border-radius:42px;
	border:2px solid #a58d0a;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	font-style:italic;

	text-decoration:none;
	text-shadow:0px 2px 0px #2f6627;
	
}
#play:hover {
	background-color:#726107;
}
#play:active {
	position:relative;
	top:1px;
}

#tutorial {
	box-shadow: -1px 3px 1px -1px #38af5a;
	background-color:#4ee761;
	border-radius:42px;
	border:2px solid #38af5a;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	font-style:italic;

	text-decoration:none;
	text-shadow:0px 2px 0px #2f6627;
	
}
#tutorial:hover {
	background-color:#33954f;
}
#tutorial:active {
	position:relative;
	top:1px;
}


#NewStoryboard {
	box-shadow: -1px 3px 1px -1px #666666;
	background-color:#fcfcfc;
	border-radius:2px;
	border:2px solid #333333;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#333333;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	font-style:italic;

	text-decoration:none;
	-text-shadow:0px 2px 0px #d9d9d9;
	
}
#NewStoryboard:hover {
	background-color:#cccccc;
}
#NewStoryboard:active {
	position:relative;
	top:1px;
}



#record {
	box-shadow: -1px 3px 1px -1px #a62626;
	background-color:#ff7b7b;
	border-radius:42px;
	border:2px solid #ff5252;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	
	text-decoration:none;
	text-shadow:0px 2px 0px #b82525;
	
}
#record:hover {
	background-color:#a62626;
}
#record:active {
	position:relative;
	top:1px;
}



#list {
font-weight:bold;
background-color:transparent;
border:none;
}

#AddText {
border-radius: 8px;
border: 2px solid;
border-color: #e6e6e6;
padding-left: 4px;
box-shadow: 1px 2px rgba(30,30,30,0.3);
}


#FastArrows {
	box-shadow: -1px 3px 1px -1px #3f7d4e;
	background-color:#ffd51a;
	border-radius:42px;
	border:2px solid #dfa507;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	padding:0px 0px;
	text-decoration:none;
	text-shadow:0px 2px 0px #2f6627;
	
}
#FastArrows:hover {
	background-color:#e6bb00;
}
#FastArrows:active {
	position:relative;
	top:1px;
}