/***** CONNEXIONS BDP STYLES *****/

/***** General styles *****/

body {
    color: #666;
    font-family: Arial, Verdana, sans-serif;    
    line-height: 1.5em;
}

h1 {
    color: #512e7e;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

.oneCol h2 {
    background: #512e7e url('../images/headerColumn.jpg') no-repeat scroll 0 0;
    color: #fff;
    font-family: Verdana, sans-serif;
    height: 41px;
    line-height: 41px;
    padding: 0 1em;
    text-transform: uppercase;
}

.twoCol h2 {
    background: #512e7e url('../images/headerColumn.jpg') no-repeat scroll 0 -41px;
    color: #fff;
    font-family: Verdana, sans-serif;
    height: 41px;
    line-height: 41px;
    padding: 0 1em;
    text-transform: uppercase;
}

h2 a {
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

h2 a:hover { text-decoration: underline; }

h3 {
    color: #512e7e;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 0.66em;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.85em; 
}

blockquote {
    background-color: #eee;
    border-left: 7px solid #faab53;
    margin: 0 0 1em;
    padding: 1em 2em;
}

    blockquote p { font-weight: bold; margin: 0; }

.oneCol ul { font-family: Verdana, sans-serif; margin-left: 1em; }
    .oneCol ul li { margin: 1em 0; }

.content ul { margin-left: 1em; }

.content ul li { background: #fff url('../images/bullet.gif') no-repeat scroll left 6px; padding-left: 1.3em; }
.content ul.quiz { margin: 1em 0; }
.content ul.quiz li { background: none; padding-left: 0; }

.content .contentFooter { text-align: right; }

p { margin: 1em 0; }
p.postedOn { clear: both; text-align: right; }
p.postedOn em { color: #999; font-size: 0.9em; }
.landing .col2.twoCol p { margin: 1em; } /* Top jobs results */

a { color: #512e7e; text-decoration: underline; }
a:hover { text-decoration: none; }

    a.external {
        background: #fff url('../images/globeIcon.png') no-repeat scroll right center;
        padding-right: 18px;
    }

    a.addthis_button { display: block; float: right; }

strong { font-weight: bold; }
strong.jobInfo { float: left; width: 150px; }

.none { display: none; }

.clearBoth { clear: both; }

.hidden { visibility: hidden; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.none { display: none; }

.errors { color: #f00; }

/***** Navigation *****/

#topNav {
    clear: both;
    float: left;
    height: 34px;
    margin-top: 2em;
    width: 620px;
}

    #topNav li {
        float: left;
        height: 29px;
        margin-right: 5px;
        padding-top: 5px;
        width: auto;
    }

    #topNav li.selected {
        background: #512e7e url('../images/selectedTab.png') no-repeat scroll left top;
        height: 34px;
        padding-top: 0;
    }

        #topNav li a {
            border-top: 1px solid #512e7e;
            border-right: 1px solid #512e7e;
            border-left: 1px solid #512e7e;
            color: #666;
            display: block;
            line-height: 29px;
            padding: 0 1.5em;
        }

        #topNav li.selected a {
            background: #512e7e url('../images/selectedTab.png') no-repeat scroll right top;
            border: none;
            color: #fff;
            font-weight: bold;
            line-height: 34px;
            margin-left: 1px;
            text-decoration: none;
        }

        #topNav li.first a { margin-left: 0; }

#currentTime { float: right; margin: 3em 0 0; text-align: right; width: 200px; }

.secondLevel a,
.thirdLevel a,
.fourthLevel a {
    border: none;
    color: #fff;
    padding: 0 1.5em;
    text-decoration: none;
}

.secondLevel a:hover,
.thirdLevel a:hover,
.fourthLevel a:hover { text-decoration: underline; }

.secondLevel {
    background: transparent url('../images/thirdLevBottom.png') repeat-x scroll left bottom;
    clear: both;
    height: 30px;
    position: relative;
    z-index: 10;
}

    .secondLevel li { float: left; margin-right: 5px; width: auto; }

    .secondLevel li:hover .thirdLevel { visibility: visible; }

        .secondLevel li a { display: block; line-height: 2em; }

        .secondLevel li.selected a { font-weight: bold; }

.thirdLevel {
    background: transparent url('../images/thirdLevBottom.png') no-repeat scroll left bottom;
    font-size: 0.9em;
    padding-bottom: 5px;
    position: absolute;
    visibility: hidden;
    width: 186px;
    z-index: 100;
}

    .thirdLevel li {
        background-color: #512e7e;
        float: none;
        margin: 0;
        width: auto;
    }

        .thirdLevel li a {
            background: #512e7e url('../images/nav-bullet.png') no-repeat scroll left 6px;
            font-weight: normal;
            line-height: 18px;
            margin: 0 18px;
            padding-top: 0;
            padding-bottom: 0;
        }

        .secondLevel li.selected .thirdLevel a { font-weight: normal; }

    .fourthLevel li a {
        background-image: url('../images/nav-bullet-2.png');
        font-weight: normal;
        margin-left: 30px;
        padding-right: 0;
        padding-left: 12px;
    }

    .secondLevel li.selected .fourthLevel a { font-weight: normal; }

/***** Layout *****/

#wrapper {
    margin: 0 auto;
    padding: 1em 0;
    width: 960px;
}

    #header { display: block; }

        #logo {
            background: #fff url('../images/connexionsBDPLogo.png') no-repeat scroll 0 0;
            display: block;
            float: left;
            height: 72px;
            text-indent: -99999px;
            width: 220px;
        }

        #accessibility { float: right; width: auto; }

            #accessibility li { float: left; margin: 0 0.25em; width: auto; }

            #accessibility a.fontSize { background-color: #faab53; color: #fff; padding: 0.25em 0.5em; }
            #accessibility a.fontSize.normal { font-size: 1em; }
            #accessibility a.fontSize.bigger { font-size: 1.2em; }
            #accessibility a.fontSize.biggest { font-size: 1.5em; }
                #accessibility a.fontSize span { display: none; }

        #searchForm {
            clear: right;
            float: right;
            margin-top: 1em;
            width: 316px;
        }

            #searchForm div { clear: none; float: left; width: auto; }

                #searchForm .inputText {
                    font-size: 2em;
                    height: 30px;
                    line-height: 30px;
                    margin-right: 0.5em;
                    padding: 0 0.25em;
                    width: 190px;
                }

    #main {
        background-color: transparent;
        clear: both;
        position: relative;
    }

    #breadcrumb { margin: 1em 0; }
        #breadcrumb li { background: none; display: inline; margin-right: 0.25em; padding-left: 0; }
            #breadcrumb li a { margin-right: 0.25em; }

    #main.aggregation,
    #main.landing {  margin-top: -5px; }

        #main.aggregation #heroImage .gradient {
            background: transparent url('../images/aggregationGradient.png') repeat-y scroll left top;
            display: block;
            height: 135px;
        }

            #main.aggregation #heroImage h1 { line-height: 135px; }

        #main.landing #heroImage .gradient {
            background: transparent url('../images/landingGradient.png') repeat-y scroll 50px 0;
            display: block;
            height: 250px; 
            padding-top: 85px;
        }

        .col1, .col2, .col3 {
            display: inline;
            float: left;
            position: relative;
            width: auto;
        }

        .col1 { margin-left: 12px; }

        .oneCol { margin-right: 12px; width: 304px; }
            .oneCol img { margin-top: 1em; }

        .twoCol { margin-right: 12px; width: 620px; }
            .col2.twoCol { margin-right: 0; }

        .threeCol { margin: 0 12px; width: 936px; }

    #footer {
        border-top: 1px solid #ccc;
        clear: both;
        font-size: 0.9em;
        margin-top: 1em;
    }

        #footer a { color: #666; }

        #footer ul { float: left; margin-top: 1em; width: auto; }

            #footer ul li { float: left; width: auto; }

        #footer p {
            float: right;
            margin-bottom: 0;
            text-align: right;
            width: 480px;
        }

/***** Forms *****/

.form div {
    clear: both;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1em;
}

    .form label {
        float: left;
        width: 150px;
    }

    .form input { float: left; cursor: pointer; }

    .form .inputText { border: 1px solid #ccc; color: #666; margin-right: 12px; }

    .form textarea { border: 1px solid #ccc; float: left; }

    .form select {
        border: 1px solid #ccc;
        color: #666;
        margin-right: 1em;
        padding: 1px;
        width: 300px;
    }

.form.inline { border-bottom: 1px solid #ccc; }
    .landing .form.inline { margin: 1em; }

.form.inline div { clear: none; float: left; width: auto; }

/***** Webforms *****/

.webForm .inputText { margin-top: 6px; width: 300px; }

.webForm textarea { width: 300px; }

/***** Buttons  - type1: orange, type2: purple *****/

.button {
    background: transparent url('../images/buttons.png') no-repeat;
    border: none;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 12px;
    text-decoration: none;
}

    .type1short { background-position: 0 0; width: 89px; }
    input.type1short { text-align: left; width: 100px; }

    .type1long {  background-position: 0 -32px; width: 123px; }

    .type2short { background-position: left -64px; width: 89px; }
    input.type2short { text-align: left; width: 100px; }

    .type2long { background-position: left -96px; }

.sayItIcon {
    background: #fff url('../images/buttons.png') no-repeat scroll right top;
    display: block;
    height: 12px;
    margin-top: 3px;
    text-indent: -99999px;
    width: 26px;
}

.wheelchairIcon {
    background: #fff url('../images/buttons.png') no-repeat scroll right -13px;
    display: block;
    height: 16px;
    text-indent: -99999px;
    width: 14px;
}

.contrastIcon {
    background: #fff url('../images/buttons.png') no-repeat scroll right -66px;
    display: block;
    height: 18px;
    text-indent: -99999px;
    width: 20px;
}

/***** Aggregator *****/

#heroImage {
    border-bottom: 10px solid #512E7E;
    display: block;
    font-size: 1.5em;
    padding-left: 12px;
    z-index: 0;
}

#featuredLinks { width: 400px; }
    #featuredLinks li { float: left; margin-right: 3em; margin-bottom: 1em; width: auto; }

.aggregation #heroImage { height: 135px; }
.landing #heroImage { height: 335px; }

.aggList { margin: 1em 0; }

.aggItem{
    margin: 0 0 12px;
}

    .aggItem h2{
        background: none;
        color: #512E7E;
        display: block;
        float: left;
        font-family: Arial, Verdana, sans-serif;
        font-size: 1.5em;
        font-weight: normal;
        height: auto;
        line-height: 1.5em;
        padding: 0;
        text-transform: none;
        width: 80%;
    }

        .aggItem h2 a {
            color: #512E7E;
            font-size: 1em;
            text-decoration: underline;
        }

        .aggItem h2 a:hover { text-decoration: none; }

        .aggItem h2 span { font-size: 0.7em; }

    .aggItem .date{
        float: right;
        display: block;
        height: auto;
        line-height: 2.5em;
        text-align: right;
        width: 20%;
    }

        .aggItem .meta{
            border-bottom: #512E7E 1px solid;
            clear: both;
        }

        .aggItem .content{
            margin: 10px 0;
        }

/***** Search results *****/

p.noResults { margin: 1em; }

#pagination { margin: 1em 0; }
.landing #pagination { margin: 1em; }
#pagination li { float: left; margin: 0 0.25em; width: auto; }
#pagination li.selected a { background-color: #512E7E; color: #fff; padding: 0.25em 0.5em; }

/***** Top Jobs table *****/

table.topJobs {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px dotted #ccc;
    width: 100%;
}

.landing table.topJobs { border-top: none; font-size: 0.9em; margin: 0 1em 1em; width: 96% }

    table.topJobs tr:hover,
    table.topJobs tr:hover td { background-color: #eee; }

        table.topJobs td { border-bottom: 1px dotted #ccc; padding: 1em; }
        .landing table.topJobs td { border-bottom: none; padding: 0.5em; }
        table.topJobs td.jobTitle { width: 200px; }
        table.topJobs td.wage { width: 170px; }
        table.topJobs td.area { width: 150px; }