/* Form Style */
form { 
	margin:0; 
	padding:0; 

}

.form { 
	clear:both; 
	margin:0; 
	padding:0; 
	background:#fff; 
}

.buttonContainer {
	margin:1em 0 0 1em;
	padding:0.6em 0;
	width:22.5em;
	display:block;
	border:0;
	overflow:hidden;
	border-top:1px solid #ddd;
}

.button {
	margin:0 0 0 .3em;
	padding:0;
	width:auto;
	float:right;
	display:inline;
}

input.btn {
	font:normal .8em arial, helvetica, sans-serif;
	overflow:visible;
	padding:0 .5em 0 .5em;
	cursor:pointer;
}



/*** latest button design ***/
.sButton  {
	margin:0 0 0 0.3em;
	border:1px solid #aaa; /* System Controlled */
	border-color:#ccc #aaa #aaa #ccc;
	/*background:#eee;  System Controlled */
	background:url(../img/sButtonBackground.gif) repeat-x 0 0;
	color:#333;
	cursor:pointer;
	display:block;
	float:left;
}

.sButton:hover {
	border-color:#a2ddff #64c6ff #64c6ff #a2ddff;
	outline:none;
	color:#000;
}

#bPress {
	background:#ccc;
}

#bRelease {
	margin:0 0 0 0.3em;
	border:1px solid #aaa; /* System Controlled */
	border-color:#ccc #aaa #aaa #ccc;
	/*background:#eee;  System Controlled */
	background:url(../img/sButtonBackground.gif) repeat-x 0 0;
	color:#333;
	cursor:pointer;
	float:right;
}

#bRelease:hover {
	border-color:#a2ddff #64c6ff #64c6ff #a2ddff;
	outline:none;
	color:#000;
}


/* Text Fields */
.form p { 
	margin:0;
	padding:0;
	color:#333; 
}

.form h3 {
	font:normal 0.8em arial, helvetica, sans-serif; 
}


.form .textField {
	padding:0.3em 0 0 0; 
	margin:0 0 0 1em;
	position:relative; 
	top:0; 
	left:0; 
	width:410px; 
	clear:both;
}



.form .textField input { 
	margin:0 0 4px 0; 
	padding:0 0 2px 2px; 
	float:left; 
	width:18.2em; 
	font:normal 0.8em arial, helvetica, sans-serif; 
	color:#333; 
	background:#fff; 
	border:1px solid #94a3b2; 
}

.form .textField p {
	padding:0;
	margin:-0.5em 0 0.5em 122px; 
	font:oblique 0.7em  Arial, Helvetica, Sans-serif; 
	color:#666; 
	text-align:left;
	clear:both; 
}



.form .textField h4	{ 
	margin:0 0 0 16px; 
	display:inline; 
	font:normal 12px/18px  arial, helvetica, sans-serif; 
	color:#666; 
	text-align:left;  
}
.form .textField h3	{
	margin:0;
	padding:0;
	clear:both;
}
.form .textField label { 
	margin:0 0 0 0;
	padding:.3em 0em .2em 0em;
	float:left;
	width:120px;
	font:normal 0.8em/0.8em arial, helvetica, sans-serif;
	color:#333;
 }


.form span.required	{ 
	position:absolute; 
	top:0; 
	left:108px; 
	color:#666; 
	vertical-align:bottom; 
	font:normal 1.5em/2em arial, helvetica, sans-serif; 
}


.form .textField span.random {
	margin:0.1em 0 0 0.8em;
	padding:0;
	float:left;
	font:normal 0.75em arial, helvetica, sans-serif;
}

.form .textField span a {
	color:#34669b;
	font-weight:normal;
}



/* Text Areas */
.form .textField textarea {
	margin:0 0 0 25px;
	padding:2px 0 2px 5px;
	float:left;
	height:100px;
	/*width:25em;*/
	font:normal 0.8em/1.4em arial, helvetica, sans-serif; 
	color:#333;
	/*background:#e4edf1;*/
	background:#fff;
	border:1px solid #94a3b2;
}

.form .textField textarea.inactive {
	color:gray;
}

.form .textField textarea.active {
	color:#333;
}

.form .noLabel textarea {
	padding:0;
	margin-left:0;
}


/* Radio Fields */
.form .radio {
	margin:0.3em 1em 0.3em 1.1em;
	padding:0;
	display:block;
	position:relative; 
	top:0; 
	left:0; 
	width:400px; 
	clear:both;
}

.form .smallBox .radio {
	margin:0 1em 0 0;
}

.form .radio input {
	vertical-align:middle; 
	display:inline; 
	width:auto; 
	height:auto; 
	margin:0 0.3em 0 0;
}

.form .radio label { 	
	vertical-align:middle; 
	display:inline; 
	font:normal 0.75em/1em arial, helvetica, sans-serif; 
	color:#333; 
}

.form .radio span { 
	margin:0;
	padding:0;
	display:block; 
	width:auto; 
}

.form .radio .optionalField {
	padding:0;
	margin:0.5em 0 0.3em 1.8em; 
	text-align:left;
	clear:both; 
}

.form .radio .optionalField input {
	margin:0 0 0 0.5em; 
}

.form .radio .disabled {
	color:#ccc; 
}

.form .radio .enabled {
	color:#333; 
}


/* Message Styles  */
.form .message { 
	margin:0 0 .8em 1em;
	padding:0;
	display:block;
	position:relative;
	width:22.5em;
	border:1px solid darkgreen;
	background:#dfa;
	clear:both;
	overflow:hidden;
}

.form .message p  { 	
	margin:0;
	padding:1em 1em 1em 2em;
	font:normal .8em/1.5em arial, helvetica, sans-serif;
	color:#333;
	text-align:center;
}

.form .transferMessage { 
	margin:0 0 .8em 1em;
	padding:0;
	display:block;
	position:relative;
	width:22.5em;
	border:1px solid #fbae5c;
	background:#ffe5cc;
	clear:both;
	overflow:hidden;
}

.form .transferMessage p  { 	
	margin:0;
	padding:1em 1em 1em 2em;
	font:normal .8em/1.5em arial, helvetica, sans-serif;
	color:#333;
	text-align:center;
}

#middle .message a,
#middle .message a:visited,
#middle .message a:active,
#middle .message a:hover {
	color:blue;
	font-weight:bold;
}

.form .error { 
	margin:0 0 0.8em 1em;
	padding:0;
	display:block;
	position:relative;
	width:22.5em;
	border:1px solid #400;
	background:#cc1616;
	clear:both;
	
	
}

.form .error p { 
	margin:0;
	padding:1em;
	font:normal .8em/1.5em arial, helvetica, sans-serif;
	color:#fff;
	text-align:center;
}



.form .lastSaved {
	margin:0 0 0 1em;
	padding:1em 0;
	display:block;
	position:relative;
	width:22.5em;
	clear:both;
	overflow:hidden;
}

.form .lastSaved p {
	margin:0;
	padding:0.5em 0 0.5em 0;
	font:oblique 0.75em/1.3em arial, helvetica, sans-serif;
	color:#333;
	text-align:left;
}

.form .lastSaved a, a:hover { 
	color:#369;
	font-weight:normal;
}

.form .help {
	margin:0 0 0 1em;
	padding:0;
	display:block;
	position:relative;
	width:22.5em;
	clear:both;
	overflow:hidden;
}

.form .help p { 
	margin:0;
	padding:0.5em 0 0.5em 0;
	font:normal 0.8em/1.5em arial, helvetica, sans-serif;
	color:#333;
	text-align:left;
}

.form .help span {
	margin:0 0 0 1.5em;
	display:block;
	border-bottom:1px dotted #ccc;
}

.form .help span p {
	color:#666;
}

.form .help span.transferSuccess {
	margin:0;
	padding:0 0 0 1.5em;
	background:url(/silkicons/accept.gif) no-repeat 0 6px;
	border:0;
}

.form .help span.transferSuccess p {
	font:bold 0.75em/1.5em arial, helvetica, sans-serif;
	color:#333;
}

.form .help span.transferFail {
	margin:0;
	padding:0 0 0 1.5em;
	background:url(/silkicons/exclamation.gif) no-repeat 0 6px;
	border:0;
}

.form .help span.transferFail p {
	font:bold 0.75em/1.5em arial, helvetica, sans-serif;
	color:#333;
}

/*** Error Messages ***/
#error input, 
#error textarea,
#error select {
	border:1px dashed #d00;
	background:#fff;
	color:#333;
}

#error span {
	color:#d00;
}

#errorMessage {
	margin:0 0 1em 1em;
	padding:0.5em;
	width:21.2em;
	border:1px solid #600;
	background:#d00;
	color:white;
	text-align:center;
	overflow:hidden;
}

#errorMessage p {
	margin:0;
	padding:0;
	font:normal 0.75em Arial, Helvetica, sans-serif;
	color:white;
}

/*** Sortable Table Headers ***/
th.sortAsc span {
    padding: 0px 7px;
    background: url("/v4images/up.gif") no-repeat;
    float: right;
}
th.sortDsc span {
    background: url("/v4images/down.gif") no-repeat;
}
