/*
|--------------------------------------------------------------------------
| HTK Horizon Landing Page Forms Layout
|--------------------------------------------------------------------------
| 
| 
*/

form.hp-smartInsertForm {
	margin: 0;
	padding: 0;
}


form.hp-smartInsertForm .hp-form-submit-button input {
	padding: 6px 10px 8px 10px;
	line-height:120%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


form.hp-smartInsertForm fieldset {
	border-width:0px;
	padding: 0;
	font-size: 13px;
}


form.hp-smartInsertForm .hp-form-item {
	margin: 0;
	padding: 10px 0;
	clear: both;
}


form.hp-smartInsertForm .hp-form-item .hp-form-item-body {
	float: left;
	width: 250px;
}


form.hp-smartInsertForm fieldset.hp-form-group-checkbox .hp-form-group-item {
	margin: 5px 0;
	float: left;
}


form.hp-smartInsertForm .hp-form-item .hp-form-item-label {
	float: left;
	width: 130px;
	max-width: 300px;
	min-height: 1px;
	font-weight: normal;
	text-align: left;
	display:block;
}


form.hp-smartInsertForm .hp-form-item .hp-form-item-body label {
	float: none;
	width: auto;
	max-width: auto;
	font-weight: normal;
}


form.hp-smartInsertForm .hp-form-group-item label {
	cursor: pointer;
}


form.hp-smartInsertForm .hp-form-item.form-text .hp-form-item-label,
form.hp-smartInsertForm .hp-form-item.form-select .hp-form-item-label {
	padding: 0;
}


form.hp-smartInsertForm input[type=text],
form.hp-smartInsertForm input[type=password],
form.hp-smartInsertForm textarea {
	font-family: Arial, helvetica, sans-serif;
	width: 250px;
	padding: 5px;
	border: 1px solid #ccc;
}


form.hp-smartInsertForm select {
	font-family: Arial, helvetica, sans-serif;
	width: 250px;
	height: 30px;
	color: #333;
}


form.hp-smartInsertForm .hp-form-submit {
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 10px;
	background: url(images/button_arrow.png) no-repeat 20% 100%;
}


form.hp-smartInsertForm .hp-form-submit input  {
	margin: 0;
	padding: 8px 20px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.286em;
	color: #fff;
	text-shadow: 1px 1px 2px #383838;
	filter: dropshadow(color=#383838, offx=1, offy=1); 
	background: #68c534 url(images/button_bg.png) repeat-x 0 0;
	border: none;
	border-width: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.htk_button, .htk_button_cta {
	margin: 0;
	padding: 8px 20px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.286em;
	color: #fff;
	text-shadow: 1px 1px 2px #383838;
	filter: dropshadow(color=#383838, offx=1, offy=1); 
	background: #68c534 url(images/button_bg.png) repeat-x 0 0;
	border: none;
	border-width: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

form.hp-smartInsertForm fieldset.hp-form-group-checkbox,
form.hp-smartInsertForm fieldset.hp-form-group-radio {
	margin: 0;
}



/*
|--------------------------------------------------------------------------
| Standard input styles
|--------------------------------------------------------------------------
| 
| 
*/
form.hp-smartInsertForm input.hp-text-input,
form.hp-smartInsertForm textarea,
form.hp-smartInsertForm select {
	width: 200px;
}
form.hp-smartInsertForm input.hp-disabled,
form.hp-smartInsertForm textarea.hp-disabled,
form.hp-smartInsertForm select.hp-disabled {
	background-color: #D4D0C8;
	color: #808080;
}
.hp-captchaClass {
	background: url("/horizon-web/images/captcha.jpg.brand") no-repeat 130px 0px;
	height: 70px;
	width: 390px;
	text-align: left;
}

form.hp-smartInsertForm .hp-form-registration-block span {
	clear: left;
}

.hp-form-reset-password-link div {
	
}

.hp-form-postcode-PositionFix {
	 width: 100px !important;
}

/*
|--------------------------------------------------------------------------
| Custom input styles
|--------------------------------------------------------------------------
| 
| 
*/
#TITLEId {
	width: 100px !important;
}

/*
|--------------------------------------------------------------------------
| Fix variable content styles
|--------------------------------------------------------------------------
| 
| 
*/
.variableContentHeader,
.variableContentHeader * {
	color: #000 !important;
}




/*
|--------------------------------------------------------------------------

| Media types styles

|--------------------------------------------------------------------------
| 
| 

*/

.hp-form-medias-add {
    float: left;
    height: 24px;
    width: 24px;
    background : url("/horizon-web/images/controls.png.brand") no-repeat scroll -1007px 0 transparent;
}

.hp-form-medias-remove {
    float: left;
    height: 24px;
    width: 24px;
    background : url("/horizon-web/images/controls.png.brand") no-repeat scroll -1077px 0 transparent;
}

.hp-medias-container-emails, .hp-medias-container-smses,
.hp-medias-container-faxes, .hp-medias-container-pagers,
.hp-medias-container-mobiles, .hp-medias-container-telephones  {
    clear: both;
    content: "";
}

/*
|--------------------------------------------------------------------------
| Password strength meter styles
|--------------------------------------------------------------------------
| 
| 
*/

.hp-form-passwordStrengthMeter {
    background: #F7542C;
    height: 9px;
    left: 15px;
    margin-left: -30px;
    position: absolute;
    top: 20px;
    width: 20px;
}

.hp-form-passwordStrengthMeterText {
    color: #F7542C;
    display: inline;
    font-size: 10px;
    left: 15px;
    margin-left: 0;
    position: absolute;
    top: 10px;
    width: 78px;
}

/*
|---------------------------------------------------------------------------|
|																			|
| 				Error messages in each field styles							|
|																			|
|---------------------------------------------------------------------------|
*/ 

.hp-input-errorMessage {
	margin-left: 5px;
	color: red;
	float: left;
}

.errorInput {
	border: red 2px solid !important;
}

/*
|--------------------------------------------------------------------------
| Postcode finder styles

|--------------------------------------------------------------------------
| 
| 
*/

.hp-form-postcode-search {
    background: url("/horizon-web/images/controls.png.brand") no-repeat scroll -448px 0 transparent;
    float: left;
    height: 24px;
    margin-left: -27px;
    /* margin-top: -3px; */
    width: 24px;
}

.hp-address-finded {
    left: -201px\0/;
    padding-bottom: 38px;
    padding-top: 2px;
    position: relative;
	top: 16px;
    top: 38px\0/ !important;
}

.hp-table-with-adress {
	width: 250px !important;
}

.hp-populate-address {
	text-decoration: none;
}

.hp-table-row-address:hover {
	background: none repeat scroll 0 0 #dddddd;
}

.hp-table-row-adress-one {
	background-color: #F0F0F0;
}

/*
Buttons
*/

.htk_button:link {
	text-decoration:none !important;
	border-bottom:none !important;
}
.htk_button:visited {
	text-decoration:none !important;
	border-bottom:none !important;
}
.htk_button:hover {
	text-decoration:none !important;
	border-bottom:none !important;
}
.htk_button:active {
	text-decoration:none !important;
	border-bottom:none !important;
}
.htk_button_cta:link {
	text-decoration:none !important;
	border-bottom:none !important;
}
.htk_button_cta:visited {
	text-decoration:none !important;
	border-bottom:none !important;
}
.htk_button_cta:hover {
	text-decoration:none !important;
	border-bottom:none !important;
}
.htk_button_cta:active {
	text-decoration:none !important;
	border-bottom:none !important;
}

/*
|--------------------------------------------------------------------------
| Datepicker styles

|--------------------------------------------------------------------------
| 
| 
*/
.ui-datepicker {
    display: none;
    padding: .2em .2em 0;
    width: 17em;
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0;
    position: relative;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 0 .4em;
    width: 100%;
}

.ui-datepicker th {
    border: 0;
    font-weight: bold;
    padding: .7em .3em;
    text-align: center;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: .7em 0 0 0;
    padding: 0 .2em;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: .5em .2em .4em;
    overflow: visible;
    padding: .2em .6em .3em .6em;
    width: auto;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* RTL support */

.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }

.ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-datepicker-cover {
    filter: mask(); /*must have*/
    height: 200px; /*must have*/
    left: -4px; /*must have*/
    position: absolute; /*must have*/
    top: -4px; /*must have*/
    width: 200px; /*must have*/
    z-index: -1; /*must have*/
}


/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Arial, sans-serif/*{ffDefault}*/;
    font-size: 1em/*{fsDefault}*/;
}

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, sans-serif/*{ffDefault}*/;
    font-size: 1em;
}

.ui-widget-content {
    background: #ffffff /*{bgColorContent}*/ url(ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
    border: 1px solid #aaaaaa/*{borderColorContent}*/;
    color: #222222/*{fcContent}*/;
}

.ui-widget-content a { color: #222222/*{fcContent}*/; }

.ui-widget-header {
    background: #cccccc /*{bgColorHeader}*/ url(ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
    border: 1px solid #aaaaaa/*{borderColorHeader}*/;
    color: #222222/*{fcHeader}*/;
    font-weight: bold;
}

.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #e6e6e6 /*{bgColorDefault}*/ url(ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/;
    color: #555555/*{fcDefault}*/;
    font-weight: normal/*{fwDefault}*/;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555/*{fcDefault}*/;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #dadada /*{bgColorHover}*/ url(ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    border: 1px solid #999999/*{borderColorHover}*/;
    color: #212121/*{fcHover}*/;
    font-weight: normal/*{fwDefault}*/;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121/*{fcHover}*/;
    text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121/*{fcActive}*/;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    filter: Alpha(Opacity=70);
    font-weight: normal;
    opacity: .7;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    filter: Alpha(Opacity=35);
    opacity: .35;
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 16px;
    width: 16px;
}

.ui-widget-content .ui-icon { 
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; 
}

.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; 
}

/* positioning */

.ui-icon-circle-triangle-e { 
	background-position: -48px -192px; 
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px; 
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}
/*
|--------------------------------------------------------------------------
| End of datepicker styles

|--------------------------------------------------------------------------
*/