/*
    Document   : SimpleTextarea
    Created on : Apr 14, 2009, 10:58:37 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormTextArea
		New class names: FormSimpleTextarea
*/
.FormSimpleTextarea {
	background-color: #FFF; 
	border-width: 1px;
	border-style: solid;
	position:relative;
	overflow-x: hidden;
}

.FormSimpleTextarea.dijitTextAreaDisabled {
	background: #EEE; /* NOT THEMED */
	border-color: #B5C5D3; /* NOT THEMED */
	color: #666;
}

.FormSimpleTextarea .FormSimpleTextarea-inputText {
	background-color: transparent;
	display: block;
	overflow-x: hidden;
	/* Need to have the padding here. If we set the padding
	 on the top component, the problem is that we can't align
	them by size, e.g. a textbox and a textarea won't be the
	same length even if they both have the same style='width'
	Cf add buddy dialog */
	padding: 5px 4px 4px 7px;
	margin: 0;
}

.dj_ff36 .FormSimpleTextarea .FormSimpleTextarea-inputText {
	padding-top: 3px;
}

.dj_ff36_mac .FormSimpleTextarea .FormSimpleTextarea-inputText {
	padding-top: 4px;
}

.dj_webkit .FormSimpleTextarea .FormSimpleTextarea-inputText{
	outline: 0;
	padding-left: 5px;
	padding-top: 3px;
}

.dj_ie .FormSimpleTextarea .FormSimpleTextarea-inputText{
	font-family: arial, helvetica, sans-serif !important; /* Without this, we get monospace */
	font-size: 11px !important; /* Without this, we get 12px */
	padding-top: 2px;
	overflow-y: auto;
}

.FormSimpleTextarea .FormSimpleTextarea-helperText {
	display: inline-block;
	color: #CCC;
	cursor:text;
	position: absolute;
	top: 3px;
	left: 8px;
}

.dj_ie .FormSimpleTextarea .FormSimpleTextarea-helperText {
	left: 7px;
}

.dj_ff36_mac .FormSimpleTextarea .FormSimpleTextarea-helperText {
	top: 4px;
}

.FormTextBoxHasInput .FormSimpleTextarea-helperText{
	display: none;
}