.script {
	border:1px #CCCCCC solid;
	margin:5px 0px 5px;
	background:#FFFFFF;
	padding:5px;
}

#form { display:block; position:relative; padding:10px; width:360px; margin:5px auto 5px; font-size:12px; }
#form label { float:left; width:150px; display:block; text-align:right; line-height:20px; } 
#form input { float:left; padding:3px; font-size:12px; border:1px #333333 solid; width:200px; clear:right; margin-bottom:3px; }
#form input.button { display:block; float:none; clear:both; position:relative; border:1px #333333 solid; padding:3px; font-size:12px; margin-left:auto; color:#FFFFFF; background:#333333; width:200px; text-align:center; }


/* Chained select styles */
/* 
	Fake select aspect: set only the default styles on the id 
*/
#chainedSelect { 
	display:block; 
	position:relative;
	width:200px;
	float:left;
	padding:3px;
	margin-bottom:3px;	
}
/* 
	...and make it look good in a class having the same name as the id 
	the container id and class must be the same
	the class is added from JS so if JS disabled, it won't look weird
*/
.chainedSelect {
	border:1px #333333 solid; 
	background:url(images/drop.jpg) right center no-repeat #FFF; 
}

/* 
	The option list: the overall container for the options */
#optionList { 
	display:block; 
	position:relative; 
	width:250px;
	font-size:12px;
	background-color:#FFF;
	border:1px #CCCCCC solid; 
}
/* the top pointer container */
#optionList .pointer {
	display:block;
	position:relative;
	height:20px;
	line-height:11px;
	width:250px;
	margin-top:-20px;
	background:url(images/pointer.gif) bottom center no-repeat;
}
/* loading class for #optionList */
.loading { 
	background:url(images/ajax-loader.gif) center center no-repeat #FFF; 
	height:50px; 
}
#optionList .optionsWrapper { 
	display:block; 
	position:relative;
}
/* entries from #optionList */
#optionList div.entry{ 
	display:block; 
	position:relative; 
	padding:7px 10px 7px 4px; 
	border-bottom:1px #999999 solid; 
	font-size:14px; 
	color:#333333; 
	cursor:pointer; 
	height:20px; 
	overflow:hidden; 
}
/* link to navigate to children list */
#optionList div.entry a.nav { 
	display:block; 
	position:absolute; 
	top:10px; 
	right:0px; 
	background-image:url(images/nav.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFF; 
	width:26px; 
	height:17px; 
	line-height:17px; 
}
#optionList div.entry a.nav:HOVER { 
	background-position:bottom right;
}
/* top navigation container; contains title and return link */
#optionList .navigator { 
	display:block; 
	position:relative; 
	margin-bottom:5px;
	clear:both; 
	float:none; 
	padding:5px;
}
/* title from .navigation */
#optionList .navigator span.title { 
	display:block; 
	padding-left:20px; 
	color:#CC0000;
	font-size:16px;
	font-style:italic;
	text-decoration:underline;
}
/* return link from .navigator */
#optionList .navigator a.returnLink { 
	display:block; 
	position:absolute; 
	top:9px; 
	left:5px; 
	background:url(images/back_nav.jpg); 
	width:13px; 
	height:17px; 
	line-height:17px; 
}