/* General Settings for the Whole Form */
.SiteForm
{
    padding: 20px;
}

/* Stands for: Form With Submit Button */
div.CSFormDef 
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size: 12px; 
}

/* Document Link */
a.frmDocLnk
{
	font-weight: bold;
	text-decoration: none;
	margin-left: 25px;
	background-color: #FFF;
	color: #000;
	padding: 3px;
	border-bottom: solid 1px #000;
}

a.frmDocLnk:hover
{
	background-color: #000;
	color: #FFF;
	border-bottom: solid 1px #FFF;
}

/* Contains the form's title - this is quite often hidden (display: none; visibility: hidden;)*/
div.CSFormDef h2.frmTitle
{
    display: none;
	visibility: hidden;
}

/* Applies to all the header section titles */
h3.cshdr h3
{
    font-size: 16px;
    margin: 10px;
    font-weight: bold;
}

#QuickForm h3.cshdr h3
{
	font-weight: normal;
	margin-top: 20px;
}

/*  Handles formatting the optional image, the float right is important, and the clearfix
    code at the bottom of this form is important in terms of fixing the form's layout in FF
    if there is an image included.  */
img.frmPic
{
    vertical-align: top;
    margin-top: 30px;
    float: right;	
    border: solid 2px #FFF;  /* Should usually be changed */
}

/* Applies to any label that is NOT inline */
.frmLblLt
{
    position: absolute;     /* This is how we're able to align the input controls to the right of the label */
    text-align: right;
    width: 200px;           /* Changes to this will require changes to the left-margin of .frmDrp, .frmTxt, .frmBtn, & .frmChk */
    margin-top: 5px;
}

#QuickForm .frmLblLt
{
	width: 90px;
}
 
/* Applies to any inline label */
.frmLblLtIgnore, .frmLblRtIgnore  /* Note the missing position attribute */
{
    margin-left: 5px;
    margin-top: 8px;
}

/* Checkboxes need a little extra coaxing in order to render margin and width settings */
.frmChk
{
	display: block; /* Gives them the ability to retain width/margin settings */
}

/*  Gives them the ability to appear side by side, using this usually requires
    adding a css class to the next header section (or non-inline checkbox element)
    and giving it a top margin of 50px or so. To use this css starter, use the class
    PushDown */
.frmChkIgnore
{
    float: left;  
}

/* Applies to any input control (i.e. TextBox, DropDownList, and Checkbox that is NOT inline */
.frmTxt, .frmDrp, .frmChk
{
    margin: 3px;
    margin-left: 205px;     /* Should be 5px higher than the width of .frmLbl */
}

#QuickForm .frmTxt, #QuickForm .frmDrp, #QuickForm .frmChk
{
    margin-left: 100px;     /* Should be 5px higher than the width of .frmLbl */
}

/* Submit Button */
.frmBtn, .radfdSkinnedFormButton /* In case this is a RadForm */
{
	margin-top: 10px;
	margin-left: 25px;
	width: 100px;
} 

/* Applies to inline input controls and table inputs */
.frmTxtIgnore, .frmDrpIgnore, .frmChkIgnore, .frmTable .frmTxt, .frmTable .frmDrp, .frmTable .frmChk
{
    margin: 3px;
    margin-left: 5px;       /* Make sure that inline controls render close to their neighbors */ 
}

/* Tables */
.frmTable
{
	margin-left: 25px;
}

/* Tables Header Row Cells */
.car th
{
	padding: 0 3px;
	text-decoration: underline;
}

/* Regular table cells */
.frmTableCell
{
	text-align: center;
}

/* Aligns Car Detail panel table to the left */
.car table
{
	width: 320px;
	margin-right: 10px;
	float: left;
}

/* Labels in the table */
.car table th
{
	font-weight: bold;
}

/* Aligns image link to the right */
.car .frmImgLnkHldr
{
	width: 320px;
	float: left;
	text-align: center;
}

/* img */
.car .frmImgLnkHldr img
{
	margin-bottom: 5px;
}