﻿#maincontent #mainbreadcrumbs
{
    background-color:#EEEEEE;
    font-size:12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin:0 0 20px;
    padding:8px 15px;
}
#maincontent #mainbreadcrumbs ul
{
    margin:0;
    padding:0;
    list-style:none;
}
#maincontent #mainbreadcrumbs li
{
    list-style:none;
    display:inline;
    line-height:20px;
    color:#666;
}
#maincontent #mainbreadcrumbs li a
{
    color:#666;
    text-decoration:none;
}
#maincontent #mainbreadcrumbs li a:hover
{
    text-decoration:underline;
}
#maincontent #mainbreadcrumbs li .divider
{
    color:#444;
    padding:0 3px;
}



/* Logon widget */
#mainwidgets #mainwidgetlogonbtn
{
    margin-top:0px;
    float:right;
}
#mainwidgets #mainwidgetlogonbtn .cssbutton
{
    margin-right:0px;
}

/* Vacancy Search widget */
#mainwidgets #mainwidgetvacancysearchbtn
{
    position:absolute;
    right:0;
    margin:0;
}
#mainwidgets #mainwidgetvacancysearchbtn .cssbutton
{
    margin-right:0px;
}

#mainwidgets .mainwidgetvacancysearch p
{
    background:url(/org/images/arrow.png) no-repeat;
    background-position-y:center;
    margin-left:-5px;
    padding-left:20px;
    margin:0px;
}

/* Latest Vacancies widget */
#mainwidgets #mainwidgetlatestvacancieslist
{
    padding:0;
    margin:12px 0 12px 20px;
    list-style-type:none;
}

/* "Left Nav" image */
#mainwidgets #mainwidgetimage
{
    text-align:center;
}
#mainwidgets #mainwidgetimage img
{
    width:100%;
    vertical-align:text-bottom;
}

/* Job widgets */
#mainwidgets #mainwidgetjobyoutube
{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 25px; Enable this for 4:3 layout*/
    height: 0;
}
#mainwidgets #mainwidgetjobyoutube object,
#mainwidgets #mainwidgetjobyoutube embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0;
}
#mainwidgets #mainwidgetjobimage
{
    text-align:center;
}
#mainwidgets #mainwidgetjobimage img
{
    width:100%;
    vertical-align:text-bottom;
}


/* CMS Logos */
#mainwidgets #mainwidgetcmslogos {
    background-color:transparent;
}
#mainwidgets #mainwidgetcmslogos .mainwidgetcontent {
    text-align:center;
}
#mainwidgets #mainwidgetcmslogos img {
    width:100%;
}


/* RSS Feed  */
.rssfeeditem, .searchwidgetrssfeed
{
    background-image:url(../../../images/rssfeed.gif);
    background-repeat:no-repeat;
    background-position:left center;
    line-height:1.5em;
    padding-left:22px;
}
.searchwidgetrssfeed
{
    background-position:right center;
    line-height:normal;
    padding-left:0;
    padding-right:22px;
}


/* Logon grid */
#logongrid .logongridval ul
{
    margin:0;
    padding-left:25px;
}
#logongrid .logongridinner
{
    height:180px;
    position:relative;
}
#logongrid #logongridlogon
{
    float:left;
    width:30%;
    padding:15px 0;
}
#logongrid #logongridlogon .logongridinner
{
    padding-right:10px;
    border-right:1px solid #a0a0a0;
}
#logongrid #logongridregister
{
    float:left;
    width:30%;
    padding:15px 0;
}
#logongrid #logongridregister .logongridinner
{
    padding:0 10px;
}
#logongrid #logongridforgotten
{
    float:left;
    width:40%;
    padding:15px 0;
}
#logongrid #logongridforgotten .logongridinner
{
    padding-left:10px;
    border-left:1px solid #a0a0a0;
}
#logongrid .logongridinner .logongridheader
{
    font-size:1.3em;
    padding:5px;
    background-color:#7D1F3D;
    color:#fff;
}
#logongrid .logongridbuttons
{
    position:absolute;
    bottom:0;
    right:10px;
}
#logongrid .logongridbuttons .cssbutton
{
    margin-right:0px;
}



/* FAQ */
.faqsearchbutton
{
    text-align:right
}
.faqsearchbutton .cssbutton
{
    margin-right:0;
}


/* Jobs by Email */
.gridtabledark tr:first-child
{
    background-color:#e0e0e0;
}


/* Medium - main takes up entire width, widgets takeup 50% */
@media screen and (max-width:799px)
{
    /* Logon grid */
    #logongrid #logongridlogon
    {
        width:50%;
    }
    #logongrid #logongridlogon .logongridinner
    {
    }
    #logongrid #logongridregister
    {
        width:50%;
    }
    #logongrid #logongridregister .logongridinner
    {
        padding-right:0;
    }
    #logongrid #logongridforgotten
    {
        clear:left;
        width:100%;
        border-top:1px solid #a0a0a0;
    }
    #logongrid #logongridforgotten .logongridinner
    {
        height:auto;
        padding-left:0;
        border-left:0;
    }
    #logongrid #logongridforgotten .logongridbuttons
    {
        position:relative;
        bottom:auto;
        right:auto;
        text-align:right;
    }
}

/* Small - main takes up entire width, widgets take up entire width */
@media screen and (max-width:499px)
{
    /* Logon grid */
    #logongrid .logongridinner
    {
        height:auto;
    }
    #logongrid #logongridlogon
    {
        float:none;
        width:100%;
        padding:10px 0;
    }
    #logongrid #logongridlogon .logongridinner
    {
        border-right:0;
        padding-right:0;
    }
    #logongrid #logongridregister
    {
        float:none;
        width:100%;
        padding:10px 0;
        border-top:1px solid #a0a0a0;
    }
    #logongrid #logongridregister .logongridinner
    {
        padding-left:0;
    }
    #logongrid #logongridforgotton
    {
        padding:10px 0;
    }
    #logongrid .logongridbuttons
    {
        position:relative;
        text-align:right;
        bottom:0;
        right:auto;
    }
}