/*

Project:	Expandable Textareas
Title:		Screen Style Sheet
Created:	29 October 2006 by Jon Gibbins (a.k.a. dotjay)
Modified:	21 December 2006 by Jon Gibbins (a.k.a. dotjay)

*/



div.expandable-textarea{
	position:relative;

	width:100%;
}

div.expandable-textarea textarea{
	width:100%;
}



/* --- controls ---
*/

div.expandable-textarea .controls{
	position:absolute;top:-15px;right:0;

	font-size:1px;
	line-height:1px;
	list-style:none;
}

div.expandable-textarea .controls li{
	float:left;
}



/* --- control anchors ---
*/

div.expandable-textarea .anchors .increase,
div.expandable-textarea .anchors .decrease{
	display:block;

	background:#DDD url(expand.gif) no-repeat 50% 50%;
	margin-top:-1px;
	padding:3px;

	width:9px;
	height:9px;
}

div.expandable-textarea .anchors .decrease{
	background-image:url(collapse.gif);
}

div.expandable-textarea .anchors .increase span,
div.expandable-textarea .anchors .decrease span{
	position:absolute;left:-9999px;
}



/* --- control images ---
*/

div.expandable-textarea .images a{
	background:none;
	padding:0;
}

div.expandable-textarea .images .increase img,
div.expandable-textarea .images .decrease img{
	background:#DDD;
	padding:3px;
}