/*
Canon form css
*/

/* GENERAL RULES */
    .machineDetails { float: left;}
    .machineDetails .medium { width: 92px; }
    .machineDetails .medium-large { width: 165px;margin-right: 10px;}
    .machineDetails a {display: block;width: 90px;}
    .machineDetails .validationWrapper {display: block; float: left;}
    .machineDetails .ValidationMessage { float: none; display: none; }
    .machineDetails .formRowGap {margin-bottom: 15px;padding-bottom: 0; min-height: 15px;}
    .relocationForm .tncs { margin: 20px 0;}
    .relocationForm .formRowGap .ui-datepicker-trigger { float: left;}
    .relocationForm .infoBoxPopUp { position: absolute; left: 540px; margin: 3px 0 0 5px;}
    .relocationForm .section {margin-bottom: 20px; }
    .relocationForm .machine-info, .relocationForm .machine-info h2, .relocationForm .machine-info a.addDevice { float: left;}
    .relocationForm .form-submit { margin-right: 10px;}
    .pnlMainRelocateInfo { display: none;}
    
    .pnlMainRelocateInfo, .pnlMovingToContact, .pnlMovingToLocation, .pnlMDS { display: none;}
    
	.formRow {
		vertical-align: baseline;
		overflow:hidden;
		margin-bottom: 5px;
		min-height: 18px;
		width: 100%;
	}

	.formRow.pnlPaypalInfo 
	{
	    margin-bottom: 0;
	}

    .formRow.last 
    {
        min-height:27px;
    }
    
	.formRowGapBeforeTC {
		vertical-align: baseline;
		margin-bottom: 35px;
		width: 100%;
	}

	.formRowGapAfterTC {
		vertical-align: baseline;
		margin-bottom: 25px;
		width: 100%;
	}

	.formRowGap {
		vertical-align: baseline;
		margin-bottom: 5px;
		min-height: 18px;
		width: 100%;
		padding-bottom: 10px;
		overflow: hidden;
		
	}
	
	.formRowGap table { float: left;}
	
	.formRowGap input { float: left;}
	
	.formRowGap .ui-datepicker-trigger { cursor: pointer; }
	
	.formCol {
		float: left;
	}

	label.tiny, input.tiny, textarea.tiny, select.tiny, .tiny {
		float: left;
		width: 40px;
		margin-right: 10px;
	}

	label.short, input.short, textarea.short, select.short, .short {
		float: left;
		width: 90px;
		margin-right: 10px !important;
	}

	label.mediumShort, input.mediumShort, textarea.mediumShort, select.mediumShort, .mediumShort{
		float: left;
		width: 107px;
		margin-right: 10px;
	}

	label.medium, input.medium, textarea.medium, select.medium, .medium {
		float: left;
		width: 140px;
		margin-right: 10px;
	}
	
	label.long, input.long, textarea.long, select.long, .long {
		float: left;
		width: 200px;
		margin-right: 10px;
	}
	
	label.huge, input.huge, textarea.huge, select.huge, .huge {
		float: left;
		width: 300px;
		margin-right: 10px;
	}
	
		label.massive, input.massive, textarea.massive, select.massive, .massive {
		float: left;
		width: 500px;
		margin-right: 10px;
	}
	
	label.nf, input.nf, textarea.nf, select.nf, div.nf, span.nf
	{
		float: none;
	}
	
	label.mediumRight, input.mediumRight, textarea.mediumRight, select.mediumRight{
		float: left;
		text-align: right;
		width: 140px;
		line-height: 1.5em;
		margin-right: 10px;
	}
	
	div.mediumRight 
	{
	 
	line-height:1.5em;
    margin-right:10px;
    padding-left:153px;
    text-align:left;
    width:17em;
	}
	
	label.longer, input.longer, textarea.longer, select.longer, .longer {
		float: left;
		width: 220px;
		margin-right: 10px;
	}
	
	label.fullWidth, input.fullWidth, textarea.fullWidth, select.fullWidth, span.fullWidth {
		display: block;
	}
	
	.tinyGap {
		margin-left: 50px;
	}
	
	.shortGap {
		margin-left: 100px;
	}
	
	.mediumGap {
		margin-left: 150px;
	}
	
	.longGap {
		margin-left: 210px;
	}
	
	.shortPlusMediumGap {
		margin-left: 255px;	
	}
	
	.hugeGap {
		margin-left: 310px;
	}
	
	.shortCol {
		width: 150px;
	}
	
	.mediumCol {
		width: 270px;
	}
	
	.longCol {
		width: 550px;
	}
		
/* FORM SPECIFIC RULES */

/* product relocation */

	 .relocateText {
		float: left;
		width: 230px;
		margin-right: 10px;
	}

label.relMedium, input.relMedium, textarea.relMedium, select.relMedium, .relMedium {
		float: left;
		width: 160px;
		margin-right: 10px;
	}
	
	.relTextBox1
	{
	    float: left;
	    width: 350px;
	    margin-right: 10px;
	    padding: 10px 0px 10px 0px;
	    
	}
/* mycanon */
#main .formTitle {
	float: left;
	margin-right: 20px;
}

#main .formContent {
	float: left;
}

.aprButtons
{
    padding-left: 150px;
    padding-top: 20px;
    width: 120px;
    
}

.aprHeading
{
    font-weight: bold;
}

/* Relocation Form*/

.meterReading
{
 		float: left;
		width: 80px;
		margin-right: 10px;   
}
/* Print Form styling*/

#printDiv
{
    color:#4B4B4B;
    font-size:12px;
    line-height:16px;
    font-family: arial, sans-serif;
    
}

.relLabelError {
	color: #cc0000;
	font-weight: bold;
	float: right;
}

.errorLabel {color: red;font-weight: bold;}

/* Extended Warranty CC boxes*/

.ccBox
{
	width : 8px;
	height : 12px;
	border: solid 1px #000;
	float: left;
	margin: 1px;
	color:#4B4B4B;
	
}

.ccBoxSpace
{
	width : 8px;
	height : 14px;
	float: left;
	
}

div#printDiv
{
	border:1px solid;
height:300px;
overflow:scroll;


padding-left:5px;

}

.ccLine
{
	border-bottom:1px solid;
	width:259px;
	
}

.mediumBold
{
    float: left;
    width: 140px;
    margin-right: 10px;
    font-weight:bold;
}

#hihihi	#notes
{
    float:left;
    max-width:300px;
}

.btnDownloaddisabled
{
	cursor: default;
}