.formItemCheckbox {
clear:both;
margin-left:287px;
}
    .formItemCheckbox label {
    font-weight:normal;
    text-align:left;
    margin-left:0px;
    }
.contractor-upload ul li {
    list-style-type: none;
    margin-left: 300px !important;
}

/* List Views */
.nowrap {
    white-space: nowrap;
}

.contractors-right-align {
    text-align: right;
}

.contractors-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.contractorsCheckmarkOn {
    background: url("/DesktopModules/Contractors/Images/sprite.png") no-repeat scroll -10px -12px transparent;
    display: block;
    height: 17px;
    width: 15px;
}

.contractorsCheckmarkOff {
    background: url("/DesktopModules/Contractors/Images/sprite.png") no-repeat scroll -10px -43px transparent;
    display: block;
    height: 15px;
    width: 14px;
}

/* ContractorList */
#contractorList-Total {
    margin-right: 30px;
}

#contractorList-PerPage {
    margin-right: 30px;
}

#contractorList-Table {
    width: 98%;
}

    #contractorList-Table,
    #contractorList-Table td,
    #contractorList-Table th {
        border-collapse: collapse;
    }

/* ProjectList */
#projectList-Total {
    margin-right: 30px;
}

#projectList-PerPage {
    margin-right: 30px;
}

#projectList-Table {
    width: 98%;
}

    #projectList-Table,
    #projectList-Table td,
    #projectList-Table th {
        border-collapse: collapse;
    }

/* Award Media*/
#projectMediaEntryForm textarea {
    width: 200px;
    height: 50px;
}

#ProjectMediaEntry-New .contractor-upload ul li {
    position: relative;
    top: -25px;
    left: -20px;
}

.ProjectMediaEntry {
    float: left;
    border: 1px solid #c0c0c0;
    padding: 10px;
    width: 400px;
    height: 100%;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .ProjectMediaEntry fieldset ul.dnnActions {
        width: 400px;
    }

    .ProjectMediaEntry fieldset .contractor-projectMedia-upload ul li {
        list-style-type: none;
        margin-left: 50px !important;
    }

.contractor-expandCollapse {
    margin-bottom: 10px;
    margin-top: 5px;
}

    .contractor-expandCollapse a span {
        border: 1px solid #c0c0c0;
        width: 10px;
        height: 10px;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        line-height: 12px;
        padding: 5px;
        margin-right: 5px;
    }

    .contractor-expandCollapse .dnnSecondaryAction {
        padding: 0px !important;
    }

.ProjectMediaEntry .rlvDrag span {
    border: 1px solid #c0c0c0;
    width: 10px;
    height: 10px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: inline-block;
    line-height: 12px;
    padding: 5px;
}

    .ProjectMediaEntry .rlvDrag span:hover {
        cursor: pointer;
        background-color: #c0c0c0;
    }

/* View.ascx */

/* =============== BEGIN: tabs ================*/
ul.contractors-tabs {
    border-bottom:none !important;
}

#tab-projects a {
    background:none;
    background-color:#818181;
    text-shadow:none;
}
#tab-projects a:hover,
#tab-projects.ui-tabs-selected ,
#tab-projects.ui-tabs-selected a {
    background:none;
    background-color: #356AA0;
    text-shadow:none;
}

#tab-general-contractors a {
    background:none;
    background-color:#818181;
    text-shadow:none;
}
#tab-general-contractors a:hover,
#tab-general-contractors.ui-tabs-selected ,
#tab-general-contractors.ui-tabs-selected a {
    background:none;
    background-color: #B02B2C;
    text-shadow:none;
}

#tab-specialty-contractors a {
    background:none;
    background-color:#818181;
    text-shadow:none;
}
#tab-specialty-contractors a:hover,
#tab-specialty-contractors.ui-tabs-selected ,
#tab-specialty-contractors.ui-tabs-selected a {
    background:none;
    background-color: #73880A;
    text-shadow:none;
}

#tab-awards a {
    background:none;
    background-color:#818181;
    text-shadow:none;
}
#tab-awards a:hover,
#tab-awards.ui-tabs-selected ,
#tab-awards.ui-tabs-selected a {
    background:none;
    background-color: #D15600;
    text-shadow:none;
}
/* =============== END: tabs ================*/

ul.contractor-projects {					/*	the HTML element that will be turned into a carousel */
	height: 110px;		
	overflow: hidden;
}


div.image_carousel {
    padding: 5px;
}

div.image_carousel-subcontractor {
    background-color:#73880A;
}
div.image_carousel-contractor {
    background-color:#B02B2C;
}
div.image_carousel-award {
    background-color:#D15600;
}
div.image_carousel-project {
    background-color:#356AA0;
}

div.image_carousel ul {
    padding: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 1px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
}

div.image_carousel ul li {
    padding: 0px !important;
    margin: 0px !important;
}

div.image_carousel ul li {
    float: left;
    width: 229px;
    height: 110px;
    list-style-type: none;
    border: 1px #356AA0 solid;
    border-collapse: collapse;
    margin-left: -1px !important;
    font-size: 10px;
}
div.image_carousel ul li div,
div.image_carousel ul li div.project-link a,
div.image_carousel ul li div.contractor-page a {
    font-size: 12px;
    line-height:12px;
}

div.carousel-filter-page-container {
    color:#fff;
    height:35px;
}
div.carousel-filter-page-container div.carousel-filter,
div.carousel-filter-page-container div.carousel-filter div {
    color:#fff;
}
div.carousel-filter-page-container a:link, 
div.carousel-filter-page-container a:visited, 
div.carousel-filter-page-container a:active {
  color: #fff;
  text-decoration: none;
}
div.carousel-filter-page-container a:hover {
  color: #fff;
  text-decoration: underline;
}
div.carousel-paging {
    float:right;
}

div.carousel-paging .prev span {
    /*background: url('/DesktopModules/Contractors/Images/basic-arrows.jpg') no-repeat -336px -135px;*/
    background: url('/DesktopModules/Contractors/Images/basic-arrows.png') no-repeat -336px -49px;
    width: 35px;
    height: 35px;
    display: inline-block;
}

div.carousel-paging .next span {
    /*background: url('/DesktopModules/Contractors/Images/basic-arrows.jpg') no-repeat -485px -135px;*/
    background: url('/DesktopModules/Contractors/Images/basic-arrows.png') no-repeat -488px -49px;
    width: 35px;
    height: 35px;
    display: inline-block;
}

div.carousel-paging .disabled {
    cursor:default;
}
div.carousel-paging .disabled span {
    opacity:0.2;
}

div.carousel-paging .pagination {
    display:inline-block;
    position:relative;
    top:-13px;
}
div.carousel-paging .pagination a {
    padding:5px;
    margin:1px;
    background-color:#818181;
    color:#fff;
    display:inline-block;
}
div.carousel-paging .pagination a.selected,
.carousel-paging .pagination a:hover {
    text-decoration:none;
    background-color:#fff;
    color:#000;
}

div.image_carousel ul li div.content-wrapper {
    background-color: #ffffff;
    padding: 5px;
    height:110px;
    position:relative;
}
div.image_carousel ul li div.content-wrapper .dnnTooltip {
    position:initial;
}
div.image_carousel ul li div.content-wrapper div.dnnTooltip div.dnnFormHelpContent {
    left: 75px;
    position: absolute;
    top: 20px;
    z-index: 100;
}
/*ul.contractor-list,
ul.contractor-projects {	/*	prevent unstyled flash of content 
	height: 85px;		
	overflow: hidden;
}*/

div.image_carousel ul.contractor-list li,
div.image_carousel ul.contractor-projects li {
float:left;
height:110px;
}
div.image_carousel ul li div.content-wrapper .content-above-links {
    height:90px;
    overflow:hidden;
}
/*div.image_carousel ul li div.content-wrapper .project-name {
overflow:auto;
}*/
div.image_carousel ul li div.content-wrapper .project-name div {
    float: left;
}

    div.image_carousel ul li div.content-wrapper .project-name div.view-on-map {
        position: relative;
        top: -2px;
    }

    .image_carousel ul li div.content-wrapper .project-name div.filter-by-category {
    }

        /*div.image_carousel ul li div.content-wrapper .project-name div.filter-by-category .dnnFormHelpContent {
            left: 100%;
            top: 20px;
        }*/

div.image_carousel ul li div.content-wrapper .project-name div.project-title {
    width: 145px;
    margin-left: 5px;
}
div.image_carousel ul li div.content-wrapper .project-name div.project-title a {
    font-size: 12px;
    font-weight: bold;
}
div.image_carousel ul li div.content-wrapper div.project-address {
    margin-top: 3px;
}

div.image_carousel ul li div.content-wrapper .award-address {
    display: none;
}

div.image_carousel ul li div.content-wrapper .award-contractor {
    background: url('/DesktopModules/Contractors/Images/award_star_gold.png') no-repeat;
    padding-left: 25px;
    min-height: 25px;
    margin-bottom:3px;
}

/*.image_carousel ul li div.content-wrapper .project-link-award {
    margin-top: -5px;
}*/


div.image_carousel ul li div.content-wrapper .contractor-name div {
    float: left;
}

    div.image_carousel ul li div.content-wrapper .contractor-name div.view-on-map {
        position: relative;
        top: -2px;
    }

    div.image_carousel ul li div.content-wrapper .contractor-name div.contractor-logo img {
        height: 32px;
    }

    div.image_carousel ul li div.content-wrapper .contractor-name div.contractor-title {
        font-size: 10px;
        font-weight: bold;
        margin-bottom:3px;
        float:none;
        clear:both;
    }
    div.image_carousel ul li div.content-wrapper .contractor-name div.contractor-title a {
        font-weight: bold;
    }

div.project-map {
    height: 400px;
    border: 4px solid #292929;
    margin-top: 5px;
}

div.project-photos {
    border: 4px solid #292929;
    margin-top: 5px;
    padding: 10px;
    overflow: hidden; /* Clearfix! */
    zoom: 1; /* Triggering "hasLayout" in IE */
    display: block; /* Element must be a block to wrap around contents. Unnecessary if only using block-level elements. */
}

    div.project-photos div.project-photos-list {
        float: left;
        border: 1px solid #c0c0c0;
        padding: 5px;
        width: 540px;
        min-height: 512px;
    }

        div.project-photos div.project-photos-list h2 {
            margin: 0px;
        }

        div.project-photos div.project-photos-list h3 {
            margin-top: 0px;
            margin-bottom: 20px;
        }

    div.project-photos .photo-gallery {
        margin-top: 10px;
        margin-left: 60px;
    }

    div.project-photos div.project-photos-gc {
        z-index: 0;
        padding: 10px;
        float: left;
        position: relative;
        width: 300px;
        margin-top: 0px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    div.project-photos div.project-photos-map,
    div.project-photos div.project-photos-legend {
        float: left;
        position: relative;
        width: 300px;
        margin-top: 0px;
        margin-left: 10px;
    }

    div.project-photos div.project-photos-gc h3 {
        margin-top: 0px;
        margin-bottom: 10px;
        text-align: center;
    }

    div.project-photos div.project-photos-gc div.box-middle {
        overflow: hidden;
        zoom: 1;
    }

        div.project-photos div.project-photos-gc div.box-middle img {
            margin-bottom:3px;
        }

        div.project-photos div.project-photos-gc div.box-middle .link-container {
        }

        div.project-photos div.project-photos-gc div.box-middle a {
            margin-bottom: 10px;
            width: 120px;
            text-align: center;
        }

    div.project-photos div.project-photos-gc div.box-bottom {
        text-align: center;
        margin-top: 10px;
    }

.content-wrapper .map-marker-info {
    display: none;
    white-space:nowrap;
    overflow:visible;
}

.map-marker-info h4 {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding: 2px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 2px solid #292929;
    min-width:300px;
}

.map-marker-info label {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

.map-marker-info div {
    display:inline-block;
    vertical-align:top;
    max-width:280px;
}

    .map-marker-info div img {
        margin-right: 10px;
        max-height:75px;
        max-width:100px;
    }

    .map-marker-info div.link {
        display:block;
        margin-top: 10px;
    }
/***************** BEGIN: photo gallery plugin styles *******************/
.pikachoose {
    width: 520px;
    margin: 0 auto;
}

/* Style the thumbnails */
.pika-thumbs {
    padding: 0px !important;
    overflow: auto;
    margin-bottom: 10px;
}

    .pika-thumbs li {
        width: 75px;
        margin: 10px 0 0 17px;
        padding: 0;
        overflow: hidden;
        float: left;
        list-style-type: none;
        padding: 3px;
        margin: 0 5px;
        background: #fafafa;
        border: 1px solid #e5e5e5;
        cursor: pointer;
    }

        .pika-thumbs li .clip {
            position: relative;
            height: 100%;
            text-align: center;
            vertical-align: middle;
            overflow: hidden;
        }

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage,
.pika-textnav {
    width: 426px;
}

.pika-stage {
    position: relative;
    background: #fafafa;
    padding: 5px;
    text-align: center;
    height: 320px;
    margin-bottom: 10px;
    z-index: 0;
}

    .pika-stage img {
        height: 100%;
    }

    .pika-stage .caption {
        position: absolute;
        background: #000;
        background: rgba(0,0,0,0.75);
        border: 1px solid #141414;
        font-size: 11px;
        color: #fafafa;
        padding: 10px;
        text-align: left;
        bottom: 5px;
        width: 405px;
    }

        .pika-stage .caption a {
            color: #ffffff !important;
            text-decoration: underline;
        }

            .pika-stage .caption a.contractor-photo-read-more {
                margin-left: 10px;
            }

        .pika-stage .caption p {
            padding: 0;
            margin: 0;
            line-height: 14px;
        }

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {
    position: absolute;
    text-indent: -5000px;
    display: block;
    z-index: 3;
    display: none;
}

    .pika-imgnav a.previous {
        background: url(prev.png) no-repeat left 45%;
        height: 100%;
        width: 50px;
        top: 10px;
        left: 10px;
        cursor: pointer;
    }

    .pika-imgnav a.next {
        background: url(next.png) no-repeat right 45%;
        height: 100%;
        width: 50px;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .pika-imgnav a.play {
        background: url(play.png) no-repeat 0% 50%;
        height: 100px;
        width: 44px;
        top: 0;
        left: 50%;
        display: none;
        cursor: pointer;
    }

    .pika-imgnav a.pause {
        background: url(pause.png) no-repeat 0% 50%;
        height: 100px;
        width: 44px;
        top: 0;
        left: 50%;
        display: none;
        cursor: pointer;
    }

/* The previous and next textual buttons */
.pika-textnav {
    overflow: hidden;
    margin: 10px 0 0 0;
    bottom: 10px;
    position: absolute;
    display: none;
}

    .pika-textnav a {
        font-size: 12px;
        text-decoration: none;
        color: #333;
        padding: 4px;
    }

        .pika-textnav a.previous {
            float: left;
            width: auto;
            display: block;
        }

        .pika-textnav a.next {
            float: right;
            width: auto;
            display: block;
        }

/*for the tool tips*/
.pika-tooltip {
    font-size: 12px;
    position: absolute;
    color: white;
    padding: 3px;
    background-color: rgba(0,0,0,0.7);
    border: 3px solid black;
}

.pika-counter {
    position: absolute;
    bottom: 75px;
    left: 15px;
    color: white;
    background: rgba(0,0,0,0.7);
    font-size: 11px;
    padding: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */
.pika-loader {
    background: url(loading.gif) 3px 3px no-repeat #000;
    background-color: rgba(0,0,0,0.9);
    color: white;
    width: 60px;
    font-size: 11px;
    padding: 5px 3px;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 15px;
}

/***************** END: photo gallery plugin styles *******************/