﻿@import "DG_Common.css";

/* 
 ******************************************************** 
 *	This stylesheet controls all of the profile styles
 * including creation, updates, ect. 
 ********************************************************
*/

/* Profile Widget Layout 
 * The profile widget is laid out using a table, field labels in the left
 * column and field inputs in the right.
 */

/* The width of the profile widget */
.DG_Profile_Table 
{
	width:480px;
	padding:10px;
	border:1px #bbb solid;
}

/* The width of the field column */
.DG_Profile_Label 
{
	text-align:right;
	width:180px;
	font-family:inherit;
}

/* Controls the login Look and Feel */
.DG_Profile_Login
{
	width:300px;
	float:left;
}

/* The table on the tankyou page where we display the login info */
table#DG_Profile_LoginInfo
{
border:1px #bbb solid;
padding:5px;
margin-left:80px;
}

table#DG_Profile_LoginInfo .DG_Profile_Label
{
	width:80px;
}
table#DG_Profile_LoginInfo span
{
	font-size:10pt;
}

/* The Error message pane - only visible when an error needs to be displayed */
.DG_Profile_Error
{
	margin:10px 0 10px 0;
	padding:4px;
	background-color:#fff1f1;
	border:solid 1px red;
}

/* Information display styles*/
.DG_Profile_Information
{
display:block;
background-color:#eee;
padding:10px;
border:1px #afafaf solid;
color:#018b95;
font-weight:bold;
}

/* The Questions page of the profile wizard is contained within this div */
#DG_Profile_Questions{}

/* All questions are wrapped in spans automatically */
#DG_Profile_Questions span{	font-size:10pt; }

/* Generic style for any errors messages that should be displayed */
.error
{
	color:#d00;
}

/* All required fields have an asterisk wrappen in a span before the field name.
 * This controls the style of the asterisk. To remove it completely add: 
 * display:none;
 */
.required span
{
	color:red;
	font-weight:bold;
}

/* The table rows for for required and optional fields */
tr.required{}
tr.optional{}

/* The table cells for required and optional fields.  Note that only the 
 * cell with the field label has this class, not the cell with the <input>
 */
td.required{font-weight:bold;}
td.optional{color:#666;}

.rightborder
{
	border-right:1px #999 solid;
	margin-right:4px;
	padding-right:4px;
}