form.storytimedform {
	
	}

.storytimedform li {
	width:70%;
}

li.large {
	width:95%;
	}

form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}

form li.nopadding-left {
	padding-left:0px;
	}

/* give the li this class when child input is active */
form li.focused {
	background-color:#759abd;
}

input.text, input.file, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	color:#333;
}

input.text, textarea.textarea {
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url("images/fieldbg.gif") repeat-x top;
}

form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:10px;
	line-height:10px;
	color:#444;
	display:block;
}
form li div span label{
	padding-bottom:12px;
}

label.choice{
	font-size:100%;
	display:block;
	line-height:1.4em;
	margin:-1.75em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:88%;
}

form li div.col span {
	display:block;
	width:100%;
	float:left;
	padding:0;
	margin-left:10px;
}

label.desc{
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

form span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input {
	font-size:120%;
	margin-right: 10px;
}

.center, 
form li span.center input.text, form li span.center label{
	text-align:center;
}

/* get rid of a styling on the tinymce button */
#main_content a.mceButton {
	border:none;
	}