/* General styles */
.connect-left-content {
    float: left;
    width: 680px;
}

.connect-left-content-with-left-nav {
    float: left;
    width: 450px;
}

.connect-right-sidebar {
    margin-top: 15px !important;
}

.sticky {
    position: fixed;
    top: 0px;
}

/* Main navigation */
#connect-header-wrap {
    margin: 0px auto;
    width: 980px;
    background: #FFF none repeat scroll 0% 0%;
}

    #connect-header-wrap .connect-site-logo {
        float: left;
        width: 380px;
        height: 120px;
    }

    #connect-header-wrap .connect-main-nav {
        height: 30px;
        margin: 57px 0px 0px 0px;
    }

        #connect-header-wrap .connect-main-nav ul li {
            min-width: 0px !important;
        }

            #connect-header-wrap .connect-main-nav ul li a {
                margin: 0px 15px;
            }

        #connect-header-wrap .connect-main-nav .connect-submenu {
            top: 100% !important;
            width: 220px !important;
        }

/* Home */
#industry-experts-section-content {
    margin: 20px 0px;
    padding-top: 30px;
    clear: both;
}

#industry-experts {
    width: 840px;
    margin-left: 30px;
    overflow: auto;
}

    #industry-experts .expert {
        height: 180px;
        margin: 20px 0px;
        position: relative;
    }

        #industry-experts .expert .picture {
            width: 130px;
            height: 180px;
            float: left;
        }

            #industry-experts .expert .picture img.bw {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 99;
            }

            #industry-experts .expert .picture img.color {
                position: absolute;
                left: 0;
                top: 0;
            }

        #industry-experts .expert .info {
            width: auto;
            height: 140px;
            padding: 20px 20px;
            background-color: #f3f3f3;
            overflow: hidden;
        }

            #industry-experts .expert .info .name {
                color: #003283;
                font-size: 22px;
                font-family: 'Museo300Regular', Arial;
                text-decoration: none;
            }

                #industry-experts .expert .info .name a {
                    color: #003283;
                    font-size: 22px;
                    font-family: 'Museo300Regular', Arial;
                    text-decoration: none;
                }

            #industry-experts .expert .info .title {
                font-style: italic;
                margin-bottom: 5px;
            }

            #industry-experts .expert .info .comments {
                line-height: 1.4em;
            }

#featured-sponsors {
    clear: both;
    margin: 30px 0px;
    overflow: auto;
}

    #featured-sponsors #intro-content {
        margin: 20px 0px;
    }

    #featured-sponsors #sponsors-list {
        margin: 20px 0px;
        overflow: auto;
    }

        #featured-sponsors #sponsors-list .logo {
            width: 33%;
            margin: 20px 0px 0px 3px;
            text-align: center;
            float: left;
        }

    #featured-sponsors #see-all-sponsors {
        margin: 20px 0px;
        overflow: auto;
    }

/* Details page */
#details-page-sidebar {
    margin-top: 100px !important;
}


/* Sponsors page */
#sponsors-list {
    clear: both;
}

    #sponsors-list .sponsor {
        clear: both;
        margin-bottom: 30px;
        overflow: auto;
    }

        #sponsors-list .sponsor .logo {
            float: left;
            width: 270px;
            overflow: hidden;
            margin: 0px 15px 0px 0px;
        }

        #sponsors-list .sponsor .name-and-description {
            float: left;
            width: 500px;
            margin: 0px 15px 0px 15px;
        }

            #sponsors-list .sponsor .name-and-description .name {
                font-size: 20px;
                margin-bottom: 10px;
            }

                #sponsors-list .sponsor .name-and-description .name a {
                    font-size: 20px;
                    text-decoration: none;
                    color: #222;
                }

            #sponsors-list .sponsor .name-and-description .description {
            }

        #sponsors-list .sponsor .level {
            float: left;
            width: 90px;
            overflow: hidden;
            margin: 20px 0px 0px 15px;
        }

/* Why attend */
#customer-quotes {
    overflow: auto;
}

    #customer-quotes .customer {
        clear: both;
        margin: 40px 0px;
        overflow: auto;
    }

        #customer-quotes .customer .info {
            float: left;
            width: 310px;
            padding-left: 40px;
            margin-right: 10px;
            overflow: auto;
            background: url(/Content/Images/quote-open-gray.png) no-repeat top left;
        }

            #customer-quotes .customer .info .quote {
                margin-bottom: 10px;
            }

            #customer-quotes .customer .info .name-title {
                font-style: italic;
            }

            #customer-quotes .customer .info .company {
                font-style: italic;
            }

        #customer-quotes .customer .picture {
            width: auto;
            overflow: hidden;
            padding-top: 10px;
        }

/* Breakout sessions */
#search-criteria {
    margin: 20px 0px;
    padding: 10px 20px;
    background-color: #eee;
    overflow: auto;
}

    #search-criteria .title {
        margin-bottom: 20px;
    }

    #search-criteria #filters {
        float: left;
        padding-right: 20px;
    }

        #search-criteria #filters .listbox-blue-arrow-wrap {
            background-color: #fff;
            margin: 2px 0px;
            width: inherit;
        }

            #search-criteria #filters .listbox-blue-arrow-wrap select {
                width: 100%;
            }

        #search-criteria #filters #track-filter {
            padding: 5px 30px 5px 0px;
            float: left;
            width: 400px;
        }

        #search-criteria #filters #product-filter {
            padding: 5px 30px 5px 0px;
            float: left;
            width: 400px;
        }

        #search-criteria #filters #industry-filter {
            padding: 5px 30px 5px 0px;
            float: left;
            width: 400px;
        }

        #search-criteria #filters #keywords-filter {
            width: 380px;
            float: left;
            padding: 7px 0px;
        }

            #search-criteria #filters #keywords-filter #keywords {
                width: inherit;
                border: 0px none;
                height: 30px;
                padding: 5px 10px;
            }

        #search-criteria #filters #search-button-wrap {
            clear: both;
            padding-top: 10px;
        }

            #search-criteria #filters #search-button-wrap a {
                width: 150px;
                text-align: center;
                text-decoration: underline;
            }

            #search-criteria #filters #search-button-wrap span#btn-span {
            }

            #search-criteria #filters #search-button-wrap span#link-span {
                padding: 0px 20px;
                vertical-align: bottom;
            }

#sessions-list {
    clear: both;
}

    #sessions-list .session {
        clear: both;
        padding: 10px 0px;
        border-bottom: solid 1px #c0c0c0;
        overflow: visible;
    }

        #sessions-list .session .schedule {
            float: left;
            width: 200px;
            padding: 20px 10px 20px 0px;
            text-align: center;
        }

            #sessions-list .session .schedule .track {
                margin-bottom: 20px;
            }

                #sessions-list .session .schedule .track .title {
                    background-color: #d5f0ff;
                    color: #444;
                    padding: 5px;
                    font-size: 14px;
                    text-align: center;
                    width: inherit;
                    border: solid 1px #8adeff;
                    border-radius: 4px;
                }

                #sessions-list .session .schedule .track .code {
                    background-color: #003283;
                    color: #fff;
                    padding: 5px;
                    font-size: 18px;
                    text-align: center;
                    width: inherit;
                }

                #sessions-list .session .schedule .track .name {
                    text-align: center;
                    background-color: #eee;
                    padding: 2px;
                }

            #sessions-list .session .schedule .date {
                font-weight: bold;
            }

        #sessions-list .session .details {
            overflow: hidden;
            width: auto;
            padding: 10px 0px 10px 10px;
        }

            #sessions-list .session .details .title {
                font-size: 20px;
                color: #003283;
                padding: 5px 0px;
            }

            #sessions-list .session .details .description {
                margin: 10px 0px;
            }

            #sessions-list .session .details .attribute {
            }

                #sessions-list .session .details .attribute .label {
                    width: 150px;
                    float: left;
                    text-align: right;
                    padding-right: 10px;
                    font-weight: bold;
                }

                #sessions-list .session .details .attribute .value {
                    overflow: hidden;
                    width: auto;
                }

    #sessions-list #message {
        font-size: 18px;
    }

/* Tabs */
#connect-session-results .ui-tabs-nav .ui-state-default a {
    font-family: 'Roboto', sans-serif, Arial !important;
    background-color: #e9e9e9 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#connect-session-results .ui-tabs-nav .ui-state-active {
    border-bottom: 3px solid #f26233;
    background-color: transparent;
}