﻿#Secondary {
    top: 60px;
    padding-bottom: 60px;
}

        .projectSummary {
            width: 850px;
            position: relative;   
        }
            .projectSummary h2 {
                right: 45px;
                margin: 0;
                position: absolute;
                text-align: right;
                top: 60px;
                color: #ffffff;
                text-transform: uppercase;   
                font-size: 300%;
                padding-right: 10px;
                border-right: 3px solid #448DD5;
            }
            .projectDetails {
                position: absolute;
                bottom: 0;
                padding: 10px;
                width: 830px;
                height: 90px;
                overflow: hidden;
                background: url(/App_Themes/Default/images/projects_transparency.png);   
                color: #ffffff;
                left: 0;
            }
                .projectArea {
                    float: left;
                    width: 270px;
                    padding-right: 10px;
                    border-right: 2px solid #448dd5;
                    margin: 8px 0 3px 10px;
                    height: 81px;
                    overflow: hidden;
                      
                }
                    .projectType {
                        font-size: 200%;
                    }
                    .js .projectType {
                        margin-bottom: 12px;   
                    }
                    .projectClientName {
                        font-size: 150%;
                        color: #448dd5;
                        margin: 5px 0;    
                    }
                    .projectClientAddress {
                        font-size: 150%;   
                    }
                .projectDescription {
                    float: right;
                    width: 493px;
                    padding: 0 20px;
                    margin: 3px 0;
                    height: 86px;
                    overflow: hidden;   
                }
                    .projectDescription .learnMore {
                        position: absolute;
                        display: block;
                        bottom: 10px;
                        padding: 5px 7px;
                        color: #ffffff;
                        background: #3673af url(/App_Themes/Default/images/learn-more-bg.gif) repeat-x;
                        border: 1px solid #215991;
                        left: 324px;   
                    }

    
    /*js class added with JS see AddCustomHeaderCode in websitecustom*/
    #ProjectSearch {
        padding: 20px;   
        width: 920px;
    }
    /*hide search until js loaded*/
    .js #ProjectSearch {
        display: none;
    }   
    .js #ProjectSearch.active {
        display: block;   
    }
    /*hide fieldsets on load*/
    .js #ProjectTypes, .js #ProjectAreas, .js #ProjectSizes, .js #Keywords {
        display: none;   
    }
    
    .js #ProjectSearch {
        display: block;
        padding: 5px 10px 10px 10px;
        background: #13487d;
        /*height: 93px;*/
        position: relative;
    }
    /*IE7*/
    *:first-child+html.js #ProjectSearch {
        padding: 34px 9px 43px 10px;   
        position: relative;
        z-index: 100;
    }
    /*IE6*/
    *html.js #Page #ProjectSearch {
        padding: 34px 9px 43px 10px;   
        position: relative;
        z-index: 100;
    }
       .js #ProjectSearch h2 {
            color: #ffffff;
            float: left;   
            margin-top: 10px;
        }
        .js #ProjectSearchSelector {
            margin: 0;
            padding: 0;   
        }
        /*IE7*/
        *:first-child+html #ProjectSearchSelector li {
            float: left;   
        }
        /*IE6*/
        *html #ProjectSearchSelector li {
            float: left;  
            list-style: none;
        }
            *html #ProjectSearchSelector li a {
                float: none; 
                width: 75px;  
            }
        a.selectElements {
            display: block;
            padding: 10px 66px 10px 20px;
            background: #0a2b4b url(/App_Themes/Default/images/home-select-arrow.gif) no-repeat right 14px;
            color: #ffffff;
            font-size: 150%;
            font-weight: normal;  
            float: left;
            margin: 5px 0 0 10px;
            font-family: Century Gothic, sans-serif;
            width: 78px;
            border: 0;
        }
            a.selectElements #AreasSelector {
                float: none
            }

        input#KeywordField, .js input#ProjectKeywords {
            display: block;
            padding: 10px 0 10px 10px;
            background: #0a2b4b;
            color: #ffffff;
            font-size: 150%;
            font-weight: normal;  
            float: left;
            margin: 5px 0 0 10px;
            font-family: Century Gothic, sans-serif;
            border: 0;
            /*width: 218px;*/
            width: 160px;
        }
            /*jquery autocomplete*/
            ul.ui-autocomplete {
                width: 132px;
                background: #ffffff url(/App_Themes/Default/images/search-select-bg.gif) repeat-y;
                border: 1px solid #d5d5d6;   
                margin-left: 0;
                padding: 10px;
            }
                ul.ui-autocomplete li {
                    list-style: none;   
                }
                    ul.ui-autocomplete li a {
                        color: #3f5fa0;   
                        cursor: pointer;
                        font-weight: bold;
                        padding: 5px 10px;
                        display: block;
                    }
                     ul.ui-autocomplete li a:hover {
                        color: #3f5fa0;   
                        cursor: pointer;
                        font-weight: bold;
                        padding: 5px 10px;
                        background: #f7f7f7;
                        
                    }
        input#ctl00_cplPage_ProjectSearchForm_SearchProjectsB {
            border: 1px solid #215991;
            background: #164c81 url(/App_Themes/Default/images/project-search-button-bg.gif) repeat-x;
            color: #ffffff;
            font-size: 116.7%;   
            padding: 10px;
            margin-left: 10px;
            margin-top: 5px;
        }
        /*IE7*/
        *:first-child+html.js input#ctl00_cplPage_ProjectSearchForm_SearchProjectsB {
            float: right;   
        }
        /*IE6*/
        *html.js input#ctl00_cplPage_ProjectSearchForm_SearchProjectsB {
            float: right;   
        }
        .js #ProjectTypes, .js #ProjectAreas, .js #ProjectSizes {
            position: absolute;
            top: 75px;
            width: 490px;
            min-width: 490px;
            padding: 20px 30px 20px 5px;
            border: 1px solid #d4d4d5;   
            background: #ffffff url(/App_Themes/Default/images/search-select-bg.gif) repeat-x left bottom;
            z-index: 30;
        }
            #ProjectTypes fieldset, #ProjectAreas fieldset, #ProjectSizes fieldset {
                border: 0px;   
            }
            #ProjectTypes legend, #ProjectAreas legend, #ProjectSizes legend {
                display: none;
            }
        .js #ProjectTypes {
            left: 140px;
        }
            /*IE7*/
            *:first-child+html.js #ProjectTypes {
                top: 80px;
                left: 123px;
            }
            /*IE^*/
            *html.js #ProjectTypes {
                top: 80px;
                left: 123px;
            }
        .js #ProjectAreas {
            left: 314px;   
        }
            /*IE7*/
            *:first-child+html.js #ProjectAreas {
                top: 80px;
                left: 298px;
            }
        .js #ProjectSizes {
            width: 414px;
            min-width: 414px;
            left: 487px;   
        }
            /*IE7*/
            *:first-child+html.js #ProjectSizes {
                top: 80px;
                left: 470px;   
            }
        #ProjectSearch ol {
            margin: 0;
            padding: 0;   
        }
        #ProjectSearch li {
            list-style: none;   
        }
        
         #ProjectSearch #cplPage_ProjectSearchForm_SearchProjectsB {
            background: url("/App_Themes/Default/images/find_projects_home_button.gif") no-repeat scroll 0 0 transparent;
            border: 0 none;
            height: 41px;
            margin: 5px 0 0 5px;
            padding: 0 15px 0 10px;
         }
         .close {
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0;
        }
        .fieldTitle {
            color: #3f5fa0;
            font-size: 116.7%;   
            font-weight: bold;
            background: transparent;
            margin-left: 27px;
            padding: 0;
        }
        .fieldTitle {
            width: 457px;   
        }

        .fieldInstructions {
            margin: 5px 0 20px 27px;
            color: #666666;
            font-size: 116.7%;  
            line-height: 30px;
        }
        
        .checkboxField .verticalOptions label {
            display: block; 
            float: left;
            clear: none;
            width: 135px;
            height: 100px;
            font-size: 90%;   
            font-weight: bold;
            color: #3f5fa0;
            margin: 0 0 14px 27px;
        }
        /*IE6*/
        *html .checkboxField .verticalOptions label {
            margin-left: 10px;  
            width: 145px; 
        }
            .checkboxField .verticalOptions label input {
                float: left;
                margin-top: 25px;
            }
            /*js replacement for checkboxes*/
            input.replaced {
                margin-left: -3000em;   
            }
            span.replaced {
                display: block;
                float: left;
                margin: 40px 8px 0 0;
                width: 20px;
                height: 22px;
                background: url(/App_Themes/Default/images/checkbox-sprites.gif) no-repeat;   
            }
            span.replaced.checked {
                background-position: -40px 0;   
            }
            
            
            .checkboxField .verticalOptions label span.img {
                float: right;
                margin-top: 3px;
            }
            
 #Container_projects #SecondaryContentInner ul {
     margin-left: 0;
 }
 
     #Container_projects #SecondaryContentInner ul li {
         background-color: #e3ebee; /*url(/App_Themes/Default/images/icons/right-blue-arrow.gif) no-repeat top right;*/
         cursor: pointer;
         list-style-type: none;
         padding: 5px 0 5px 5px;
     }
        #Container_projects #SecondaryContentInner ul li a {
            display: block;
            font-weight: bold;
            height: 20px;
            width: 215px;
        }
        
      #Container_projects #SearchResultsInner {
          padding-bottom: 30px;
      }
      
      #Container_projects #SearchResultsInner h3 {
        font-size: 180%;
      }
      
      #Container_projects #SearchResultsInner .trailnav {
        padding: 10px 0;
      }
      
      #Container_projects #SearchResultsInner .image {
        float: left;
        padding: 0 10px 0 0;
      }
      
      #Container_projects #SearchResultsInner #Projects {
          display: block;
          clear: both;
          min-height: 130px;
      }
