/*
Title:      Search bar
Date:       November 2011
Authors:     teodora.costint.ext@belgacom.be, re-factoring started by francois.massart@belgacom.be
Remarks:    Never hesitate to comment your CSS declarations!!! Comments will be erase on prod via minify.php anyway :)
*/



#ceHeaderSearch {
    margin:0 auto;
}

/* Menu */
.internetSkyPOrPBlanches ul {
    margin:0;
    list-style:none outside none;
    overflow:hidden;
    padding:0 0 0 98px;
}

.internetSkyPOrPBlanches ul li {
    background:url("../images/borderRight.png") no-repeat scroll right center transparent; 
    float:left; 
    display:inline; 
    margin:0 5px 0 0;
    padding:0 5px 0 0;
}

.internetSkyPOrPBlanches ul li a {
    display:block;
    line-height:2em;
    text-decoration:none;
}

.internetSkyPOrPBlanches ul li a:hover, 
.internetSkyPOrPBlanches ul li a.selected {
    background:url("../images/arrow.png") no-repeat scroll center 20px transparent;
    font-weight:bold;
}



/* ------- INTERNET SKYNET PAGES D'OR PAGES BLANCHES ------- */

.internetSkyPOrPBlanches {
    font-size:11px;
    margin: 8px 0 0 0;
}

    .internetSkyPOrPBlanches form, 
    .internetSkyPOrPBlanches ul {
        overflow:hidden;
        zoom:1;
    }

    .internetSkyPOrPBlanches form {
        background:url("../images/bgSearch.png") 0 0 no-repeat;
        padding:2px;
    }

    .internetSkyPOrPBlanches form fieldset {
        border:0;
        float:left;
    }

    .internetSkyPOrPBlanches ul {
        padding: 0 0 0 10px;
    }

        .internetSkyPOrPBlanches ul li {
            float:left;
            background:url(../images/borderRight.png) no-repeat right center;
        }

            .internetSkyPOrPBlanches ul li a {
                color:#1199CC;
                text-decoration:none;
                display:block;
                line-height:1.5em;
            }

            .internetSkyPOrPBlanches ul li a:hover, 
            .internetSkyPOrPBlanches ul li a.selected {
                background: url(../images/arrowSearch.png) no-repeat center 17px;
                padding:0 0 4px 0;
                color:#000;
                font-weight:normal;
            }

.internetSkyPOrPBlanches .inputNotHighlighted, 
.internetSkyPOrPBlanches .inputHighlighted, 
.internetSkyPOrPBlanches .btnInput input, 
.internetSkyPOrPBlanches .googleLogo,
#gpsearch_form .yellowPagesLogo,
#wpsearch_form .whitePagesLogo,
.nl #gpsearch_form .yellowPagesLogo,
.nl #wpsearch_form .whitePagesLogo {
    background:url("../images/internetSkyPOrPB.png") 0px 0px no-repeat;
    border:0;
    color:#000;
}

.internetSkyPOrPBlanches #belgiumsearch_form .btnInput, 
.internetSkyPOrPBlanches #googlesearch_form .btnInput, 
.internetSkyPOrPBlanches #skynetsearch_form .btnInput {
    float:left;
    width:93px;
    margin:0 0 0 2px;
}

.internetSkyPOrPBlanches .googleLogo {
    float:left;
    display:block;
}

.internetSkyPOrPBlanches .googleLogo a {
    width:auto;
    height:auto; 
    display:block;
}

.internetSkyPOrPBlanches .internet, 
.internetSkyPOrPBlanches .skynet,
.internetSkyPOrPBlanches .yellowPages,
.internetSkyPOrPBlanches .whitePages
{
    margin:0 5px 0 0;
    padding:0 5px 0 0;
}

.fr .internetSkyPOrPBlanches .internet      { width:28px; } 
.fr .internetSkyPOrPBlanches .skynet        { width:38px; }
.fr .internetSkyPOrPBlanches .yellowPages   { width:63px; }
.fr .internetSkyPOrPBlanches .whitePages    { width:25px; background:none; }

.nl .internetSkyPOrPBlanches .internet      { width:24px; } 
.nl .internetSkyPOrPBlanches .skynet        { width:37px; }
.nl .internetSkyPOrPBlanches .yellowPages   { width:77px; }
.nl .internetSkyPOrPBlanches .whitePages    { width:25px; background:none; }



/* ------- INPUTS ------- */

#googlesearch_form .inputNotHighlighted, 
#googlesearch_form .inputHighlighted, 
#skynetsearch_form .inputNotHighlighted,
#skynetsearch_form .inputHighlighted {
    background-position:0px 0px;
    width:328px;
    height:23px;
    padding:7px;
    margin:0;
    color:#666;
    font-style: italic;
}

.ie7 #googlesearch_form .inputNotHighlighted, 
.ie7 #googlesearch_form .inputHighlighted, 
.ie7 #skynetsearch_form .inputNotHighlighted,
.ie7 #skynetsearch_form .inputHighlighted {
    margin:-1px;
}

.ie6 #googlesearch_form .inputNotHighlighted, 
.ie6 #googlesearch_form .inputHighlighted, 
.ie6 #skynetsearch_form .inputNotHighlighted, 
.ie6 #skynetsearch_form .inputHighlighted {
    width: 342px;
    height: 37px;
}

#gpsearch_form .inputNotHighlighted, 
#gpsearch_form .inputHighlighted, 
#wpsearch_form .inputNotHighlighted, 
#wpsearch_form .inputHighlighted 
{
    background-position:0 -37px;
    width:156px;
    height:23px;
    padding:7px;
}

.ie6 #gpsearch_form .inputNotHighlighted, 
.ie6 #gpsearch_form .inputHighlighted, 
.ie6 #wpsearch_form .inputNotHighlighted, 
.ie6 #wpsearch_form .inputHighlighted {
    height: 37px;
    width: 170px;
}



/* ------- BTNS ------- */

#googlesearch_form .btnInput input, 
#googlesearch_form .btnInput input:hover, 
#skynetsearch_form .btnInput input,
#skynetsearch_form .btnInput input:hover {
    width:93px;
    height:36px;
    padding:0;
    margin:0;
    cursor:pointer;
}

.fr #googlesearch_form .btnInput input, 
.fr #skynetsearch_form .btnInput input 
{background-position:0 -74px;}

.fr #googlesearch_form .btnInput input:hover, 
.fr #skynetsearch_form .btnInput input:hover 
{background-position:-95px -74px;}

.nl #googlesearch_form .btnInput input, 
.nl #skynetsearch_form .btnInput input 
{background-position:0 -111px;}

.nl #googlesearch_form .btnInput input:hover, 
.nl #skynetsearch_form .btnInput input:hover 
{background-position:-95px -111px;}

#gpsearch_form .btnInput,
#wpsearch_form .btnInput {
    float:left;
    overflow:hidden;
    zoom:1;
    margin:0 0 0 1px;
    cursor:pointer;
} 

    #gpsearch_form .btnInput input,
    #gpsearch_form .btnInput input:hover,
    #wpsearch_form .btnInput input, 
    #wpsearch_form .btnInput input:hover {
        width:93px;
        height:36px;
        padding:0;
        margin:0;
        cursor:pointer;
    }

    .fr #gpsearch_form .btnInput input          {background-position:    0 -74px; }
    .fr #gpsearch_form .btnInput input:hover    {background-position:-95px -74px; }
    .nl #gpsearch_form .btnInput input          {background-position:    0 -111px;}
    .nl #gpsearch_form .btnInput input:hover    {background-position:-95px -111px;}

    .fr #wpsearch_form .btnInput input {background-position:0 -74px;}
    .fr #wpsearch_form .btnInput input:hover {background-position:-95px -74px;}
    .nl #wpsearch_form .btnInput input {background-position:0 -111px;}
    .nl #wpsearch_form .btnInput input:hover {background-position:-95px -111px;}



/* ------- LOGO GOOGLE ------- */

    #googlesearch_form .googleLogo,
    #skynetsearch_form .googleLogo {
        background-position:0 -161px;
        width:70px;
        height:38px;
        margin: 0 0 0 9px;
    }

    #gpsearch_form .yellowPagesLogo 
    {
        background-position:-270px -202px;
        width:80px;
        height:37px;
        margin: 0 0 1px 9px;
    }

    .fr #gpsearch_form .yellowPagesLogo {
        background-position:-233px -152px;
    }

    .nl #gpsearch_form .yellowPagesLogo {
        background-position:-233px -178px;
    }

    #wpsearch_form .whitePagesLogo {
        margin: 0 0 0 9px;
    }

    #wpsearch_form .whitePagesLogo,
    .internetSkyPOrPBlanches .whitePagesLogo a,
    .fr #wpsearch_form .whitePagesLogo,
    .nl #wpsearch_form .whitePagesLogo {
        width:76px;
    }

    .fr #wpsearch_form .whitePagesLogo {
        background-position:-79px -151px;
    }

    .nl #wpsearch_form .whitePagesLogo {
        background-position:-155px -151px;
    }