/*Prefinator*/
.KxStudentWrapper select,
.KxStudentWrapper button,
.KxStudentWrapper input[type=checkbox],
.KxStudentWrapper input[type=radio],
.KxStudentWrapper input[type=button] { cursor: pointer; }
.selected { background-color: #5cb85c; }
.selected:hover,
.selected:focus { background-color: #449d44; }
.map-canvas > div { height:200px; }
.kxdata { display:none; }
.loading { position:absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:.5; z-index: 999;}
.loading img { display:block; margin:80px auto 0 auto; }

/*Room Options Main Styles*/
.room { border:solid 2px #7d7d7d; margin-bottom:25px; position:relative; }
.room .room-content { padding:15px 15px 0 15px; }
.room .dl-horizontal dt { width: 125px; }
.room .dl-horizontal dd { margin-left: 140px; }
.room.selectedroom { border: 2px solid #f0ad4e; }

/*Info bar links*/
.preference .well-primary a { color:#fff; text-decoration:underline; }
.camera, .ico.imgs { background: url(../../images/core/images.png) no-repeat;}
.tabselected .camera, .tabselected .ico.imgs { background: url(../../images/core/images-active.png) no-repeat; }
.maps, .ico.map-location { background: url(../../images/core/map.png) no-repeat; margin-top: 0!important;}
.tabselected .maps, .tabselected .ico.map-location { background: url(../../images/core/map-active.png) no-repeat; }
.fac { background: url(../../images/core/facilities.png) no-repeat;}
.tabselected .fac { background: url(../../images/core/facilities-active.png) no-repeat; }
.more-info { background: url(../../images/core/info-tab.png) no-repeat;}
.tabselected .more-info { background: url(../../images/core/info-tab-active.png) no-repeat; }
span.imgs,
span.ico.imgs, span.ico.map-location, span.ico.fac, span.ico.more-info { float: left; margin-top: 7px; width: 54px; height: 28px; }

/* BASKET */
.KxStudentWrapper .basket-wrap a { color: #000; text-decoration: underline!important; }
.KxStudentWrapper .basket-wrap .basket { border:1px solid #fffef1; background: #fffef1; padding:0 14px; color: #000; }
.KxStudentWrapper .basket-wrap h2 { border-bottom:1px solid black; color:black; font-weight:bold; margin-top:.5em; padding-bottom:.5em; text-align: center; }
.KxStudentWrapper .basket-wrap h2 + p { text-align: center; }
.KxStudentWrapper .basket-wrap hr { border:0; color:#bbb; background:#f0ad4e; height:1px; margin-left:-14px; margin-right:-14px; }
.KxStudentWrapper .basket-wrap .col-xs-3 { padding: 0; }
.KxStudentWrapper .basketOptions-titles { text-align: center; }
h3.location { color: #000; }

    /*Room Tab Styles*/
        .room .tabnav { margin-top: 15px; }
            .room .tabnav a,
            .KxStudentWrapper .room .tabnav a {
                position:relative;
                text-align:center; 
                padding:10px 0; 
                display:block; 
                background:#7d7d7d; 
                float:left;
                font-weight:bold;
                color:#fff;
                line-height:35px;
            }
            .room .tabnav a:hover,
            .KxStudentWrapper .room .tabnav a:hover {
                text-decoration:none;
            }
            .tab-content > div {
                display:none;
            }
            .tab-content > div.images {
                display:block;
            }
            .room .tabnav a.tabselected,
            .KxStudentWrapper .room .tabnav a.tabselected {
                background:#fff;
                border-top:1px solid #7d7d7d;
                color:#000;
            }
            .room .tab-content .contentselected {
                padding:15px 15px 15px 15px;
                color:#000;
                margin: 0 15px;
                background: white;
                float: left;
            }
            .room .tab-content .contentselected ul li 
            {
                background:none;
            }
            .room .tab-content .contentselected.images {
                   padding: 15px 13px;
            }
            .room .tabnav a > span { 
                display:inline-block; 
                zoom:1; 
                *display:inline; 
                height: 35px;
                margin: 0 auto;
                line-height: 35px;
                position: relative;
            }
            .room .tabnav a span.number-images { padding:4px 3px; position:absolute; left: 32px; top:9px; font-size:10px; line-height: 5px; border: 1px solid #fff; border-radius: 3px; text-align:center; color:#fff;}
            .room .tabnav .tabselected span.number-images { border: 1px solid #000; color:#000; }
            
            .tab-content ul li { list-style: disc; padding: 2px; margin-left: 20px; }
            .tab-content ul li i { color:#f0ad4e; }
            
            .room .map-icn, .room .images-icn, .room .facilities-icn, .room .info-icn, .room .comments-icn {position:absolute; display: inline-block; zoom:1; *display:inline; background-image:url(../../images/core/sprite.png); background-repeat:no-repeat;}
            .room .map-icn                  {background-position: 0 0; width: 8px; height:13px; left:-17px; top: 10px; }
                /*.room .tabnav a.tabselected .map-icn           {background-position: 0 -13px;}*/
            .room .images-icn               {background-position: -8px 0px; width: 15px; height:13px; left:-23px; top: 10px;}
                /*.room .tabnav a.tabselected .images-icn        {background-position: -8px -13px; }*/
            .room .facilities-icn           {background-position: -23px 0; width: 15px; height:13px; left:-22px; top: 10px;}
                /*.room .tabnav a.tabselected .facilities-icn    {background-position: -23px -13px;}*/
            .room .info-icn                 {background-position: -38px 0px; width: 5px; height:13px; left:-17px; top:9px;}
                /*.room .tabnav a.tabselected .info-icn          {background-position: -38px -13px;}*/
            .room .comments-icn                 {background-position: -62px 0px; width: 13px; height:13px; left:-17px; top:10px;}
                /*.room .tabnav a.tabselected .comments-icn          {background-position: -62px -13px;}*/
    /*Dropdown*/
        .room .RoomSelect { 
            position: absolute;
            width: 70px;
            display:block;
            height: 90px;
            top: 0;
            right: 20px; 
        }
        .room .RoomSelect select {
            border:0;
            margin: 23px auto 0 auto;
            display:block;
            background: #00c6fe;
            color:#fff;
            font-weight:bold;
        }
        .room .RoomSelect select:focus{
            outline:none;
            box-shadow:0;
        }
        .room .preflabel {
            font-size: 13px;
            font-weight:bold;
            line-height:2.5;
            margin-bottom: 0;
            vertical-align: sub;
        }
        
        .room .room-options {
            margin-top: 80px;
        }
    
    /*Basket*/
        #basket {
            clear:both;
            margin:20px 0 0 0 ;
            padding:0;
            list-style-type:none;
            color:#000; 
            overflow:auto;
        }
        #basket li {
            margin: 0.5em 0 1em;
            font-size: 12px; 
            position:relative;
            cursor:move;
            cursor: grab;
            cursor: -moz-grab;
            cursor: -webkit-grab;
        }
        #basket li > div {
            display: table;
            width: 100%;
        }
        #basket li > .row-fluid > div {
            display: table-cell;
            vertical-align: middle;
            float: none;
            background-position: left center;
            height: 50px;
        }

        #basket li.ui-sortable-helper {
            cursor: grabbing;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
        }
        #basket .RemovePreference {
           /* position: absolute;
            top: 0;
            right: 0;*/
            margin: auto;
            display: block;
            border:0;
            background:none;
            color:red;
            z-index:999;
        }
        #basket .number-circle {
            display: inline-block;
            border-radius: 50%;
            width: 60px;
            font-size: 1.5em;
            color: #fff;
            text-align: left;
            color: #000;
        }
        
    /*Basket options*/
    #basket-options { margin: -11px 0 20px 0; padding:0; }
    #basket-options li { list-style-type:none; float:left; margin-right:10px; }
    #basket-options li a { background:url(../../images/core/sprite.png) no-repeat; display:block; text-indent:-9999px;}
    #basket-options .save  a { background-position:-75px 0; width:11px; height:11px; }
    #basket-options .email a { background-position:-86px 0; width:13px; height:11px;}
    #basket-options .print a { background-position:-75px -11px; width:13px; height:12px;}
    
    /*Sort dropdown*/    
        .sort-label {
            line-height: 35px; 
            margin:0;   
        }   
    
    /*left Column Headings*/
    h4.preference-panel-heading { background:#103D4C; display:block; padding:10px; color:#fff; margin:0 0 20px 0;}
    
    /*infomation icon*/
        ul.infomation { list-style-type:none; padding:0; }
        ul.infomation li:first-child {word-break:break-all;}
        ul.infomation li { margin-bottom:20px; padding-left: 20px; position:relative; font-size:12px; }
        ul.infomation li span.info-icn { background:url(../../images/core/sprite.png) no-repeat; background-position: -43px 0; height: 23px; width:19px; display:block; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; }

    /*Big map*/
        #bigmap { height: 350px; border:5px solid #fff; box-shadow: 0px 0px 3px 0px #292929; margin-bottom:40px; }
        
    /*preference buttons*/
    .preference #button_navigation { margin-bottom:15px; margin-top:3em; }
    /*.preference #button_navigation .btn-primary,
    .preference #button_navigation .btn-secondary { background:none; }*/
    .preference input[type=submit]:disabled{ color:#ccc!important }

/*Compare section*/
    #compare .compareroom {
      width: 240px;
      float: left;
      padding: 20px;
    }
    #compare .compareroom img[src*="missing"]{
    padding:55px;
    background:#000;
    }
    #compare .compareroom .text-center { text-align: center; }
    #compare .compareroom img {
        box-shadow: 0 0 3px 1px #222222;
        max-width:100%;
        margin: 0 auto;
        display: block;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #FFF;
        background-image: none;
        border: 1px solid #CCC;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;   
    }
    select.form-control { height: 28px; }
    #compare .selectedcompare {
        margin: 0 auto;
        display: block;
        text-transform: uppercase;
        text-align: center;
        padding: 0.7em 1em 0.7em;
        border-radius: 4px;
        box-shadow: none;
        border: 0;
        cursor: pointer;
    }
    #compare .preferencebutton {
      border-radius: 5px;
      margin: 20px auto 20px auto;
      width: 70px;
      height: 70px;
      padding: 17px .5em;
      display: block;
      border: 0;
      background: #1e1e1e;
      color: #fff;
      text-align: center;
      font: 32px Arial, sans-serif;
      border-radius: 0;
      cursor: pointer;
    }
    #compare .preferencebutton.selected {
      background: #1ab7ec;
      color: white;
    }
    #compare .preferencebutton.selected:hover, .preferencebutton.selected:focus {
        color: white;
    }

.form-horizontal .sort-label-search { text-align:left; font-size:12px; text-transform:uppercase; }

.roomtype-check label, #college-filter label, #let-length-filter label { font-size: 11px; }

/*Back to top button*/
.backToTop { position:fixed; right:30px; display:block; width:40px; height:40px; text-indent:-9999px; background:#000 url(../../images/core/backtotop.png) no-repeat; bottom: 20px; }

/*Price slider*/
.price-filter { margin-bottom: 50px; }
.price-filter .price-range-filter { white-space: nowrap; font-size: 12px; }
#slider-filter { margin-top: 10px; }
#slider-filter .minamount,
#slider-filter .maxamount { width:10%; margin-right:2%; font-size: 11px; text-align:right; float:left; text-align:center; line-height: 15px; }
#slider-filter .maxamount { margin-right: 0; margin-left:3%; text-align:left; }
#slider-filter .slider-size { width:75%; float:left; margin-top: 4px; }
#slider-filter .ui-slider .ui-slider-handle { width: .4em; }
#slider-filter .ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: 0; height: 1.8em; position: absolute; cursor: ew-resize; }
#slider-filter .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius:0;}
#slider-filter .ui-slider-horizontal {height: .5em;}
#slider-filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%!important; width: 100%; margin-top: 0; }
#slider-filter .ui-widget-header { background: #f0ad4e; margin-top: 1px; height: 3px!important; }
#slider-filter .ui-widget-content { border: 1px solid #000; }
#slider-filter .ui-state-default, #slider-filter .ui-widget-content .ui-state-default, #slider-filter .ui-widget-header .ui-state-default { background:#f0ad4e; border: 1px solid #f0ad4e; }


/*Sort by filter*/
.sort-by-filter-wrap { margin-bottom:30px; }
.form-control { border: 1px solid #a9a9a9; border-radius: 0; background: #fff; color: #000; font-size: 14px; padding: 2px 12px; }
.drop-label,
.check-label { font-weight:bold; font-size: 12px; }
.KxStudentWrapper .block-preference .price-filter .price-range-filter,
.KxStudentWrapper .block-preference .row .drop-label,
.KxStudentWrapper .block-preference .row .check-label { padding-top: 1em; }


/*Basket*/
.basket-titles strong { text-transform:uppercase; font-size:12px; }
#basket .drag-handle { height:20px; display:block; background:url(../../images/core/drag-handle.png) 15px 0 no-repeat; }


/*room type filter*/
.room-type-filter { text-transform:uppercase; font-size:12px; }

/*carousel*/
.Carousel { box-sizing:border-box; height:110px; padding:0 30px; position:relative; width:100%; *width:85%; }
.Carousel button { height: 100%;
position: absolute;
top: 0;
width: 50px;
z-index: 1;
background: none;
border: 0;
text-indent: -9999px;
overflow: hidden; }
.Carousel button:focus {
    box-shadow:none;
    outline:none;
}
.Carousel button .img-replace { background:url(../../images/core/carousel-sprite.png) no-repeat; display:block; height:40px; margin-top:-20px; margin-left:-5px; left:50%; position:absolute; top:50%; width:10px; }
.Carousel button[disabled] { cursor:default; cursor:not-allowed; }
.Carousel .CarouselPrev { left:-20px; }
.Carousel .CarouselNext { right:-20px; }
.Carousel .CarouselPrev .img-replace {  background-position:-20px 0; }
.Carousel .CarouselNext .img-replace {  background-position:-30px 0; }
.Carousel .CarouselPrev[disabled] .img-replace { background-position:0 0; }
.Carousel .CarouselNext[disabled] .img-replace { background-position:-10px 0; }
.Carousel .CarouselFrame { height:100%; overflow:hidden; *position:relative; width:100%; }
.Carousel .CarouselContent { font-size:0; height:100%; position:relative; white-space:nowrap; }
.Carousel a { display:inline-block; height:100%; position:relative; zoom:1; *display:inline; }
.Carousel a + a { margin-left:10px; }
.Carousel a img { display:block; height:100%; min-height:100%; }
.Carousel a img[data-missing="true"] { padding: 33px!important; }
.Carousel a:hover:after {background: rgba(0, 0, 0, 0.8) url(../../images/core/zoom-icon.png) no-repeat 50% 50%; content:""; display:block; height:100%; left:0; position:absolute; top:0; width:100%; }

.RemovePreference img { margin-left: 34px; }

/*Well DL margin removal*/
.well dl { margin:0; }
.well-primary dl { margin:0; }


/*Room Tabs*/
#room-tabs {
    border-bottom:2px solid #000;
    display: inline-block;
    padding:0 5px 0 10px;
    box-shadow: 0px 8px 7px -6px #D1D1D1;
    width: 100%;
    margin-bottom: 3em;
}
#room-tabs .room-tab {
    border:0;
    padding:10px 20px;
    margin-right:5px;
    border-radius: 0;
}
#room-tabs .room-tab.active {
    background:#000;
    color:#fff;
    font-weight:bold;
}

.preference-selection .preferencebutton,
.preference-selection .preferencebutton:focus {
    background:#f0ad4e;
    border-radius:50%!important;
    width:30px;
    display:inline-block;
    height:30px;
    border:0;
    outline:none;
    font-size:1.44em;
    line-height: 0;
    padding:0;
    color:#fff;
    font-weight:bold;
    margin-right: 4px;
}
.preference-selection .preferencebutton:hover {
    background: #ec971f!important;
    border-color: #d58512;
    color: White;
}
.KxStudentWrapper .list-itemWrap.col-md-3 {
    padding: 0;
}
.preference-selection .preferencebutton.selected {
    background-color: #5cb85c!important; border-color: #4cae4c; color: White;
}

.room .tabnav { margin-left:15px; margin-right:15px; }
#room-tabs button { font-size:inherit; line-height:inherit;  }




@media only screen and (max-width: 991px) {
    .KxStudentWrapper .basket-wrap { margin-bottom: 3em; float: none!important; }
}


@media only screen and (max-width: 767px) {
    .tour-wrap { padding-bottom:1.5em; }
    .room .tabnav a { float:none; }
    .room .room-content > .col-sm-3:first-child img { width: 50%; }
    .room-list div.text-right,
    div.col-sm-3.text-right { float: left; width: 100%; }
}


@media only screen and (max-width: 479px) {
    .tour-wrap,
    .interact-options .compareSelect-wrap,
    .interact-options .preferenceSelect-wrap { width: 100%; text-align: center; padding-bottom:1.5em; }
    .interact-options .preferenceSelect-wrap { padding-bottom:0; }
    .room .room-content > .col-sm-3:first-child img { width: 100%; }
}


@media only screen and (min-width: 768px) {
    #slider-filter .slider-size { width:63%; margin-left: 7%; }
    .room-list #slider-filter .slider-size { width:66%; margin-left: 6%; }
    .KxStudentWrapper .block-preference .price-filter .price-range-filter,
    .KxStudentWrapper .block-preference .row .drop-label,
    .KxStudentWrapper .block-preference .row .check-label { display: block; }
    #slider-filter { margin-top: 15px; }
}


@media only screen and (min-width: 992px) {
    #slider-filter .slider-size { width:72%; margin-left: 2%; }
    .room-list #slider-filter .slider-size { width:58%; margin-left: 9%; }
}