﻿/* ============ */
fieldset { border-top: 0px solid #fff; }
fieldset legend {display:none;margin:10px -7px; padding:0px; color: #666666;}
fieldset.showLegend legend { display:block; }
fieldset.fieldsetSplit { border-bottom:1px solid #E0E0E0; padding-bottom:10px;margin-bottom:10px;}
fieldset.legendIsMandatoryText legend { color:#3D993D; font-style: italic; display:block; margin-bottom:15px; }
.formPanelReadonly fieldset.dfCardnumber legend { display:none;}
fieldset.dfPanelMargin { margin-left:36px; }

.dfControl { width:280px; padding-bottom:10px;}
.error { line-height:1.8em;}
.dfClear {clear: both; display: block; height: 1px; line-height: 1px; font-size:1px; width: 1px;}
.dfLabel {float: left; width: 125px; padding-right:5px;clear: both;}
.dfMandatory {display:none;float: left; width: 30px; padding-left:4px; color: #ff0000;text-align:left;}
.dfInput input { width: 210px;}

ul.dfRows {list-style: none none; margin: 0px !important;}

.mandatory {float: left;color: #920088;line-height:2.0em;width: 30px;text-align:center;}

.dfRows div {float:left;}
.dfRows div ul {list-style: none none !important; margin: 0px !important; width:280px;} 
.dfRows div li {list-style: none none !important; } 
.dfRadiobuttonList { padding-top:2px;}
.dfRadiobuttonList input {float: left; width: 20px !important; margin-top:0px; }
.dfRadiobuttonList label {float: left; margin-right: 10px; clear:none; text-align:left; width:auto; line-height:20px; padding:0px;}

.dfSelect {width: 255px; }
.dfSelect select { min-width: 150px; }

.dfLabelBefore { }
.dfLabelAfter { display:block; clear:both; padding-top:3px; }
.dfReadonlyItem { }
.dfRows .error {clear:both; margin-left:0px;}

.dfControl .dfCheckboxList input { width:20px; display:block; float:left;}
.dfControl .dfCheckboxList label { float:left; display:block; width:255px;}
.dfOptin .dfControl .dfCheckboxList label { float:left; display:block; width:375px;}

.dfTooltip {float: left;}

.dfUploadIframe {width: 450px; border: none; margin: 0px; padding: 0px; display: block; }
.dfUploadImage {border: 1px solid #000 !important; margin-bottom: 5px; display: block;} 
.dfUploadChange {width: 150px; margin-right: 15px;}
.dfUploadDelete {}
.dfUploadFile {margin-top: 10px;}
.dfUploadSend {}

.dfUploadImagePreview {border: 1px solid #000 !important; margin-bottom: 5px;}

.dfYouTubePreview {float: left; clear: both; border: solid 1px #000;}

.dfWatermark {color: #a0a0a0;}

fieldset.dfCardnumber { }
fieldset.dfCardnumber .dfControl .dfInput input {  letter-spacing:2px; }
fieldset.dfCardnumber .dfControl .dfInput .dfReadonlyItem, 
fieldset.dfProfileTop .dfCardnumber .dfControl .dfLabelControl .dfReadonlyItem { color: #333333; font-size:14px; font-weight:bold; letter-spacing:2px; }
.formPanelReadonly .dfControl .dfInput .dfReadonlyItem { font-weight:bold;}
.dfProfileTop .dfLabel { font-weight:bold; }
.dfProfileTop .dfReadonlyItem { padding-right:10px;}
.dfProfileTop a.iframe { font-size:10px; text-decoration:underline;}
.dfProfileTop a.iframe:hover { text-decoration:none;}



.dfControl .dfCheckboxList label { padding-left:5px;}
.dfConfirm,
.dfAlert {  display:block;margin:10px 18px; font-weight:bold; padding:10px 10px 10px 40px;}
.dfConfirm { color:#3D993D; background:#E5FFE5 url('../img/bg_confirm.gif') no-repeat 10px 10px;}
.dfAlert  { color:#ff0000; background:#ffeded url('../img/bg_alert.gif') no-repeat 10px 10px;}
.dfConfirm h4,
.dfAlert h4 { font-weight:bold; font-size:12px; }
.dfConfirm p,
.dfAlert p { margin:0px !important; font-weight:normal;}


.dfHousenumber .dfInput { display:inline; padding-right:10px; }
.dfHousenumber .dfInput input{  width:40px; }
.dfPostalcode .dfInput input { text-transform:uppercase; }
.dfMedium .dfInput input { width: 80px;  }

.dfOptin .dfLabel { display:none;}
.dfOptin .dfControl,
.dfOptin .dfControl ul { width: 410px; }

.dfProductInterest {}
.dfProductInterest .dfLabel { float:none; width:410px; padding-bottom:5px;}
.dfProductInterest .dfControl { float:none; width:410px;}
.dfProductInterest .dfControl ul { width: 410px;}
.dfProductInterest .dfControl .dfCheckboxList {}
.dfProductInterest .dfControl .dfCheckboxList input {  display:block;float:left;}
.dfProductInterest .dfControl .dfCheckboxList label { width:171px; display:block;float:left;}


#dfImageUploader  { font-size:14px; }
.dfUploadSend { 
	background: url(../img/btn_send.gif) no-repeat center top; 
	display:block;
	width: 109px;
	height: 20px; 
	text-align:center;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 5px;
	color: #920088;
	text-decoration:none;
	font-size:12px;
	margin: auto;
	font-weight:bold;
}

.dfUploadSend:hover {
	background-position: center bottom;
	color:#fff;
	text-decoration:none;
}

.dfUploadChange { 
	background: url(../img/btn_previous.gif) no-repeat center top; 
	display:block;
	width: 129px;
	height: 20px; 
	text-align:center;
	padding-right: 15px;
	padding-left: 35px;
	padding-top: 5px;
	color: #920088;
	text-decoration:none;
	font-size:12px;
	margin: auto;
	font-weight:bold;
	float:left;
}

.dfUploadChange:hover {
	background-position: center bottom;
	color:#fff;
	text-decoration:none;
}

.dfUploadDelete { 
	background: url(../img/btn.gif) no-repeat center top; 
	display:block;
	width: 109px;
	height: 20px; 
	text-align:center;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 5px;
	color: #920088;
	text-decoration:none;
	font-size:12px;
	margin: auto;
	font-weight:bold;
	float:left;
}

.dfUploadDelete:hover {
	background-position: center bottom;
	color:#fff;
	text-decoration:none;
}
.dfUploadImage { }





.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px; }
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90ZvGxZ6SJJh48yx62JKItzQ2&t=633053122925312500);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90HZemRms4wXOo1BZWTwWtNQ2&t=633053122925312500);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/**/
.ajax__calendar_container TABLE { width:auto !important; margin: 0px 0px 0px 0px !important; background-color:Transparent !important;}
.ajax__calendar_container TABLE TD { padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important; border-bottom:none !important;}
.ajax__calendar_container TABLE TH { padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important; border-bottom:none !important;}
