/* File Created: April 17, 2013 */

/*
    In attempt at trying to move 12-Lead's UI towards what we have in ZO/EA, we're borrowing
    styles from those projects. This will have to do until we get the shared site up and running.
*/
/* ///////////////////////////// */
/* /////    base layout   ////// */
/* ///////////////////////////// */

*
{
    margin: 0;
}
#page-wrapper
{
    min-height: 100%;
    margin-bottom: -32px;
    position: relative;
    overflow: auto;
}


.page-wrap
{
    min-height: 100%;
}

.clear
{
    clear: both;
}
#content
{
    margin-top: 1em;
}
#content p
{
    margin-top: .5em;
}

a
{
    color: #008cd8;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

b
{
    font-weight: 600;
/* ReSharper disable CssNotResolved */
    font-color: #555;
/* ReSharper restore CssNotResolved */
}

/* opera fix for height */
body:before
{
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

.clear
{
    clear: both;
}

hr
{
    margin: 1em 0;
    clear: both;
}

@media screen and (min-width : 481px)
{
    /* hide text over 480w */
    .device
    {
        display: none;
    }
}

@media screen and (max-width: 768px)
{
    a:hover
    {
        text-decoration: none;
    }
}

@media screen and (max-width : 480px)
{
    #page-wrapper
    {
        margin-bottom: -40px;
    }
    .wrapper
    {
        width: 100%;
        margin: 0;
    }

    h3
    {
        font-size: 1.05em;
    }
    h1.both
    {
        display: block;
    }
    p.device, p.both, #searchFilter, h3
    {
        margin: 0 8px;
    }
    h1, h2
    {
        margin: .5em 0 0 8px;
    }
    #content
    {
        margin-top: 0;
    }
    hr
    {
        margin: 1em 8px;
        clear: both;
    }
}





@media screen and (max-width: 568px)
{
    header
    {
        height: 6em;
        box-sizing: border-box;
    }
    header p
    {
        line-height: 2.7em;
    }
    header p a
    {
        line-height: 2.7em;
    }
}

span.deleteicon {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: -1px;
    right: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url('./Images/textbox-clear.png');
    visibility: hidden;
}

.txt-clear {
    visibility: visible !important;
}

span.deleteicon input {
    padding-right: 16px;
}

span.deleteicon input::-ms-clear {
    display: none;
}