﻿.row-no-gutter { margin-right:0; margin-left:0; }
.row-no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.alert { border-radius:0; }


#TopNav > ul.mobileNav { display:none; }
.container { width:950px !important; }
/*Code conflict updates*/
#siteheader .sys_textBoxWithRedirect input.sys_searchbox, 
#siteheader .sys_textBoxWithRedirect input#TextboxWithRedirect_redirectTextBox { height:21px; }
#siteheader #TopNav a.qmparent { height:37px; width:95px; }
#siteheader #TopNav a.sys_research, #siteheader #TopNav a.sys_alumni { width:92px; }
.sys_dropDown { left:193px; top:90px; width:757px; }
p,
.facilities ul { /*color:#666;*/ font-size:.75rem; line-height:1.45em; }
/*Bootstrap changes*/
.row { margin:0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{ padding-left:0; padding-right:0; }
/*Student Styling*/
.container {   padding:0; }
#PageContent { margin:2em 0; }

/*DatePicker*/
.ui-datepicker { border-radius:0; width:18em; z-index:100 !important; }
.ui-datepicker .ui-corner-all { border-radius:0px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:3px; }
.ui-datepicker .ui-datepicker-prev {left: 3px; cursor:pointer; }
.ui-datepicker .ui-datepicker-next {right: 3px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled { cursor:arrow; }
.ui-datepicker .ui-widget-header { background:#00A648; border-color:#00A648; border-radius:0; }
.ui-datepicker td span, .ui-datepicker td a { text-align:center; padding:.47em; border-radius:0; }
.ui-datepicker .ui-state-default, 
.ui-datepicker .ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default { background:#a9a9a9; border-color:#a9a9a9; color:#fff;}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active { background:#a9a9a9; border:0; font-weight:bold; }
.ui-datepicker .ui-widget { font-family:Arial, Sans-Serif;}
.ui-datepicker .ui-widget-header .ui-icon {background-image: url(../../scripts/jqueryui/css/images/ui-icons_FFFFFF_256x240.png);}
.ui-datepicker .ui-widget-header .ui-state-hover, 
.ui-datepicker .ui-widget-content .ui-state-hover, 
.ui-datepicker .ui-state-focus, 
.ui-datepicker .ui-widget-content .ui-state-focus, 
.ui-datepicker .ui-widget-header .ui-state-focus { background:none; border:1px solid #fff; top:3px;}
.ui-datepicker .ui-state-default.ui-state-hover, 
.ui-datepicker .ui-state-active.ui-state-hover { background:#00A648; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 47%; margin-right: 3px; border-radius:0; padding: 1px 0; }


/*Components*/
.Group:after { content:""; display:table; clear:both; }
/*Panel*/
.jumbotro-parent { padding-left:10px; padding-right:10px; }
.jumbotro-parent:first-child { padding-left:0 }
.jumbotro-parent:last-child { padding-right:0 }
.container .Panel.jumbotron { border-radius:0; padding:5em 25% 20px; }
.container .Panel.jumbotron p { font-size:1.2em; }
.Panel { background:#00A648; margin-top:2em; padding:0 12% 0 2%; position:relative; }
.Panel h2,
.Panel.Strip p { float:left; margin:.5em 0; padding:0; }
.Panel.Strip p { line-height:2.4; }
.YearWrap .Section .Panel,
.Panel.jumbotron { background:#EFEFEF; border-bottom:2px solid #652E68; margin-top:1.5em; min-height:27em; padding:0 0 1em; }
.Panel.jumbotron legend,
.Panel.jumbotron h2,
.YearTemplate h3,
.YearWrap .Section .Title { background:#652E68; left:0; margin:0; position:absolute; top:0; width:100%; z-index:1; }
.Panel.jumbotron h2 { font-size:1.2em; font-weight:normal; }
.Panel.jumbotron span,
.YearWrap .Section .Title { color:#fff; display:inline-block; font-size:1.4em; padding:.7em 25%; }
.YearWrap .Section .Title { font-size:1.2em; padding-left:5%; padding-right:5%; }

/*Strip*/
.Panel.Strip h2,
.Panel.Strip p { color:#fff; }
.Panel.Strip p { float:right; }
.Panel.Strip input { height:100%; position:absolute; right:0; }

/*Buttons*/
.ButtonReset,
body .date-picker-wrapper .drp_top-bar .apply-btn,
body .date-picker-wrapper .drp_top-bar .apply-btn.disabled  { border:none; }
.ButtonPrimary,
.ButtonSecondary { font-size:1.3em; padding:.5em 1em; }
.sys_sitewrap .ButtonPrimary,
.ButtonPrimary,
body .date-picker-wrapper .drp_top-bar .apply-btn,
body .date-picker-wrapper .drp_top-bar .apply-btn.disabled { background:#652E68; color:#fff; box-shadow:0 2px 2px 0 #898989; }
.ButtonSecondary { background:#ddd; color:#000; }
.sys_sitewrap .ButtonPrimary:hover,
.ButtonPrimary:hover,
body .date-picker-wrapper .drp_top-bar .apply-btn:hover,
body .date-picker-wrapper .drp_top-bar .apply-btn.disabled:hover{ color:#fff; text-decoration:underline; }
.ButtonSecondary:hover { background:#ACA09A; text-decoration:none; }

/*Errors*/
.KxError li { padding:.2em 0; }

/*Forms*/
.Panel.jumbotron .input-row { margin:1em 0; }
.Panel.jumbotron .input-row label { display:block; font-size:1.2em; }
.Panel.jumbotron .input-row input { font-size:1.3em; margin-top:.2em; padding:.2em .5em; width:100%; }
.Panel.jumbotron .input-row input[type=submit] { width:auto; }
.plain-box { margin-bottom:2em; }
.plain-box .text-input { padding:5px 10px; }
.plain-box .text-label { display:block; padding-bottom:.5em; }
.plain-box .single-input { padding-right:1em; }
.plain-box.check-box { padding:1em 0; }
.plain-box.check-box input + label { margin-left:1em; }

/*Alerts*/
.alert { border-radius:0; }

/*Lists*/
.ListHorizontal { font-size:1.2em; margin-bottom:1em; }
.ListHorizontal .ListTitle,
.ListHorizontal .ListInfo { float:left; }
.ListHorizontal .ListTitle { font-weight:normal; margin-right:.3em; }
.ListHorizontal .ListInfo { font-weight:bold; margin-right:1em; }

.ListHorizontal.Columns { list-style:none; margin:0; padding:0; }
.ListHorizontal.Columns .Column { float:left; }
.ListHorizontal.Columns .Column .ListTitle,
.ListHorizontal.Columns .Column .ListInfo { display:block; float:none; }

.ListVertical { font-size:1.2em; list-style:none; margin:1em 0; }
.ListVertical .ListTitle,
.ListVertical .ListInfo { padding:.3em 0; }
.ListVertical .ListTitle { float:left;font-weight:normal;  margin-right:.5em; width:10%; }
.ListVertical .ListInfo { font-weight:bold; margin-right:1em; }
.ListVertical.Wide .ListTitle { width:40%; }
.ListRow { clear:both; }
.ListVertical .ListRow .ListInfo { float:right; width:64%; }

/*Hub*/
div.content div#PageContent.YearTemplate { width:100%; }
.YearWrap { clear:both; margin:2em 0; }
.YearWrap .Section { float:left; margin-left:2%; width:32%; }
.YearWrap .Section p { margin-left:10%; margin-right:10%; }
.YearWrap .Section.First { margin-left:0; }
.YearWrap .Section h3 { text-align:center; }
.YearWrap .Section.Panel { margin:0; padding:0; }
div.content div#PageContent.YearTemplate h3 { border:none; cursor:initial; font-size:1.2em; padding-left:0; padding-right:0; text-transform:none; }
.YearWrap .Section .Panel { margin-top:0; padding-top:3.5em; }
.HubIntro { float:left; }
.LogOut { float:right; }
.Section .Panel input { color:#fff; /*float:left;*/ font-size:.75rem;; line-height:1.2; margin:.5em 10%; white-space:normal; width:80%; }
/*.Section .Panel div:nth-child(3n+1) { clear:left; }*/

/*Radio*/
.RadioList { display:block; margin:2em; }
.RadioList input[type=radio] { display:none; height:0; overflow:hidden; position:absolute; text-indent:100%; white-space:nowrap; }
.RadioList label { background-color:#EFEFEF; border:#57676D 1px solid; color:#57676D; cursor:pointer; display:inline-block; font-size:1.2em; line-height:1.2; margin-bottom:.5em; margin-right:1%; padding:1em 2em 1em 3em; position:relative; width:48%; }
.RadioList label:before { background-color:#fff; border-radius:50%; content:''; height:1em; left:1em; position:absolute; top:.9em; width:1em; } 
.RadioList label:hover,
.RadioList input[type=radio][checked=checked] + label { background-color:#652E68; border-color:#652E68; color:#fff; }
.RadioList label:hover:before,
.RadioList input[type=radio][checked=checked] + label:before { background-color:#383838; border:1px solid #d9d9d9; } 


/*Prefinator*/
.selected { background:#652E68 !important; }
.selectedcompare { background:#EB641E !important; color: #FFF; }

.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 #00b3eb;
        background:#f3f3f3;
        margin-bottom:25px;
        position:relative;
    }
    .room .room-content { padding:15px 15px 0 15px; }    
    .room .thumb { border:2px solid #fff; box-shadow: 0px 0px 3px 0px #292929; width:100%; }

    .room .dl-horizontal dt { width: 125px; }
    .room .dl-horizontal dd { margin-left: 140px; }

/*Info bar links*/
.preference .well-primary a { color:#fff; text-decoration:underline; }


    /*Room Tab Styles*/
        .room .tabnav { margin-top: 15px; width: 697px;}
            .room .tabnav a {
                position:relative;
                text-align:center; 
                height:35px; 
                padding:0; 
                border-left:solid 1px #c2c2c2;
                border-top:solid 1px #bababa;
                border-bottom:solid 1px #bababa;
                display:block; 
                background:#e5e5e5; 
                float:left;
                text-transform:uppercase;
                font-weight:bold;
                color:#000;
                line-height:35px;
            }
            .room .tabnav a:hover {
                text-decoration:none;
            }
            .room .tabnav a:last-child{
                border-right: 1px solid #ccc;
            }
            .room .tabnav a.tabselected:last-child{
                border-right: 1px solid #f3f3f3;
            }
            .tab-content > div {
                display:none;
            }
            .tab-content > div.images {
                display:block;
            }
            .room .tabnav a.tabselected {
                background:#EFEFEF;
                color:#000;
                border-top: solid 1px #EFEFEF;
                border-bottom: solid 1px #EFEFEF;
                border-left: solid 1px #c2c2c2;
            }
            .room .tabnav a.tabselected:first-child{
                border-left: 1px solid #f3f3f3;
            }
            .room .tab-content .contentselected {
                padding:15px 15px 15px 15px;
                background:#efefef;
                color:#000;
            }
            .room .tab-content .contentselected.images {
                   padding: 15px 20px;
            }
            .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: 50px; top:3px; font-size:10px; line-height: 5px; border-radius: 4px; background: #652E68; text-align:center; color:#fff;}
            
            .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/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;
            background:url(../../images/bookmark.png) no-repeat;
            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 {
            position: absolute;
            right: 89px;
            top: 4px;
            text-align:right;
            font-weight:bold;
            display: block;
            width: 122px;
        }
        
        .room .room-options {
            margin-top: 80px;
        }
    
    /*Basket*/
        #basket {
            margin:20px 0 0 0 ;
            padding:0;
            list-style-type:none;
            color:#6e6c6d; 
            overflow:auto;
        }
        #basket li {
            margin-bottom:15px;   
            font-size: 12px; 
            position:relative;
            cursor:move;
            cursor: grab;
            cursor: -moz-grab;
            cursor: -webkit-grab;
        }
        #basket li.ui-sortable-helper {
            cursor: grabbing;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
        }
        #basket li > .row-fluid > div { padding:0; }
        #basket .RemovePreference {
            position: absolute;
            top: 8px;
            right: 0;
            border:0;
            background:none;
            color:red;
            z-index:999;
        }
        #basket .chosen-room { font-weight:bold; line-height:1.7; }
        #basket .number-circle,
        .preferencebutton.number-circle {
            display: inline-block;
            border-radius: 50%;
            height: 30px;
            width: 30px;
            padding-top: 2px;
            font-size: 1.5em;
            color: #fff;
            text-align: center;
            background: #652E68;
        }
        .preferencebutton.number-circle { font-size:2em; height:40px; line-height:1em; width:40px; }
        
    /*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/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:#202A30; display:block; padding:10px; color:#fff; margin:0 0 20px 0;}    
    .preference-panel-heading { margin-top:1.5em; }
    /*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/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: 0 0 1px 0 #292929; margin-bottom:40px; }
        
    /*preference buttons*/
    .preference #button_navigation { margin-bottom:30px; }
        
/*Compare section*/
    #compare .compareroom {
      width: 240px;
      float: left;
      padding: 20px;
    }
    #compare .compareroom img[src*="missing"]{
    padding:55px;
    background:#000;
    }
    #compare .compareroom img {
        box-shadow: 0 0 3px 1px #222222;
        margin: 0 auto;
        display: block;
        width:100%;
    }
    #compare .compareroom select {
        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;   
    }
    #compare .selectedcompare {
      margin: 0 auto;
      display: block;
    }
    #compare .preferencebutton {
      border-radius:50%;
      /* behavior: url(PIE.htc);*/
      margin: 0 auto 20px auto;
      width: 50px;
      height: 50px;
      line-height:.6em;
      padding: 8px 0;
      display: block;
      border: 0;
      background:#00A648;
      color: #fff;
      text-align: center;
      font: 32px Arial, sans-serif;
    }
    #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:#01B3EC url(../../images/backtotop.png) no-repeat; bottom: 20px; }

/*Price slider*/
#slider-filter { margin-top: 14px; }
#slider-filter .minamount   { width:18%; margin-right:2%; font-size: 11px; text-align:right; float:left; text-align:center; line-height: 19px; }
#slider-filter .maxamount   { width:18%; margin-left:2%; font-size: 11px; text-align:left; float:left; line-height:19px; text-align:center; }
#slider-filter .slider-size { width:60%; float:right; margin-top: 4px; }
#slider-filter .ui-slider .ui-slider-handle { width: .5em; }
#slider-filter .ui-slider-horizontal .ui-slider-handle { top: -.7em; margin-left: -.4em; height: 1.8em;}
#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: 25%; height: 50%; }
#slider-filter .ui-widget-header { background:#652E68; }
#slider-filter .ui-widget-content { border: 1px solid #652E68; }
#slider-filter .ui-state-default, #slider-filter .ui-widget-content .ui-state-default, #slider-filter .ui-widget-header .ui-state-default { background:#652E68; border: 1px solid #652E68; }

/*Sort by filter*/
.sort-by-filter-wrap { margin-bottom:30px; }
#sort {
    border: 2px solid #652E68;
    border-radius: 0;
    font-weight: bold;
    background: #EEE;
    color: #000;
    font-size: 16px;
    padding: 2px 12px;
}
/*FilterActive*/
.room.catered, .room.letLength, .room.roomType, .room.gender { display:none; }


.drop-label, .check-label, .price-range-filter { font-weight:bold;
font-size: 12px;}

/*Basket*/
.basket-titles strong { text-transform:uppercase; font-size:12px; }

#basket .drag-handle { position:absolute;  right:26px; top: 5px; width:20px; height:20px; display:block; background:url(../../images/drag-handle.png) 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/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/zoom-icon.png) no-repeat 50% 50%; content:""; display:block; height:100%; left:0; position:absolute; top:0; width:100%; }


/* Preference */
.form-control, .btn { border-radius:0; }
.room .tabnav { width:auto; }
.room { background-color:#EFEFEF; }
.room-list { padding-right:3em; }
.room,
.room .room-band { border-color:#652E68; margin-left:1em; }
.room .room-band { margin-left:1em; }
.backToTop { background-color:#652E68; }
.room .preflabel { float:left; position:static; width:9em; }
.comparebuttonwrapper { margin-bottom:1em; }
.maincompare { display:inline-block; text-align:center; width:100%; }
#basket .number-circle { line-height:1.5; }
.preferencebutton.number-circle,
.compare { background-color:#57676D; color:#fff; }
.compare { clear:both; padding:2px 10px; position:absolute; right:0; top:8.5em; }
.compare:hover { color:#fff; text-decoration:underline; }
.selectedcompare { color:#fff !important; }
.selectedcompare:hover { color:#000 !important; text-decoration:none; }
.room-summary { padding-left:10px; padding-right:10px; }
#roomType-filter,
#gender-filter,
#let-length-filter,
#catered-filter,
#price-filter,
#ApplicantType,
#AcademicYear { padding:0 10px; }
#slider-filter { position:relative; }
#slider-filter .maxamount,
#slider-filter .minamount { bottom:-26px; left:0; position:absolute; text-align:left; }
#slider-filter .maxamount { left:auto; right:-9px; text-align:right; }
#slider-filter .slider-size { margin:-5px 0 0 5px; width:90%; }
.form-control { padding:6px 0 6px 4px; }
.room .ListVertical .ListTitle { width:40%; }
/*.room .ListVertical .ListInfo { line-height:1.2; }*/
#room-tabs { margin-bottom:2em; margin-top:1.4em; padding-left:1em; }
#room-tabs button { background:none; border:1px solid #652E68; font-weight:bold; padding:.7em 1.5em; }
#room-tabs button.active { background:#652E68; color:#fff; }
.facilities ul { list-style:disc; margin:1em 2em; }
.room .ListVertical .ListInfo { margin-right:0; }
.customValuesCompare p { margin-bottom:.5em; }


/*York*/
.padding-left { padding-left:20px; }
h2 { clear:both; }
#Kx a { font-size:1.1em; }
h1 { clear:both; padding-top:20px; }
.Navigation { margin-bottom:20px; }
.location,.roomtype { color:#652E68; font-size:1rem; margin:0; }
.roomtype { color:#333; font-size:.8rem; margin-top:.3em; }
.price { font-size:.9rem; font-weight:bold; margin-bottom:1em; }
.preflabel { font-size:1.1em;  }
.date-picker-wrapper .apply-btn { line-height:normal; }
.plain-input-wrapper .row { margin:1em 0; }
.plain-input-wrapper label { font-size:1.2em; line-height:3; }
textarea.form-control { height:8em; margin-bottom:2em; }
.TextCount-Label { bottom:9px; right:20px; }
body .date-picker-wrapper .month-wrapper table .day.checked { background-color: rgba(101,46,104,.2); }
body .date-picker-wrapper .drp_top-bar .apply-btn { border-radius:0; }

li.notavailable {color: grey !important; text-decoration: line-through;}

/*Client feedback amends - 08/07/2015*/
.sticky.Iamsticky { width:238px; }
.row label { font-size:.75rem; }
/** SC Inductions **/
.inductionQuestion { display: block; margin-bottom: 15px; margin-left: 30px; }
.inductionQuestion td { padding: 5px 0px; }
.inductionQuestion input { margin: 5px; }
.inductionQuestion label { color: #333; font-size: 1.2em !important; }
.progress { margin: 0px !important; }
.QuestionsError { background-color: #f2dede; border: 1px solid #eed3d7; color: #b94a48; display: block; padding: 8px 35px 8px 14px; width: 100%; }

.paymentOptions { color: #333; font-size: 1.2em; }
.paymentOptions input { margin: 5px; }

.arrivalSlots .table { border: 1px; font-size: 1.2em; }
.arrivalSlots .table tr:first-child { background-color: #555; color: #fff; font-weight: bold; }
.arrivalSlots .table tr:first-child td { cursor: default; }
.arrivalSlots .table tr td span, .arrivalSlots .table tr td span input { display: inline-block; width: 100%; }
.arrivalSlots .table tr td input:hover { cursor: pointer; }

.ui-accordion-content { position: relative; padding: 0px !important; }
.hubTitle { background-color: #652e68; border: 1px solid #fff; color: #fff; display: block; margin: 0px; padding: 5px; width: 100%; }
.hubPanel { display: block; padding: 10px; width: 100%; }
.hubPanel .button-align-bottom { margin-bottom: 15px; }
.hubPanel input { width: 95%; }

.btnDisabled { background-color: #555; cursor: not-allowed !important; }
.btnDisabled:hover { text-decoration: none; }

.RoomMovePrefs { margin-bottom: 20px; }
.RoomMovePrefs label { color: #333; display: inline-block; font-size: 1.1em; margin-bottom: 10px; width: 20%; } 
.RoomMovePrefs select { display: inline-block; padding: 3px; width: 60%; } 
.RoomMovePrefs input[type="text"] { display: inline-block; padding: 3px; width: 60%; } 
.RequestTextArea { font-family: Verdana,​Arial,​Helvetica,​Sans Serif; font-size: 1.1em; padding: 5px; resize: none; width: 100%; }

.ui-accordion .ui-accordion-header { background: #9c8ec3; color: #000;}


/** SC Requests **/
textarea.requestDetails { resize: none; width: 100%; }
.requestDetails input { margin: 3px; }
.requestDetails label { color: #333; font-size: 1.2em; padding: 2px; }
.requestDetails label:hover { cursor: pointer; }
.maintReason, select.requestDetails { padding: 3px; width: 40%; }

.KxError { background-color: #f2dede; border: 1px solid #eed3d7; color: #b94a48; padding: 3px; }
table.KxError label { color: #b94a48; }

.reviewRequests tr { border: 1px solid #ddd; }
.reviewRequests td:first-child { vertical-align: middle; width: 30%; }
.reviewRequests h2 { text-align: center; margin: 0px; padding: 0px; }
.browseBtn { border: 2px solid #652e68; padding: 5px; } 


/* ARRIVAL PASS BRAND COLOURS ------------------------------ */

/* AreaID 7 Lord Mayor's Walk */
.ArrivalPassType7 .ArrivalPass .arrival-left h2 { color: #a1cd3a;}
.ArrivalPassType7 .ArrivalPass a { color: #a1cd3a!important; }
.ArrivalPassType7 .ArrivalPass { border: 8px solid #a1cd3a; }
.ArrivalPassType7 .ArrivalPass .columns.arrival-right h3 { color: #1f2557 }
.ArrivalPassType7 .ArrivalPass .columns.arrival-pass { background: #a1cd3a; }
.ArrivalPassType7 .ArrivalPass .columns.address { background: #a1cd3a; } 
.ArrivalPassType7 .ArrivalPass .columns.logo { background: #a1cd3a; } 
.ArrivalPassType7 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #a1cd3a; }

/* AreaID 6 Limes Court */
.ArrivalPassType6 .ArrivalPass .arrival-left h2 { color: #f68026;}
.ArrivalPassType6 .ArrivalPass a { color: #f68026!important; }
.ArrivalPassType6 .ArrivalPass { border: 8px solid #f68026; }
.ArrivalPassType6 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType6 .ArrivalPass .columns.arrival-pass { background: #f68026; }
.ArrivalPassType6 .ArrivalPass .columns.address { background: #f68026; } 
.ArrivalPassType6 .ArrivalPass .columns.logo { background: #f68026; } 
.ArrivalPassType6 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #f68026; }

/* AreaID 2 City Residence */
.ArrivalPassType2 .ArrivalPass .arrival-left h2 { color: #9c8ec3;}
.ArrivalPassType2 .ArrivalPass a { color: #9c8ec3!important; }
.ArrivalPassType2 .ArrivalPass { border: 8px solid #9c8ec3; }
.ArrivalPassType2 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType2 .ArrivalPass .columns.arrival-pass { background: #9c8ec3; }
.ArrivalPassType2 .ArrivalPass .columns.address { background: #9c8ec3; } 
.ArrivalPassType2 .ArrivalPass .columns.logo { background: #9c8ec3; } 
.ArrivalPassType2 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #9c8ec3; }

/* AreaID 8 Percy's Lane */
.ArrivalPassType8 .ArrivalPass .arrival-left h2 { color: #36c3de;}
.ArrivalPassType8 .ArrivalPass a { color: #36c3de!important; }
.ArrivalPassType8 .ArrivalPass { border: 8px solid #36c3de; }
.ArrivalPassType8 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType8 .ArrivalPass .columns.arrival-pass { background: #36c3de; }
.ArrivalPassType8 .ArrivalPass .columns.address { background: #36c3de; } 
.ArrivalPassType8 .ArrivalPass .columns.logo { background: #36c3de; } 
.ArrivalPassType8 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #36c3de; }

/* AreaID 1 St John Central */
.ArrivalPassType1 .ArrivalPass .arrival-left h2 { color: #d31b59;}
.ArrivalPassType1 .ArrivalPass a { color: #d31b59!important; }
.ArrivalPassType1 .ArrivalPass { border: 8px solid #d31b59; }
.ArrivalPassType1 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType1 .ArrivalPass .columns.arrival-pass { background: #d31b59; }
.ArrivalPassType1 .ArrivalPass .columns.address { background: #d31b59; } 
.ArrivalPassType1 .ArrivalPass .columns.logo { background: #d31b59; } 
.ArrivalPassType1 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #36c3de; }

/* AreaID 3 The Grange */
.ArrivalPassType3 .ArrivalPass .arrival-left h2 { color: #72c6a2;}
.ArrivalPassType3 .ArrivalPass a { color: #72c6a2!important; }
.ArrivalPassType3 .ArrivalPass { border: 8px solid #72c6a2; }
.ArrivalPassType3 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType3 .ArrivalPass .columns.arrival-pass { background: #72c6a2; }
.ArrivalPassType3 .ArrivalPass .columns.address { background: #72c6a2; } 
.ArrivalPassType3 .ArrivalPass .columns.logo { background: #72c6a2; } 
.ArrivalPassType3 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #36c3de; }

/* AreaID 4 The Grange (International Hall) */
.ArrivalPassType4 .ArrivalPass .arrival-left h2 { color: #72c6a2;}
.ArrivalPassType4 .ArrivalPass a { color: #72c6a2!important; }
.ArrivalPassType4 .ArrivalPass { border: 8px solid #72c6a2; }
.ArrivalPassType4 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType4 .ArrivalPass .columns.arrival-pass { background: #72c6a2; }
.ArrivalPassType4 .ArrivalPass .columns.address { background: #72c6a2; } 
.ArrivalPassType4 .ArrivalPass .columns.logo { background: #72c6a2; } 
.ArrivalPassType4 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #36c3de; }

/* AreaID 10 UMH */
.ArrivalPassType10 .ArrivalPass .arrival-left h2 { color: #c2531b;}
.ArrivalPassType10 .ArrivalPass a { color: #c2531b!important; }
.ArrivalPassType10 .ArrivalPass { border: 8px solid #c2531b; }
.ArrivalPassType10 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType10 .ArrivalPass .columns.arrival-pass { background: #c2531b; }
.ArrivalPassType10 .ArrivalPass .columns.address { background: #c2531b; } 
.ArrivalPassType10 .ArrivalPass .columns.logo { background: #c2531b; } 
.ArrivalPassType10 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #36c3de; }

/* AreaID 9 Student Castle */
.ArrivalPassType9 .ArrivalPass .arrival-left h2 { color: #aba097;}
.ArrivalPassType9 .ArrivalPass a { color: #aba097!important; }
.ArrivalPassType9 .ArrivalPass { border: 8px solid #aba097; }
.ArrivalPassType9 .ArrivalPass .columns.arrival-right h3 { color: #ffffff }
.ArrivalPassType9 .ArrivalPass .columns.arrival-pass { background: #aba097; }
.ArrivalPassType9 .ArrivalPass .columns.address { background: #aba097; } 
.ArrivalPassType9 .ArrivalPass .columns.logo { background: #aba097; } 
.ArrivalPassType9 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid { background: #36c3de; }

@media print {

    .ArrivalPassType7 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-type1.png); }
    .ArrivalPassType7 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-type1.png); }
    .ArrivalPassType7 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #a1cd3a!important; }
    .ArrivalPassType7 .ArrivalPass { border: 5px solid #a1cd3a; }
    .ArrivalPassType7 .ArrivalPass .columns.arrival-pass *{ color: #1f2557!important; }
    
    .ArrivalPassType6 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-type2.png); }
    .ArrivalPassType6 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-type2.png); }
    .ArrivalPassType6 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #f68026!important; }
    .ArrivalPassType6 .ArrivalPass { border: 5px solid #f68026; }
    .ArrivalPassType6 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }    
    
    .ArrivalPassType2 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-Type2.png); }
    .ArrivalPassType2 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-Type2.png); }
    .ArrivalPassType2 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #9c8ec3!important; }
    .ArrivalPassType2 .ArrivalPass { border: 5px solid #9c8ec3; }
    .ArrivalPassType2 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }
    
    .ArrivalPassType8 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-Type8.png); }
    .ArrivalPassType8 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-Type8.png); }
    .ArrivalPassType8 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #36c3de!important; }
    .ArrivalPassType8 .ArrivalPass { border: 5px solid #36c3de; }
    .ArrivalPassType8 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }
    
    .ArrivalPassType1 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-Type1.png); }
    .ArrivalPassType1 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-Type1.png); }
    .ArrivalPassType1 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #d31b59!important; }
    .ArrivalPassType1 .ArrivalPass { border: 5px solid #d31b59; }
    .ArrivalPassType1 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }
    
    .ArrivalPassType3 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-Type3.png); }
    .ArrivalPassType3 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-Type3.png); }
    .ArrivalPassType3 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #72c6a2!important; }
    .ArrivalPassType3 .ArrivalPass { border: 5px solid #72c6a2; }
    .ArrivalPassType3 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }
    
    .ArrivalPassType4 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-Type3.png); }
    .ArrivalPassType4 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-Type3.png); }
    .ArrivalPassType4 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #72c6a2!important; }
    .ArrivalPassType4 .ArrivalPass { border: 5px solid #72c6a2; }
    .ArrivalPassType4 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }
    
    .ArrivalPassType10 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-Type10.png); }
    .ArrivalPassType10 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-Type10.png); }
    .ArrivalPassType10 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #c2531b!important; }
    .ArrivalPassType10 .ArrivalPass { border: 5px solid #c2531b; }
    .ArrivalPassType10 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }
    
    .ArrivalPassType9 .ArrivalPass .columns.arrival-pass:before { content: url(../../images/arrival-pass-bg-print-Type9.png); }
    .ArrivalPassType9 .ArrivalPass.VehiclePass .columns.arrival-zone h3 .arrival-zoneid:before { content: url(../../images/arrival-zoneid-bg-print-Type9.png); }
    .ArrivalPassType9 .ArrivalPass .arrival-left h2, .ArrivalPass .arrival-left h2 * { color: #aba097!important; }
    .ArrivalPassType9 .ArrivalPass { border: 5px solid #aba097; }
    .ArrivalPassType9 .ArrivalPass .columns.arrival-pass *{ color: #ffffff!important; }
}

