/*
Developers: Mindaugas Vaiciulis, Tomasz Libich 
Date: August 2011
Website: TheFA.com
Notes: FORMS STYLE SHEET

*/ 

/* `Footer custom checkboxes plugin 
----------------------------------------------------------------------------------------------------*/
.custom-checkbox, .custom-radio { position: relative; }
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
	opacity:0;
}
.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 25px;
	margin: 0 0 0;
	cursor: pointer;
	color:#666;
}

.custom-checkbox label {
	background: url(../../images/modules/footer/mod-footer-checkBox.png) no-repeat; 
}
.custom-radio label { 
	background: url(../../images/modules/footer/mod-footer-radioButton.jpg) no-repeat; 
}

.custom-checkbox label, .custom-radio label {
	background-position: -13px -15px;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -13px -114px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -13px -215px;
}
.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -13px -315px;
}
.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}

/* FORM ERRORS */

.form-error{
    background:transparent url('../../images/forms/form-error-bg.png') no-repeat 0 0;
    display:none;height:26px;padding:6px 11px 0 11px;color:#fff;
    position:absolute;top:-37px;left:0;z-index:801;
    
}

.form-input-text{float:right;position:relative;}

/* SELECT */

.js .form-select select,
.js .form-select label,
.js .form-select2 select,
.js .form-select2 label {display:none;}

.select-box {margin:0;position:relative;background:transparent url('../../images/components/spr-select.png') repeat-x 0 0;} 

.select-box b{
        float:left;
        height:29px;
        line-height:29px;
        padding: 0 10px;
        width:103px;
        cursor:pointer;
        border:1px solid #dadada;
        border-top:1px solid #bcbcbc;
        border-width: 1px;
        background:#fff url("../../images/components/cp-selectContainerBg.png") repeat-x scroll right 0;
}
.select-box b:hover{background-position:right -29px;}
.select-box.show b{background-position:right -58px;}
.input-text{
        float:left;
        height:29px;
        line-height:29px;
        padding: 0 10px;
        border:1px solid rgb(218,218,218);
        border-top:1px solid rgb(185,185,185);
        border-width: 1px;
        background: url("../../images/modules/footer/mod-footer-input-bg.png") repeat-x 0 0 #fff;
    }
.select-box ol{background:#fff;display:none;position:absolute;top: 0;width:25.8333em;/*310*/z-index:600;left:0px;}
.select-box.show ol{display:block;width:123px;border:solid 1px #ddd;border-top:none;border-bottom:none; z-index:600;}

   .select-box ol li {margin:0;line-height: inherit;font-size: 12px;line-height:1.75 !important;}
   .select-box ol li a:link,
   .select-box ol li a:visited{color:#333 !important;text-decoration:none;padding:7px 7px 7px 10px;display:block;border-bottom:1px solid #ddd;float:none;font-weight:bold;}
   .select-box ol li a:hover {background: #f7f7f7;}     

/* FORMS */

select,
.selectContainer{
    background: url("../../images/modules/footer/mod-footer-input-bg.png") repeat-x 0 0 #fff;
    border:1px solid rgb(218,218,218);
    border-top-color:rgb(185,185,185);
    margin:0;
    text-align:left;
    height:29px;
    box-sizing:border-box !important;
}

.no-js select{height:auto;}
.no-js #refineSearchForm .form-select{margin-top:6px;}

#headToHeadForm .input-text,
#findCoachForm .input-text,
#findClubForm .input-text,
#findCourseForm .input-text{border:none;border-top:solid 1px rgb(185,185,185);border-bottom:solid 1px rgb(255,255,255);}

   .selectContainer{display:block;float:left;height:29px;padding:0;position:relative;z-index:20;background: url("../../images/components/cp-selectContainerBg.png") repeat-x right 0 #fff;}
      .selectContainer select{opacity:0;height:29px;margin:0;padding:0;position:absolute;top:0;left:0;}
      .selectContainer select option{padding:0;}
      .selectContainer b{position:absolute;top:0;left:0;padding:7px;}

   
/* DEFAULT AUTOCOMPLETE */

.ui-autocomplete{float:left;background:#fff;margin:1px 0 0 10px;border:solid 1px #ddd;border-top:none;border-bottom:none;}
.ui-autocomplete li{border-bottom:1px solid #ddd;}
.ui-autocomplete li a{display:block;padding:7px;}
   .ui-autocomplete li a.ui-state-hover{background:#f7f7f7;}