﻿/* search results */
.other-locations-title {
    font-family: Vibur, Arial, Helvetica;
    font-size: 32px;
    font-weight: bold;
    margin: auto;
    width: 100%;
    color: #062d44;
    margin-left: 10px;
    display:block;
}

.currentPage {
    font-weight: bold;
    border: 2px solid grey;
    color: #333333;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #b2b2b2;
    font-size: 24px;
}

.otherPage {
    border: 1px solid grey;
    color: #333333;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #e8e3e3;
    font-size: 18px;
}

.otherPage a {
    text-decoration: none;
}

.otherPage {

}

.pageContainer {
    float:right;
    display:inline-block;
    margin-top: 15px;
    text-align:center;
}



.searchResultsSection {
	background:  url("/images/schools/searchResultsTopBackground.jpg"),url("/images/schools/orangeBorderTop.jpg"), url("/images/schools/patternRecommendedSchool.jpg");
	background-position: 0 0, 0 897px, center bottom;
	background-repeat: repeat-x, repeat-x, repeat;
	/*border-bottom: 8px solid #ffca3c;*/
	position: relative;
	font-family: Vibur, Arial, Helvetica;
	min-height: 1300px;

}

.searchResultsSection-header, .searchResultsSection-footer {
    /*position:absolute;*/
    width: 1090px;
    margin-left: auto;
    margin-right: auto;
    color: #333333;
    margin-bottom: 10px;
}

.searchResultsSection-footer
{
    margin-top: -30px;
    overflow:hidden;
    margin-bottom: 0px;
}

    .counter-centers {
        font-family: Vibur, Arial, Helvetica;
        font-size: 32px;
        font-weight: bold;
    }

.searchResultsSection-bottom {
	position:absolute;
	background: #fcfeff;
	background: -moz-linear-gradient(bottom, rgba(255,190,60,1) 0%, rgba(255,193,60, 0.75) 20%, rgba(255,196,60,0.75) 40%, rgba(255,198,60, 0.5) 60%, rgba(255, 200, 60, 0.25) 80%, rgba(255, 201, 60, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,190,60,1)),color-stop(20%, rgba(255,193,60, 0.75)),color-stop(40%, rgba(255,196,60,0.75)), color-stop(60%, rgb(255,198,60, 0.5)), color-stop(80%, rgba(255, 200, 60, 0.25)), color-stop(100%, rgba(255, 201, 60, 0.25)));
	background: -webkit-linear-gradient(bottom, rgba(255,190,60,1) 0%, rgba(255,193,60, 0.75) 20%, rgba(255,196,60,0.75) 40%, rgba(255,198,60, 0.5) 60%, rgba(255, 200, 60, 0.25) 80%, rgba(255, 201, 60, 0) 100%);
	background: -o-linear-gradient(bottom, rgba(255,190,60,1) 0%, rgba(255,193,60, 0.75) 20%, rgba(255,196,60,0.75) 40%, rgba(255,198,60, 0.5) 60%, rgba(255, 200, 60, 0.25) 80%, rgba(255, 201, 60, 0) 100%);
	background: -ms-linear-gradient(bottom, rgba(255,190,60,1) 0%, rgba(255,193,60, 0.75) 20%, rgba(255,196,60,0.75) 40%, rgba(255,198,60, 0.5) 60%, rgba(255, 200, 60, 0.25) 80%, rgba(255, 201, 60, 0) 100%);
	background: linear-gradient(to bottom, rgba(255,190,60,1) 0%, rgba(255,193,60, 0.75) 20%, rgba(255,196,60,0.75) 40%, rgba(255,198,60, 0.5) 60%, rgba(255, 200, 60, 0.25) 80%, rgba(255, 201, 60, 0) 100%);
	top: 935px;
	left: 0;
	right: 0;
	bottom: 0;	
}

.searchResultsList, .locationsList {
	width: 100%;
	height: auto;
	padding-bottom: 34px;
    
}

.other-locations-menu {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    float:left;

}

.other-locations-menu li {
    width: 25%;
    float: left;
}

.other-locations-menu li a {
    text-decoration: none;
    font-size: 18px;
}

.other-locations-menu li a:hover {
    cursor: pointer;
}

.searchResult-item {
	width: 1090px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #ffd4d4;
	border-right: 1px solid #ffd4d4;
	position: relative;
	z-index: 40;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*overflow: hidden;*/
    margin-bottom: 34px;
}

.searchResult-item-header-highlighted {
	min-height: 70px;
	height: auto;
	background-color: #ffd4d4;
	width: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	position: relative;
}

.searchResult-item-header-no-highlighted {
	min-height: 70px;
	height: auto;
	background-color: #beeef8;
	width: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	position: relative;
}

.searchResult-item-header-highlighted > h2.searcResult-item-center-name {
	margin-left: 200px;
	font-size: 40px;
	color: #062d44;
	font-family: Vibur, Arial, Helvetica;
	margin-top: 6px;
	width: 632px;
	display: inline-block;
	margin-bottom: 0px;
    font-weight: bold;
}

.searchResult-item-header-no-highlighted > h2.searcResult-item-center-name {
	margin-left: 20px;
	font-size: 40px;
	color: #062d44;
	font-family: Vibur, Arial, Helvetica;
	margin-top: 6px;
	width: 632px;
	display: inline-block;
	margin-bottom: 0px;
    font-weight: bold;
}

.item-detailedInfo-rightPanel{
    display: none;
}

.center-highlighted {
	position:absolute;
	background-color: #e70d8d;
	top: 169px;
	left: -37px;
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-ms-transform-origin: left top 0;
	-moz-transform-origin: left top 0;
	-webkit-transform-origin: left top 0;
	transform-origin: left top 0;
	
	float: left;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    
}



img.searchResult-item-center-logo {
	position:absolute;
	top:20px;
	left: 20px;
	width: 151px;
	height: 151px;
	border: 1px solid #9cd3ca
}

img.paySubscription {
    top: 82px;
}

.searchResult-item-profile-btn
{
	display: inline-block;
	color: #FFFFFF;
	background-color: #00b6d7;
	width: 148px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 19px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	margin-right: 20px;
	height: 13px;
	margin-top: 9px;
	float:right;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.searchResult-item-marks {
	color: #016dd2;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	float:right;
	margin-right: 20px;
	border-right: 2px solid #016dd2;
	margin-top: 25px;
	padding-right: 20px;
	cursor: pointer;
}

.searchResult-item-info-container{
	background-color: #FFFFFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.searchResult-item-basicInfo {
	margin-left: 200px;
	min-height: 170px;
	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 20px;
}

.searchResult-item-basicInfo ul, .searchResult-item-nohighlighted-basicInfo ul {
	float:left;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	width: 100%;
}

/*.searchResult-item-basicInfo ul li, .searchResult-item-nohighlighted-basicInfo ul li {
	width: 33%;
	display: list-item;
	float: left;

}*/

.searchResult-item-basicInfo ul li:first-child, .searchResult-item-nohighlighted-basicInfo ul li:first-child {
	width: 22%;
	display: list-item;
	float: left;

}

.searchResult-item-basicInfo ul li:nth-child(2), .searchResult-item-nohighlighted-basicInfo ul li:nth-child(2) {
	width: 39%;
	display: list-item;
	float: left;

}

.searchResult-item-basicInfo ul li:nth-child(3), .searchResult-item-nohighlighted-basicInfo ul li:nth-child(3) {
	width: 39%;
	display: list-item;
	float: left;

}

.searchResult-item-mapInfo {
	width: 100%;
	background-color: #f8f8f8;
	min-height: 200px;
	border-bottom: 1px solid #ffd4d4;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	display: none;
}

.searchResult-item-marksInfo {
	width: 100%;
	background-color: #f8f8f8;
	min-height: 40px;
	border-bottom: 1px solid #ffd4d4;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	display: none;
}

.searchResult-item-detailedInfo {
	width: 100%;
	background-color: #f8f8f8;
	min-height: 40px;
	border-bottom: 1px solid #ffd4d4;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}


.searchResult-item-detailedInfo-leftPanel {
	padding-top: 20px;
	margin-right: 20px;
	width: 258px;
	float:left;
	
}

.searchResult-item-detailedInfo-leftPanel ul {
	width: 218px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	color: #062d44;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}

.item-detailedInfo-selected {
	background-color: #d0e270;
	height: 52px;
	border-left: 8px solid #aaca02;
	position: relative;
	margin-bottom: 2px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.item-detailedInfo-noselected {
	background-color: #e9e9e9;
	height: 52px;
	position: relative;
	margin-bottom: 2px;
	cursor: pointer;
}

.detailedInfo-selected-arrow {
	position:absolute;
	right: -9px;
	top: 18px;
	background-image: url("/images/schools/detailedInfo-selected.png");
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
}

.timetable-header-selected {
	background:  url("/images/schools/timetable-icon-green.png"); 
	background-position: 38px 14px;
	background-repeat: no-repeat;
	padding-left: 38px;
	padding-top: 13px;
	padding-bottom: 13px;
	display: block;
}


.timetable-header-noselected {
	background:  url("/images/schools/timetable-icon-grey.png"); 
	background-position: 46px 14px;
	background-repeat: no-repeat;
	padding-left: 46px;
	padding-top: 13px;
	padding-bottom: 13px;
	display: block;	
}

.languages-header-selected {
	background:  url("/images/schools/language-icon-green.png"); 
	background-position: 38px 14px;
	background-repeat: no-repeat;
	padding-left: 38px;
	padding-top: 13px;
	padding-bottom: 13px;
	display: block;
}

.languages-header-noselected {
	background:  url("/images/schools/language-icon-grey.png"); 
	background-position: 49px 14px;
	background-repeat: no-repeat;
	padding-left: 49px;
	padding-top: 13px;
	padding-bottom: 13px;
	display: block;	
}

.meal-header-selected {
	background:  url("/images/schools/meal-icon-green.png"); 
	background-position: 38px 14px;
	background-repeat: no-repeat;
	padding-left: 38px;
	padding-top: 13px;
	padding-bottom: 13px;
	display: block;		
}

.meal-header-noselected {
	background:  url("/images/schools/meal-icon-grey.png"); 
	background-position: 49px 14px;
	background-repeat: no-repeat;
	padding-left: 49px;
	padding-top: 13px;
	padding-bottom: 13px;
	display: block;		
}

.otherinfo-header-selected, .otherinfo-header-noselected  {
	padding-left: 2px;
	padding-top: 13px;
	padding-bottom: 13px;
	display: block;		
}

.item-detailedInfo-selected span text, .item-detailedInfo-noselected span text {
	color: #062d44;
	font-family: Arial;
	font-size:14px;
	font-weight: bold;
	padding-left: 45px;
}

.item-detailedInfo-languages {
	height: 52px;
}

.item-detailedInfo-meal {
	height: 52px;
}

.searchResult-item-detailedInfo-rightPanel {
	margin-left: 280px;
	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;	
    margin-top: 40px;
    margin-bottom: 20px;
}

.detailInfo-content {
	color: #062d44;
	font-size: 15px;
	font-family: Arial;
	display: block;
}

.detailInfo-content-tab {
	padding-left: 20px;
}

.detailInfo-content-notab {
	padding-left: 0px;
}

.detailInfo-content-subcategory {
	color: #062d44;
	font-size: 17px;
	font-family: Arial;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.centersOtherLocations {
    background: url(/images/schools/patternRecommendedSchool.jpg);
    background-position: center bottom;
    background-repeat: repeat;
    /* border-bottom: 8px solid #ffca3c; */
    position: relative;
    font-family: Vibur, Arial, Helvetica;
    /*min-height: 1300px;*/
    height: auto;
}

.locations-separator {
    border-top: 3px solid #ffffff;
    overflow: hidden;
}

.arrow-right {
    display: inline-block;
    margin-top: 4px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid orange;
}

@media (max-width: 1040px) and (min-width: 768px) {
    .center-highlighted {
	    position:absolute;
	    background-color: #e70d8d;
	    top: -36px;
	    left: 20px;

	    -ms-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -ms-transform-origin: top right 0;
	    -moz-transform-origin: top right 0;
	    -webkit-transform-origin: top right 0;
	    transform-origin: top right 0;
	
	    float: left;
        color: #FFFFFF;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        padding: 10px;
    
    }
}


@media (min-width: 0px) and (max-width: 660px)
{
    .searchResult-item-header-highlighted > h2.searcResult-item-center-name, .searchResult-item-header-no-highlighted > h2.searcResult-item-center-name {
        width: 100%;
        margin-left: 0px;
    }
}

@media (min-width: 580px) and (max-width: 660px) {
    .searchResult-item-header-highlighted > h2.searcResult-item-center-name, .searchResult-item-header-no-highlighted > h2.searcResult-item-center-name {
        margin-left: 0px;
    }
}

@media (min-width: 580px) and (max-width: 1200px){
    img.searchResult-item-center-logo{
		top: 82px;
		z-index: 1;
    }

    img.searchResult-item-center-logo-noheader {
        display: block;
    }

    /*.searchResult-item-header-highlighted > h2.searcResult-item-center-name, .searchResult-item-header-no-highlighted > h2.searcResult-item-center-name{
        margin-left: 20px;
    }*/

    .searchResult-item-info-container {
        position: relative;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .searchResultsSection, .centersOtherLocations, .other-locations-menu {
        width: 100%;
    }

    .searchResult-item, .searchResultsSection-header, .searchResultsSection-footer {
        width: 940px;
    }

    .searchResultsSection-header, .searchResultsSection-footer {
        margin-bottom: 38px;
    }



}

@media (min-width: 768px) and (max-width: 992px) {

    .searchResultsSection, .centersOtherLocations {
        width: 100%;
    }

    .searchResult-item, .searchResultsSection-header, .searchResultsSection-footer, .other-locations-menu {
        width: 100%;
        margin-bottom:40px;
    }


	.searchResult-item-header-highlighted > h2.searcResult-item-center-name, .searchResult-item-header-no-highlighted > h2.searcResult-item-center-name {
        width: 740px;
    }

}

@media (max-width: 840px){
    
    .searchResult-item-basicInfo ul li:nth-child(n), .searchResult-item-nohighlighted-basicInfo ul li:nth-child(n) {
        width: 100%;
        float: none;
    }

    div.item-info p {
        display: inline;
    }

    .searchResult-item-profile-btn {
        position: absolute;
        bottom: -48px;
        z-index: 1000;
        border-radius: 0px;
        right: 2px;
        margin-right: 0px;
        font-size: 14px;
    }

    .searchResult-item-marks {
        color: #FFFFFF;
        background-color: #00b6d7;
        padding-top: 16px;
        padding-bottom: 19px;
        font-size: 16px;
        font-weight: bold;
        position:absolute;
        bottom: -48px;
        z-index: 1000;
        border-right: none;
        right: 160px;
        height: 13px;
        box-sizing: content-box;
        margin-right: 0px;
        font-size:14px;
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    .searchResultsSection, .centersOtherLocations {
        width: 100%;
    }

    .searchResult-item, .searchResultsSection-header, .searchResultsSection-footer, .other-locations-menu {
        width: 100%;
    }

    .other-locations-menu li {
        width: 50%;
    }

    h2.searcResult-item-center-name {
        width: auto;
    }

    .center-highlighted{
        top: 70px;
        z-index:2;
        transform: none;
        left: 20px;
    }

    img.searchResult-item-center-logo {
        top: 120px;
        z-index: 1;
    }

    .searchResult-item-detailedInfo-leftPanel {
        width: 200px;
    }

    .searchResult-item-detailedInfo-leftPanel ul{
        width: 190px;
        padding-left: 2px;
    }

    .searchResult-item-detailedInfo-rightPanel{
        margin-left: 222px;
    }

    .pageContainer {
        display: block;
    }

}

@media (max-width: 520px){
    /*img.searchResult-item-center-logo-noheader {
	    position:absolute;
	    top:10px;
	    left: 20px;
	    width: 150px;
	    height: 150px;
	    border: 1px solid #9cd3ca;
        display: none;

    }*/


    .searchResult-item-marks {
        position:absolute;
        top: 270px;
        left:20px;
        text-align:center;
        width: 140px;
	    color: #FFFFFF;
	    font-size: 16px;
	    font-weight: bold;
	    font-family: Arial, Helvetica, sans-serif;
	    cursor: pointer;
    }

    .item-center-title {

    }

    .searchResult-item-profile-btn
    {
        position:absolute;
        top: 275px;
        left:20px;
	    color: #FFFFFF;
	    background-color: #00b6d7;
	    width: 150px;
	    font-size: 16px;
	    font-weight: bold;
	    font-family: Arial, Helvetica, sans-serif;
	    text-align: center;

    }

    .searchResult-item-detailedInfo-leftPanel {
        display: none;
    }

    .searchResult-item-detailedInfo-rightPanel{
        margin-left: 0px;
    }

    .item-detailedInfo-rightPanel {
        display: block;
    }



}

