/* CSS Document */

form	{	
	margin: 0;
	text-align:center;
	width: auto;
}
form table,
form div table	{
	text-align:left;
	font-size: 11px;	line-height: 13px;
}

form table td	{
	padding: 3px 0;
	vertical-align:top;
}
form label	{
	color: #cc6600;
	font-weight: normal;
	width: auto;
	white-space:nowrap;
	float: right;
	text-align:right;
	margin: 0.2em 0.3em 0 2.1em;
	padding: 0 0 0 0.6em;
}
form input,
form textarea,
form select	{
	margin-right: 2.1em;
	background: white url() left top no-repeat;
	font-size: 12px;
}



/*------ specific form styling ----------*/
form.rjform table,
form.login table,
form .table_container	{
	margin: 10px auto;
	border: 1px #e4ba94 solid;
	background-color:#f5efe9;
}
form .table_container table	{
	/*  applies to individual tables inside
		div_show and div_hide divs */
	width: 100%;
	border: 0;
	margin: 0;	padding: 0;
}
form td.loginkeys	{
	background: #c77730 url(/images/admin/login_keys_brown.jpg) no-repeat;
	height: 58px;
	padding: 0;	margin-bottom: 10px;
}
form td.supportheader	{
	background: #c77730 url(/images/rjsupport_header.jpg) no-repeat;
	height: 60px;
	padding: 0;
	border-bottom: 1px #e4ba94 solid;
}
form td.undersupportheader	{
	font-size: 1px;	line-height: 1px;
	height: 10px;
}

form table .empty-row-25	{	height: 25px;	}
form table .empty-row-50	{	height: 50px;	}
form table .empty-row-75	{	height: 75px;	}
form table .empty-row-100	{	height: 100px;	}


/*------- standard tags inside the form ---*/
form hr	{
	border: 0px;	border-top: 1px solid #e4ba94;
	height: 1px;	line-height:1px;
	width: 100%;	margin: 0px;
}
form h1,
form h2,
form h3,
form h4	{
	text-align: center;
	font-size: 1.2em;
}
form p.note	{
	/* used for notes under label */
	text-align: center;
	width: 200px;
	float: right;
	margin: 0 3px;	padding: 0;
	white-space: normal;
	text-align:right;
}
form div.note	{
	/* used for notes across width of form */
	clear:both;
	font-weight: normal; 
	color: gray; 
	margin: 10px 5px; 
	text-align:center;
	white-space:normal;
	width: 300px;
}

/* alternating row colors */
#tr_c_company,
#tr_c_phone,
form .rowodd		{	background-color: #f9efdd;	}
#tr_c_name,
#tr_c_address,
#tr_c_fax,
form .roweven	{	background-color: #f7e4c0;	}


/* checkboxes with lables next to them */
form td.checkbox input,
form td.checkbox label	{
	margin: 0;	padding: 0;
	display: inline;
	float: none;	clear: none;
	background: none;
}
form td.checkbox	{
	text-align:center;
}



/*--------  required settings ------------*/
td.req	{
	margin-top: 10px;
	color: red;
}
td.req label,
span.req	{
	background: url(/images/star_red.gif) left 2px no-repeat;
	padding-left: 13px;
}
span.req	{
	color: red;
	margin: 5px 10px;	padding: 0 0 0 12px;
	float: left;	clear: none;
	display: inline;
}



/*---------- TD row settings ---------*/
.last_buttons	{
	text-align: center;
}


/*--------- form buttons ------------*/
.button,
.submit,
.nbut_add,
.nbut_authorize,
.nbut_cancel,
.nbut_content,
.nbut_continue,
.nbut_delete,
.nbut_down,
.nbut_edit,
.nbut_new,
.nbut_login,
.nbut_password,
.nbut_edit_password,
.nbut_return,
.nbut_save,
.nbut_submit,
.nbut_up,
.nbut_update,
.nbut_view,
.plus,
.minus		{
	margin: 2px 3px;	padding: 1px 2px;	
	font-size: 12px;	line-height: 14px;	
	font-weight: bold;
	border: 0;
	width: auto;
}
.nbut_add	{	
	background: url(/images/admin/nbut_add.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_authorize	{	
	background: url(/images/admin/nbut_authorize.gif) no-repeat;	
	width: 82px;	height: 22px;	
}
.nbut_cancel	{	
	background: url(/images/admin/nbut_cancel.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_content	{	
	background: url(/images/admin/nbut_content.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_continue	{	
	background: url(/images/admin/nbut_continue.gif) no-repeat;	
	width: 82px;	height: 22px;	
}
.nbut_delete	{	
	background: url(/images/admin/nbut_delete.gif) no-repeat;	
	width: 53px;	height: 22px;
}
.nbut_down	{	
	background: url(/images/admin/nbut_down.gif) no-repeat;	
	width: 100px;	height: 22px;	
}
.nbut_edit	{	
	background: url(/images/admin/nbut_edit.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_login	{	
	background: url(/images/admin/nbut_login.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_new	{	
	background: url(/images/admin/nbut_new.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_password	{	
	background: url(/images/admin/nbut_password.gif) no-repeat;	
	width: 102px;	height: 22px;	
}
.nbut_edit_password	{	
	background: url(/images/admin/nbut_edit_password.gif) no-repeat;	
	width: 102px;	height: 22px;	
}
.nbut_return	{	
	background: url(/images/admin/nbut_return.gif) no-repeat;	
	width: 65px;	height: 22px;	
}
.nbut_save	{	
	background: url(/images/admin/nbut_save.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_submit	{	
	background: url(/images/admin/nbut_submit.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_up	{	
	background: url(/images/admin/nbut_up.gif) no-repeat;	
	width: 82px;	height: 22px;	
}
.nbut_update	{	
	background: url(/images/admin/nbut_update.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.nbut_view	{	
	background: url(/images/admin/nbut_view.gif) no-repeat;	
	width: 53px;	height: 22px;	
}
.plus	{	
	background: url(/images/admin/plus.gif) no-repeat;	
	width: 24px;	height: 18px;	
}
.minus	{	
	background: url(/images/admin/minus.gif) no-repeat;	
	width: 24px;	height: 18px;	
}




/*------- images inside form fields --------*/
.u_icon	{
	padding-left: 20px;
	background: white url(/images/admin/user_icon.gif) left top no-repeat;
	width: 132px;
}
.pixels	{
	width: 65px;
	background: white url(/images/admin/form_px.gif) right 5px no-repeat;
	padding-right: 17px;
}


/*-----------	special widths for input fields that need to be longer or shorter -------------*/

.text_150	{	width: 150px;	margin-right: 10px;	}
.text_200	{	width: 200px;	margin-right: 10px;	}
.text_250	{	width: 250px;	margin-right: 10px;	}
.text_300	{	width: 300px;	margin-right: 10px;	}
.text_350	{	width: 350px;	margin-right: 10px;	}
.text_400	{	width: 400px;	margin-right: 10px;	}