/*
    Document   : sidebar
    Created on : 16.08.2012, 16:19:32
    Author     : darius.daniali
    Description:
        Purpose of the stylesheet follows.
*/

/* Sidebar */

#SidebarContainer {
    /*background: -moz-linear-gradient(top, rgb(234,227,214) 0%, rgb(102,122,120) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(234,227,214)), color-stop(100%,rgb(102,122,120)));
    background: -webkit-linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    background: -o-linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    background: -ms-linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    background: linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAE3D6', endColorstr='#667A78',GradientType=0 );*/
    background: #000000;
    float: right;
    height: 110px;
    position: absolute;
    width: 100%;
	z-index:995;
	bottom:0;
	color:#ffffff
}
#Sidebar2Container {
    /*background: -moz-linear-gradient(top, rgb(234,227,214) 0%, rgb(102,122,120) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(234,227,214)), color-stop(100%,rgb(102,122,120)));
    background: -webkit-linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    background: -o-linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    background: -ms-linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    background: linear-gradient(top, rgb(234,227,214) 0%,rgb(102,122,120) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAE3D6', endColorstr='#667A78',GradientType=0 );*/
    background: #ff6600;
    float: right;
    height: 110px;
    position: absolute;
    width: 100%;
	z-index:995;
	bottom:20%;
	color:#ffffff
}
#SidebarInfoContainer {
    margin: 190px 15px 0;
    margin-top: 0px;
    overflow-x: auto;
    padding: 10px 20px;
}
#SidebarInfo2Container {
    margin: 190px 15px 0;
    margin-top: 0px;
    overflow-x: auto;
    padding: 10px 20px;
}
.districtInfoText {
    display: none;
    font: 12px/16px Arial, Helvetica, sans-serif;
    text-align: left;
    /*letter-spacing: -1px; */
}
.districtInfoText > ul {
    list-style-type: none;
    padding: 30px 0 0;
}
.districtInfoText strong {
    color: #a49660;
    display: block;
    font-weight: normal;
}


.districtInfo2Text {
    display: none;
    font: 12px/16px Arial, Helvetica, sans-serif;
    text-align: left;
    /*letter-spacing: -1px; */
}
.districtInfo2Text > ul {
    list-style-type: none;
    padding: 30px 0 0;
}
.districtInfo2Text strong {
    color: #a49660;
    display: block;
    font-weight: normal;
}




#SidebarWheelContainer {
    height: 160px;
    margin: 0 15px;
    position: absolute;
    top: 0px;
    width: 260px;
	z-index:366;
	right:20px
}
#SidebarWheelContainer > .btnUp,
#SidebarWheelContainer > .btnDn {
    background: url('../img/btn_dist_navigation.png') center center no-repeat;
    border: 1px solid rgba(82,83,83, 0.5);
    height: 20px;
    left: 50%;
    margin-left: -40%;
    overflow: hidden;
    position: absolute;
    text-indent: -9000px;
    top: -8px;
    width: 80%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
#SidebarWheelContainer > .btnUp {
    bottom: -8px;
    top: auto;
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}

#DistrictWheel {
    background: url('../img/districtwheel_ie9_bg.png') repeat-x; /* IE9 */
    background: -moz-linear-gradient(top, /* FF3.6+ */
        rgba(82,83,83, 0.8)   0px,
        rgba(82,83,83, 0)    40px,
        rgb(255,255,255)     40px,
        rgb(223,218,206)     41px,
        rgb(179,183,174)     79px,
        rgb(255,255,255)     80px,
        rgba(82,83,83, 0)    80px,
        rgba(82,83,83, 0.8) 120px
    );
    background: -webkit-linear-gradient(top, /* Chrome10+,Safari5.1+ */
        rgba(82,83,83, 0.8)   0px,
        rgba(82,83,83, 0)    40px,
        rgb(255,255,255)     40px,
        rgb(223,218,206)     41px,
        rgb(179,183,174)     79px,
        rgb(255,255,255)     80px,
        rgba(82,83,83, 0)    80px,
        rgba(82,83,83, 0.8) 120px
    );
    background: -o-linear-gradient(top, /* Opera 11.10+ */
        rgba(82,83,83, 0.8)   0px,
        rgba(82,83,83, 0)    40px,
        rgb(255,255,255)     40px,
        rgb(223,218,206)     41px,
        rgb(179,183,174)     79px,
        rgb(255,255,255)     80px,
        rgba(82,83,83, 0)    80px,
        rgba(82,83,83, 0.8) 120px
    );
    background: -ms-linear-gradient(top, /* IE10+ */
        rgba(82,83,83, 0.8)   0px,
        rgba(82,83,83, 0)    40px,
        rgb(255,255,255)     40px,
        rgb(223,218,206)     41px,
        rgb(179,183,174)     79px,
        rgb(255,255,255)     80px,
        rgba(82,83,83, 0)    80px,
        rgba(82,83,83, 0.8) 120px
    );
    background: linear-gradient(top, /* W3C */
        rgba(82,83,83, 0.8)   0px,
        rgba(82,83,83, 0)    40px,
        rgb(255,255,255)     40px,
        rgb(223,218,206)     41px,
        rgb(179,183,174)     79px,
        rgb(255,255,255)     80px,
        rgba(82,83,83, 0)    80px,
        rgba(82,83,83, 0.8) 120px
    );

    height: 120px;
    margin-top: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
#DistrictWheel .carouselItem,
#DistrictWheel .carouselItem:hover {
    border: 1px solid transparent;
    border-width: 1px 0;
    color: #000;
    height: 36px;
    position: absolute;
    text-decoration: none;
    width: 260px;
}
#DistrictWheel .carouselItem.selected {
/*    background: -moz-linear-gradient(top, rgb(223,218,206) 0%, rgb(179,183,174) 100%);  FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(223,218,206)), color-stop(100%, rgb(179,183,174)));  Chrome,Safari4+
    background: -webkit-linear-gradient(top, rgb(223,218,206) 0%, rgb(179,183,174) 100%);  Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, rgb(223,218,206) 0%, rgb(179,183,174) 100%);  Opera 11.10+
    background: -ms-linear-gradient(top, rgb(223,218,206) 0%, rgb(179,183,174) 100%);  IE10+
    background: linear-gradient(top, rgb(223,218,206) 0%, rgb(179,183,174) 100%);  W3C
    border-color: #fff;*/
}
.districtItemContent {
    display: table-cell;
    font: 16px/18px Arial, Helvetica, sans-serif;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 260px;
}

.buttonMiddle {
    background: #3d3d3d;
    background: -moz-linear-gradient(top, rgb(95,94,94) 0%, rgb(30,29,29) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(95,94,94)), color-stop(100%,rgb(30,29,29))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(95,94,94) 0%,rgb(30,29,29) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(95,94,94) 0%,rgb(30,29,29) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(95,94,94) 0%,rgb(30,29,29) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(95,94,94) 0%,rgb(30,29,29) 100%); /* W3C */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

    bottom: 45px;
    display: block;
    font: 11px/22px Arial, Helvetica, sans-serif;
    height: 22px;
    position: absolute;
    text-transform: uppercase;
}
#ButtonSmartCity {
    top: 0px;
    width: 86px;
	right:365px;
	z-index:125
}
#Button3DBuilding {
    top: 0px;
    width: 90px;
	right:455px;
	z-index:125
}

.buttonBottom {
    /*background: #535454;
    background: -moz-linear-gradient(top, rgb(41,41,41) 0%, rgb(112,112,112) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(41,41,41)), color-stop(100%,rgb(112,112,112))); /* Chrome,Safari4+ */
   /* background: -webkit-linear-gradient(top, rgb(41,41,41) 0%,rgb(112,112,112) 100%); /* Chrome10+,Safari5.1+ */
   /* background: -o-linear-gradient(top, rgb(41,41,41) 0%,rgb(112,112,112) 100%); /* Opera 11.10+ */
  /*  background: -ms-linear-gradient(top, rgb(41,41,41) 0%,rgb(112,112,112) 100%); /* IE10+ */
    /*background: linear-gradient(top, rgb(41,41,41) 0%,rgb(112,112,112) 100%); /* W3C */

    bottom: 113px;
    height: 27px;
    position: absolute;
    width: 27px;
}
.buttonBottom > .icon {
   
    height: 30px;
    margin: 3px 0 4px;
}
#Buttonkonut {
  
    left: 35px;
    width: 27px;
	height:27px
}
#Buttonkonut > .icon {
     background: url('../img/icon_r2_c2.png');height:30px
}
#Buttonkonut.active > .icon {
     background: url('../img/icon_r4_c2.png');
}
#Buttoncami {
    left: 65px;
    width: 27px;
}
#Buttoncami > .icon {
    background: url('../img/icon_r2_c4.png');height:30px
}
#Buttoncami.active > .icon {
    background: url('../img/icon_r4_c4.png');
}
#Buttonegitim {
    left: 95px;
    width: 27px;
}
#Buttonegitim > .icon {
    background: url('../img/icon_r2_c6.png');height:30px
}
#Buttonegitim.active > .icon {
    background: url('../img/icon_r4_c6.png');
}
#Buttonsaglik {
    left: 125px;
    width: 27px;
}
#Buttonsaglik > .icon {
    background: url('../img/icon_r2_c8.png');height:30px
}
#Buttonsaglik.active > .icon {
    background: url('../img/icon_r4_c8.png');
}
#Buttonnewshop {
    left: 155px;
    width: 27px;
}
#Buttonnewshop > .icon {
    background: url('../img/icon_r2_c10.png');height:30px
}
#Buttonnewshop.active > .icon {
    background: url('../img/icon_r4_c10.png');
}


#Buttonyol {
   
    left: 215px;
    width: 27px;
}
#Buttonyol > .icon {
    background: url('../img/icon_r2_c14.png');height:30px
}
#Buttonyol.active > .icon {
    background: url('../img/icon_r4_c14.png');
}



#Buttonsosyal {
    left: 280px;
    width: 27px;
}
#Buttonsosyal > .icon {
    background: url('../img/icon_r2_c18.png');height:30px
}
#Buttonsosyal.active > .icon {
    background: url('../img/icon_r4_c18.png');
}



/* New district selector by dropdown */
#district-selector{
    width: 260px;
    font-size: 16px;
}