/* --------------------------------------------------------------------------------------
TOPS Publising System CSS Framework

Type:Forms
--------------------------------------------------------------------------------------- */



/* Forms
--------------------------------------------------------------------------------------- */
.td-Form {}
    .td-Form p
    {
        margin-bottom:20px;
        line-height:20px;
    }
    .td-Form input
    {
        padding:1px 0;
    }
    .td-Form input[type="button"]
    {
        cursor:pointer;
    }
    
        /*
        Forms Rows
        --------------------------------------------------*/
        .td-FormRow
        {
            margin-bottom:10px;
        }
        .td-FormRow span.label
        {
            display:inline-block;
            float:left;
            padding:3px 0 0;
        }
        .td-FormRow span.tip
        {
            display:block;
            padding-left:150px;
        }
        .td-FormRow input[type="checkbox"], 
        .td-FormRow input[type="radio"]
        {
            position:relative;
            top:3px;
            margin-right:3px;
        }
        .td-FormRow label
        {
            position:relative;
            top:2px;
        }
        .td-FormRowInner
        {
            float:left;
            width:450px;
        }
        
        
        /*
        Forms Rows Sizes
        --------------------------------------------------*/
        .td-FormRow span.large {width:150px;}
        .td-FormRow .large {width:400px;}
        .td-FormRow span.med {width:125px;}
        .td-FormRow .med {width:275px;}
        .td-FormRow span.small {width:65px;}
        .td-FormRow .small {width:100px;}
        
        
        /*
        Forms Rows (My Profile)
        --------------------------------------------------*/
        .td-FormMyProfile .td-FormRow span
        {
            width:135px;
        }
        .td-FormMyProfile .td-FormRow span.label
        {
            padding:0;
        }
        .td-FormProfileConfig
        {
            border-top:solid 1px #EEE;
            border-bottom:solid 1px #EEE;
            margin:20px 0;
            padding:20px 0;
            line-height:24px;
        }
        .td-FormProfileConfig strong
        {
            display:block;
            margin:0 0 5px 0;
        }
        
        
        
        
        
        
        
        
        
        
        





        .td-FormBox
        {
            border:solid 1px #EEE; 
            padding:20px;
            margin-bottom:20px;
        }
            .td-FormBox p.header
            {
                font-size:1.5em;
                margin-bottom:10px;
            }
            .td-FormSignIn
            {
                border:solid 1px #D7D7D7;
                background-color:#F7F7F7;
            }
        .td-FormRow table tbody tr td input
        {
            position:relative;
            top:3px;
        }
        .td-FormRow table tbody tr td label
        {
            position:relative;
            top:1px;
            left:3px;
            margin-right:15px;
        }
        .td-FormLabel
        {
            float:left;
            width:125px;
            margin-right:10px;
            padding:4px 0 0 0;
        }
        .td-FormInput
        {
            float:left;
        }
        .td-FormInput input[type="text"],
        .td-FormInput input[type="password"]
        {
            width:225px;
        }
        .td-FormImageValidation
        {
            float:left;
            margin-left:-5px;
        }
            .td-FormImageValidation input[type="text"]
            {
                width:63px;
            }
            .td-FormImageValidation img
            {
                border:solid 1px #000;
            }
        .td-FormButton
        {
            width:100%;
            text-align:right;
            padding:10px 0 0;
        }    
    .td-FormTermsConditions
    {
        padding:20px 0 10px 0;
    }
    
.td-FormPreview 
{
    background-color:#FFF;
    text-align:left;
}
    .td-FormPreview p
    {
        margin-bottom:5px;
    }    
    .td-FormPreview label
    {
        display:inline-block;
        width:80px;
        font-weight:bold;
    }
    
.td-Form table tbody tr td table tbody tr td
{
    padding-bottom:7px;    
}
table tbody tr td table tbody tr td input[type="text"],
table tbody tr td table tbody tr td input[type="password"]
{
    width:150px;
}
td.LoginLabel
{
    padding-right:10px;
}    





        
        
/* Self Clears
-------------------------------------------------------------------*/    
.td-FormRow:after,
.td-FormRowSmall:after,
.td-FormRowMed:after,
.td-FormRowLarge:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
*html .td-FormRow,
*html .td-FormRowSmall,
*html .td-FormRowMed,
*html .td-FormRowLarge
{
    height:1%; /*IE6*/
}
*:first-child + html .td-FormRow,
*:first-child + html .td-FormRowSmall,
*:first-child + html .td-FormRowMed,
*:first-child + html .td-FormRowLarge
{
    min-height:1px; /*IE7*/
}

input.td_input_calendar, input.td_input_calendar_time
{
	background-image:url(/Images/cal2.gif);
	background-position:2px 1px;
	background-repeat:no-repeat;
	padding:3px 1px 0px 24px;
	height:18px;
	width:80px;
	vertical-align:middle;
}


input.td_input_calendar_time
{
	width:120px;
}