/*
File: hdwc_all_templates.css
Description: Styles used to generate all the basic layouts
*/	

/* ****************** */
/* OVERLAY CONTAINERS */
/* ****************** */

/*
 Shared Styles
 */  

#hdwcBody * {
    zoom: 1 !important; /* IE6 fix */
}

#hdwcBody {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #cccccc;
}

#hdwcOverlay .bd {
	font-family: verdana;
}

#hdwcOverlay .bd a,
#hdwcOverlay .bd a:link,
#hdwcOverlay .bd a:hover,
#hdwcOverlay .bd a:active{
	text-decoration: none;
}

#hdwcInstructions {
	font-family: Verdana, sans-serif;
	font-size: 11px !important;
}

#hdwcBody p {
    padding: 0px 0px 4px 0px;
	margin:0px;
}

#hdwcBody form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#hdwcBody label {
	margin:0px;
	padding:0px;
}
#hdwcBody em {
    color: #CCCC99;
	font-weight: bold;
}

#hdwcBody a:link, a:visited {
    color: #CCCC99;
    text-decoration: none;
}

#hdwcBody a:hover {
    text-decoration: underline;
}

 #hdwcBody a:focus {
    color: #999966;
}

#hdwcBody input, #hdwcBody textarea, #hdwcBody select {
    color: #000000;
    border: 1px solid #666666;
}
#hdwcBody input.btnOrange {
	border: 1px solid #666666;
}

.hdwcStandardUl {
    margin: 8px 0px 0px 0px;
    padding:0px;
	list-style-type: none;
}

.hdwcStandardLi {
	background:url(/Community/media/hd/assets/skins/hd/listDisc.gif) 0px 4px no-repeat;
	padding-left:14px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
}

/*
 End Direct Element Styles
 */

#hdwcAddMotorcycle, #hdwcLoginUnrecognized, #hdwcLoginRecognized, #hdwcLoginSoft,
#hdwcSpecialOccasion, #hdwcLogoutConfirm, #hdwcMyProfile, #hdwcLoginSubscriptions, 
#hdwcCommCreateProfile, #hdwcAddEditScreenName, #hdwcUGCSubmission,
#hdwcProfileConfirmation, #hdwcEmailSignUpUnrecognized, #hdwcEmailSignUpRecognized,
#hdwcEmailSignUpPassiveProfile, #hdwcEmailUpdateConfirm, #hdwcGenericCreateProfile,
#hdwcGenericProfileComfirm, #hdwcBuellCreateProfile, #hdwcBuellOwnerProfile,
#hdwcBuellProfileConfirm, #hdwcBuellNoVinConfirm, #hdwcBuellWithVinConfirm,
#hdwcBuellAddVin, #hdwcHogCreateProfile, #hdwcHogConfirmProfile, #hdwcHogNonMemberConfrim,
#hdwcAddHogMemNum, #hdwcHogNoAccess, #hdwcMuseumCreateProfile, #hdwcMuseumConfirmProfile,
#hdwcMuseumNonMemberConfirm, #hdwcMuseumAddMemNum, #hdwcMuseumNoAccess,
#hdwcWishListCreateProfile, #hdwcWishListConfirmProfile, #hdwcECommerceCreateProfile,
#hdwcECommerceConfirmProfile, #hdwcRidePlannerCreateProfile, #hdwcRidePlannerConfirmProfile,
#hdwcCustomizerCreateProfile, #hdwcCustomizerConfirmProfile, #hdwcServiceCheckupCreateProfile,
#hdwcServiceCheckupConfirmProfile, #hdwcProfileLockout, #hdwcForgotPasswordUnrecognized,
#hdwcForgotPasswordRecognized, #hdwcForgotPasswordRecognizedSecurityQ, #hdwcChangePassword,
#hdwcResetPassworkConfirm, #hdwcConfirmPasswordChange, #hdwcSecurityQuestion{
	width:556px;
	margin: 10px 14px 14px 14px;
    overflow:hidden;   
}

#hdwcLoginSoft {
	width:556px;  
}

#hdwcLoginSoft #hdwcValidateArea .hdwcMedPadBtm{
	float: left;	
	margin-right: 10px;
	padding-bottom: 0px;
	width: 270px;
}

#hdwcLoginSoft #hdwcValidateArea .last{
	margin-right: 0px;	
	width: 250px;
}

#hdwcLoginSoft #hdwcValidateArea #password{
	padding-bottom: 3px;	
}

#hdwcLoginSoft #hdwcSoftBody{
	overflow-x: hidden;
	overflow-y: auto;
	height: 168px;
}

#hdwcHogOnlyJoin {
	height: 0px;
	width: 0px;
	overflow: hidden;  
}

#hdwcLoginSoft .hdForgotPassword{
	float: left;
	margin-top: 5px;
}

/* ****************** */
/*    OVERLAY STOP    */
/* ****************** */

/*
 Start Page Layout Styles
 */ 
 
#hdwcBody {
    position:relative;
} 
 
#hdwcLrgScrollWindow {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 425px;
    width: 556px;
    position: relative;
} 

.hdwcScroll {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 410px;
    width: 556px;
} 

.hdwcScrollAlpha {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 556px;
    height: inherit;
} 

#hdwcErrorOverlayLarge,
.hdwcErrorOverlayLarge {
    width: 100%;
    color: #bd2026;
    font-weight: bold;
    text-transform: capitalize;
} 

#hdwcContentTwoColumnOverlayNormal {
    /*width: 100%;*/
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
    zoom: 1;
} 

#hdwcContentTwoColumnOverlayNormal #hdwcColumnOne, 
#hdwcContentTwoColumnOverlayNormal #hdwcColumnTwo,
#hdwcContentTwoColumnOverlayNormal #hdwcColumnOneMembership, 
#hdwcContentTwoColumnOverlayNormal #hdwcColumnTwoMembership,
#hdwcContentTwoColumnOverlayNormal #hdwcColumnOneRadio,
#hdwcContentTwoColumnOverlayNormal #hdwcColumnTwoQuestion {
    float: left;
}

#hdwcContentTwoColumnOverlayNormal #hdwcColumnOne {
    width: 260px;
    padding-right: 10px;
    border-right: 1px solid #666666;
} 

#hdwcContentTwoColumnOverlayNormal #hdwcColumnTwo {
    padding-left: 10px;
    width: 254px;
	border-left: 1px solid #666666;
	position:relative;
	left:-1px;
	overflow:hidden;
}

#hdwcContentTwoColumnOverlayNormal #hdwcColumnOneMembership {
    width: 250px;
    padding-right: 10px;
    border-right: 1px solid #666666;
} 

#hdwcContentTwoColumnOverlayNormal #hdwcColumnTwoMembership {
    padding-left: 10px;
    width: 265px;
}

#hdwcContentTwoColumnOverlayNormal #hdwcColumnOneRadio {
    width: 150px;
}

.hdwcErrorMsg {
    color: #ffffff;
    background-color: #bd2026;
    padding: 4px;
    font-weight: bold;
    text-transform: uppercase;
} 

.hdwcErrorMsgOff {
    display: none;
}
/*
 End Page Layout Styles
 */
/*
 Start Page Font and Header Styles
 */ 
 
.hdwcHeaderStyle, 
.hdwcHeaderStyleSmall {
    font-family: verdana;
    font-size: 14px;
    color: #FFFFFF;
    padding: 0px 0px 6px 0px;
    font-weight: bold;
} 

.hdwcHeaderStyleSmall {
    width: 220px;
} 

.hdwcInputContent p.hdwcText, 
.hdwcInputContent p.hdwcErrorText, 
.hdwcInputContent p span.hdwcErrorTextAlt {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
} 

.hdwcInputContent p.hdwcErrorText {
    color: #BD2026;
} 

.hdwcInputContent p span.hdwcErrorTextAlt {
    color: #FF8080;
} 

.hdwcInputContent .hdwcInput, 
.hdwcInputContent .hdwcInputError {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
} 

.hdwcInputContent .hdwcInput {
	border: 2px solid #333333;
} 

.hdwcInputContent .hdwcInputError {
    border: 2px solid #BD2026;
} 

.formLabelErrorTextOff {
    display: none;
} 

.formLabelErrorTextOn {
    font-weight: bold;
    color: #ff8080;
    /*padding-bottom: 4px;*/
    font-size: 11px;
    margin-left: 8px;
    /*margin-top: -10px;
    display: inline;*/
} 

.formElement .hdwcErrorMsgOff, 
.hdwcSmlPadBtm .hdwcErrorMsgOff, 
.hdwcMedPadBtm .hdwcErrorMsgOff, 
.hdwcLrgPadBtm .hdwcErrorMsgOff {
    display: none;
} 

.hdwcSmlPadBtm .extraTopMargin,
.hdwcExLrgPadBtm .extraTopMargin,
.hdwcLrgPadBtm .extraTopMargin,
.hdwcMedPadBtm .extraTopMargin{
	margin-top:30px;
}

.formElement .hdwcErrorMsgOn, 
.hdwcSmlPadBtm .hdwcErrorMsgOn, 
.hdwcMedPadBtm .hdwcErrorMsgOn, 
.hdwcLrgPadBtm .hdwcErrorMsgOn {
    color: #ffffff;
    background-color: #bd2026;
    /*padding: 4px;*/
    font-weight: bold;
    /*margin-bottom: 4px;*/
    text-transform: uppercase;
} 

.extraTopMarginAuth {
    margin-top:5px;
}

.hdwcHeadTextLimit {
    max-width: 550px;
} 

.head {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    width: 540px;
    font-family: verdana;
}

.hdwcSmlPadBtm {
    padding-bottom: 5px;
} 

.hdwcMedPadBtm {
    padding-bottom: 10px;
} 

.hdwcLrgPadBtm {
    padding-bottom: 15px;
} 

.hdwcExLrgPadBtm {
    padding-bottom: 20px;
} 

.subhead1 {
    font-weight: bold;
    color: #FF6600;
    padding-bottom: 4px;
    font-size: 11px;
    text-transform: uppercase;
} 

.subhead2 {
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 4px;
    font-size: 11px;
	padding-bottom: 4px;
} 

.subhead3{
	color:#FFFFFF;
	font-weight:bold;
}

.hdwcSmlPadBtm .editLink, 
.hdwcMedPadBtm .editLink, 
.hdwcLrgPadBtm .editLink, 
.hdwcExLrgPadBtm .editLink {
    margin-left: 6px;
    text-decoration: underline;
    font-size: 9px;
    font-weight: normal;
    text-transform: capitalize;
} 

.hdwcSmlPadBtm .cancelLink, 
.hdwcMedPadBtm .cancelLink, 
.hdwcLrgPadBtm .cancelLink, 
.hdwcExLrgPadBtm .cancelLink {
    margin-left: 6px;
    text-decoration: underline;
    font-size: 9px;
    font-weight: normal;
    text-transform: capitalize;
} 

.hdwcSmlPadBtm .bold, 
.hdwcMedPadBtm .bold, 
.hdwcLrgPadBtm .bold, 
.hdwcExLrgPadBtm .bold {
    font-weight: bold;
} 

.hdwcSmlPadBtm .active, 
.hdwcMedPadBtm .active, 
.hdwcLrgPadBtm .active, 
.hdwcExLrgPadBtm .acitve {
    color: #ffffff;
} 

.hdwcSmlPadBtm .hdwcContentMessageError, 
.hdwcMedPadBtm .hdwcContentMessageError, 
.hdwcLrgPadBtm .hdwcContentMessageError, 
.hdwcExLrgPadBtm .hdwcContentMessageError {
    color: #ffffff;
    background-color: #bd2026;
    padding: 4px;
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase;
} 

.hdwcSmlPadBtm .hdwcContentMessageConfirm, 
.hdwcMedPadBtm .hdwcContentMessageConfirm, 
.hdwcLrgPadBtm .hdwcContentMessageConfirm, 
.hdwcExLrgPadBtm .hdwcContentMessageConfirm {
    color: #ffffff;
    background-color: #ff6600;
    padding: 4px;
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.hdwcZipCode {
    float: left;
    margin-top: 0px;
} 

.hdwcZipCodeDash {
    float: left;
    padding: 0px 2px 2px 2px;
    border-bottom: 2px solid #666666;
    margin: 0px 3px 0px 3px;
    width: 3px;
} 

.birthdaySlash {
    float: left;
    padding: 6px 6px 0px 0px;
}
/*
 End Page Font and Header Styles
 */
/*
 Start Form Formatting Styles
 */ 
 
.reqIndicator {
    color: #FFFFFF;
    font-weight: normal;
    padding-left: 2px;
} 

.reqIndicatorError {
    color: #bd2026;
    font-weight: bold;
} 

.formLabel {
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 4px;
    font-size: 11px;
	/*margin-top: 10px;*/
} 

.formLabel p {
    margin:0;
    padding:0;    
}

.formLabelError {
    font-weight: bold;
    color: #bd2026;
    padding-bottom: 4px;
    font-size: 11px;
} 

.hdwcInput {
  font-size:11px;
	border: 0;
	font-weight: bold;
	padding: 3px 0 3px 3px;
}

.hdwcInputContainer {
    background-color: #1F1F1F;
    padding: 8px 8px 2px 8px;
} 

.hdwcInputContent {
    padding: 0px 0px 6px 0px;
} 

.hdwcInputError {
    border: 2px solid #bd2026;
    margin: 3px 0 6px 0;
    font-size: 11px;
} 


.hdwcSelect {
    border: none;
    margin: 4px 0 6px 0;
    width: 235px;
    font-size: 11px;
} 

.hdwcSelectState {
    border: none;
    margin: 4px 0 6px 0;
    width: 150px;
    font-size: 11px;
} 

.hdwcRadio {
    margin-bottom: -2px;
} 

.hdwcCheck {
    margin-bottom: 0px;
    margin-right: 4px;
} 

.hdwcCheckList {
    margin-bottom: 4px;
} 

.hdwcCheckContainer,
.hdwcCheckContainerList {
    position: relative;
} 

.hdwcCheckContainerList {     
    padding-top:5px;  
} 

#hdwcLoginSubscriptions .hdwcCheckContainer {
	margin-top: 10px;
}
#hdwcLoginSubscriptions #hdwcErrorOverlayLarge {
	margin-bottom: 10px;
}

.hdwcCheckContainer .hdwcCheckBox,
.hdwcCheckContainerList .hdwcCheckBox {
    float: left;
    margin: 1px 0 0 0;
    padding: 0;
    width: 12px;
} 

.hdwcCheckContainer .hdwcCheckBox input
.hdwcCheckContainerList .hdwcCheckBox input {
    color: #000000;
    margin: 0;
    padding: 0;   
}

.hdwcCheckContainer .hdwcCheckText,
.hdwcCheckContainerList .hdwcCheckText {
    float: left;
    margin: 0 0 0 12px;
    padding: 0;
    width: 86%;
} 

.hdwcCheckContainer .hdwcCheckText {
    padding: 0;  
}

.hdwcCheckContainerList .hdwcCheckText {   
    padding: 0 0 7px 0;   
} 

.radioText {
    margin-left: 8px;
} 

.formLabelAsterisk {
    color: #ff6600;
} 

.formElement {
    padding-bottom: 5px;
    position: relative;
}
/*
 End Form Formatting Styles
 */
/*
 Start Button Styles
 */ 
 
.btnOrange {
    font: 10px Verdana;
    margin: 0px 10px 0px 0px;
    background-color: #FF6600;
    border: 1px solid #666666;
    text-align: center;
    float: left;
    color: #FFFFFF !important;
    cursor: pointer;
} 
.hdAction {
    margin: 0px 0px 0px 10px;
    float: right;
} 

.btnOrange a, 
.btnOrange a:link, 
.btnOrange a:visited, 
.btnOrange a:hover {
    font: 10px Verdana;
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 8px 3px 8px;
    float: left;
} 

.btnDarkGrey {
    font: 10px Verdana;
    font-weight: bold;
    margin: 0px 10px 0px 0px;
    border: 1px solid #666666;
    text-align: center;
    float: left;
    color: #999999;
} 

.btnDarkGrey a, 
.btnDarkGrey a:link, 
.btnDarkGrey a:visited, 
.btnDarkGrey a:hover {
    font: 10px Verdana;
    font-weight: bold;
    display: block;
    color: #999999;   
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 8px 3px 8px;
    float: left;
} 

#btnExit {
    height: 10px;
    color: #FFFFFF;
    font: 10px Verdana;
    font-weight: bold;
    padding: 2px 6px 2px 6px;
    background-color: #999999;
    border: 1px solid;
    border-color: #666666;
    position: relative;
    text-transform: uppercase;
    width: auto;
    height: auto;
    float: right;
    top: 5px;
} 

.hdwcButtonSpacing {
    margin: 12px 0px 0px 0px;
}
/*
 End Button Styles
 */
/*
 Special Container Styles
 */ 
 
#photobox {
    width: 117px;
    height: 123px;
    margin: 0px 20px 0px 0px;
    background: #000000 url(/Community/media/hd/assets/skins/images/img_profile.gif) no-repeat;
    border: 2px solid;
    border-color: #666666;
} 

#hdwcPhotoContainer {
    float: left;
    width: 170px;
} 

#hdwcPhotoContent {
    float: left;
    width: 350px;
} 

#hdwcDeleteLink {
	text-decoration:underline;
}

.questionPopUp {
    float: right;
	margin-top:-40px;
	padding-top:5px;
}

.suggestionsGuidelines h1 {
    font-size:10px;
    font-weight:bold;
    text-transform: uppercase;
    margin:6px 0;
    padding:0;
} 
  
.suggestionsGuidelines ul {
  margin: 0 0 15px 20px;
}

.suggestionsGuidelines li {
	background: transparent url(/Community/media/hd/assets/skins/hd/listDisc.gif) no-repeat 0px 2px;
	font-size: 11px;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
}

/*
 End Special Container Styles
 */ 

.singleRuleBtm {
    padding: 0 0 8px 0;
    border-bottom: 1px solid #666666;
    margin-bottom: 8px;
} 

.dashedRuleBtm {
    padding: 0 0 8px 0;
    border-bottom: 1px dashed #666666;
    margin-bottom: 8px;
} 

.dblRuleBtm {
    background-image: url(/Community/media/hd/assets/skins/hd/doublestripe.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 12px;
    margin-bottom: 6px;
} 

.hdwcEditRegionSpace {
    margin: 8px 0px 0px 0px;
    height: 1px;
} 

.hdwcFormRow {
    float: left;
    padding-right: 5px;
    position: relative;
} 

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

#hdValidationErrors {
    padding-bottom:12px;
}

.hdwcValidationError .formLabel {
	color: #bd2026;
}

.hdwcValidationError .formLabel .reqIndicator {
	color: #bd2026;
}

.hdwcValidationError .subhead2 {
	color: #bd2026;
}
.hdwcValidationError .subhead2 .reqIndicator{
	color: #bd2026;
}