/*Anasayfa*/




#MainContent_PanelInfo{
width:1000px;
min-height: 2300px;
margin-top:50px;
margin-left: 5%;
}

#MainContent_TextBoxAnotherFund, #MainContent_TextBoxWatermarkExtenderAnotherFund_ClientState, #MainContent_HiddenFieldAnotherFund, #MainContent_ButtonAddAnotherFund {
    display: none;
}

.main-content {
    display: inline-block;
    width: 690px;
    float: left;
}

.main-chart {
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
    margin-bottom: 10px;
}

#container1 {
}

.main-link {
    float: right;
}

    .main-link img {
        border: 1px solid #EFEFEF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        height: auto;
        background-color: #FFFFFF;
        color: #000000;
        box-shadow: 1px 3px 5px #DEDEDE;
        -moz-box-shadow: 1px 3px 5px #DEDEDE;
        -webkit-box-shadow: 1px 3px 5px #DEDEDE;
    }

    .main-link ul {
        margin: 4px 0 0 0;
        padding: 0;
        width: 300px;
    }

        .main-link ul li {
            list-style-type: none;
        }

            .main-link ul li.small {
                float: left;
                margin-right: 5px;
            }

    .main-link table img {
        width: 140px;
        height: 70px;
        border-style: none;
    }

    .main-link ul li a {
        display: block;
        margin-bottom: 0px;
    }

        .main-link ul li a img {
            border: 1px solid #EFEFEF;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.top-members, .top-funds {
    min-height: 120px;
    margin-bottom: 5px;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

.main-link .top-members ol li a:hover {
    text-decoration: none;
    cursor: default;
}

.main-link ol {
    margin: 5px 0 3px 0;
}

    .main-link ol li {
        color: Orange;
        font-size: 14px;
    }

        .main-link ol li a {
            color: #000000;
            text-decoration: none;
            display: block;
            padding: 1px 0;
        }

            .main-link ol li a:hover {
                text-decoration: underline;
            }

.main-link h2 {
    background: url('../Images/en-cok-artan.png') 5px 2px no-repeat #0F8BE9;
    padding: 5px 3px 5px 20px;
    font-size: 14px;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    margin: 0;
}

#content {
    width: 1000px;
    margin: 0 auto;
    min-height: 700px;
    max-width: 1000px;
    color: #000;
}

    #content h1 {
        margin: 20px 0;
        color: #000000;
        display: block;
        font-family: "Trebuchet MS";
        font-size: 24px !important;
        font-weight: normal;
        line-height: 28px;
        width: 420px;
        padding-right: 30px;
        position: relative;
        font-weight: normal !important;
    }

.fund-type {
    float: right;
    clear: right;
    margin-top: 25px;
}

.left {
    float: left
}

.right {
    float: right
}

h1.fund-analyse {
    padding-left: 32px;
    background: url('../Images/fon-analiz.png') no-repeat;
}

h1.fund-comparison {
    padding-left: 32px;
    width:fit-content !important;
    background: url('../Images/fon-karsilastir.png') no-repeat;
}

h1.historical-data {
    padding-left: 32px;
    width: fit-content !important;
    background: url('../Images/tarihsel-veri.png') no-repeat;
}

h1.dictionary {
    padding-left: 32px;
    background: url('../Images/terimler-sozluk.png') no-repeat;
}

h1.contact {
    padding-left: 32px;
    background: url('../Images/iletisim.png') no-repeat;
}

h1.announcement {
    padding-left: 32px;
    width: 900px !important;
    background: url('../Images/duyuru.png') no-repeat;
}

h1.fund-stats {
    padding-left: 32px;
    background: url('../Images/istatistik.png') no-repeat;
}

table.contact-table {
    font-size: 14px;
}

    table.contact-table h2 {
        margin: 0 0 10px 0;
        color: #0860AF;
    }

.fund-search {
    border: 1px solid silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 60px;
    padding: 10px;
    background-color: #3BA8FB;
    color: #000000;
    box-shadow: 1px 3px 5px #DEDEDE;
}

.fund-help {
    position: relative;
    display: inline-block;
    top: 10px;
}

    .fund-help:focus {
        outline: 0;
    }

.fund-list {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    background-color: White;
    padding: 5px;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
    clear: both;
}

    .fund-list li {
        clear: both;
        display: block;
        width: 100%;
        list-style-type: none;
        text-align: left;
    }

        .fund-list li:hover {
            background-color: #EDF1F6;
            clear: both;
            display: block;
            width: 100%;
            cursor: pointer;
        }

        .fund-list li a {
            font-size: 13px;
            padding: 5px;
            width: 100%;
            color: #000;
            text-decoration: none;
            display: block;
        }

            .fund-list li a:focus {
                outline: 0;
            }

.popup-bg {
    background-color: rgba(34,34,34,0.9);
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.popup-box {
    position: relative;
    top: 100px;
    left: 400px;
    color: #000;
    background: rgba(255,255,255,1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #B7C6D9;
    padding: 4px;
    line-height: 1.2;
    width: 800px;
    float: left;
    clear: both;
    text-align: left;
}

h3.fund-list-title {
    float: left;
    margin: 0;
    padding: 0 0 0 3px;
    font-weight: bold;
}

.button-close, .button-close:link, .button-close:visited {
    height: 24px;
    color: #000;
    text-transform: uppercase;
    right: 3px;
    top: 3px;
    font-size: 12px;
    z-index: 99999;
    border-radius: 3px;
    padding: 0 3px;
    cursor: pointer;
    background: #FFFFFF url('../Images/kapat.png') 0 0 no-repeat;
    padding-left: 16px;
    float: right;
    text-decoration: none;
    clear: right;
}

    .button-close:hover {
        text-decoration: underline;
    }

.fund-search-button, .fund-compare-button {
    cursor: pointer;
    color: #4c3900;
    color: rgba(76, 57, 0,.99);
    border: 1px solid #E7B901;
    padding: 7px 21px;
    margin: 5px auto 5px auto;
    text-decoration: none;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #FFFAAF inset, 0 1px 3px 0 rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 0 0 #FFFAAF inset, 0 1px 3px 0 rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 0 0 #FFFAAF inset, 0 1px 3px 0 rgba(0,0,0,.35);
    background: #FFF01B;
    background: -moz-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF01B), color-stop(100%, #FFC800));
    background: -webkit-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: -o-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: -ms-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: linear-gradient(to bottom, #FFF01B 0%, #FFC800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF01B', endColorstr='#FFC800', GradientType=0 );
}


/*.fund-search-button, .fund-compare-button:focus {
        outline: 0;
    }*/

.main-indicators {
    margin-top: 10px;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    padding: 10px;
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

    .main-indicators h2 {
        margin: 0 auto;
        display: block;
        text-align: center;
        width: 100%;
        color: #000000;
        display: block;
        font-family: "Trebuchet MS";
        font-size: 24px !important;
        font-weight: normal;
        line-height: 28px;
        font-weight: normal !important;
    }

    .main-indicators ul, .price-indicators ul {
        width: 100%;
        padding: 0;
        clear: both;
        font-size: 13px;
    }

    .main-indicators ul {
        display: block;
        height: 40px;
        text-align: center;
    }

        .main-indicators ul li, .price-indicators ul li {
            display: inline-block;
            list-style-type: none;
            padding: 0 14px;
            background: url('../Images/border-gray-gradient.jpg') top right no-repeat;
            text-align: center;
            height: 50px;
        }

            .main-indicators ul li:last-child, .price-indicators ul li:last-child {
                background: none;
            }

    .main-indicators ul {
        margin-top: 50px;
    }

        .main-indicators ul li {
            padding: 0 10px !important;
            vertical-align: top;
        }

            .main-indicators ul li span {
                color: #0860AF;
                font-weight: bold;
                display: block;
                height: 18px;
                margin-top: -10px;
            }

.price-indicators {
    margin: 10px 0;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 70px;
    padding: 5px;
    background-color: #FFFFFF;
    margin-top: 10px;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

    .price-indicators ul {
        margin-bottom: 20px;
        overflow: auto;
        display: block;
    }

        .price-indicators ul li {
            width: 210px;
        }

            .price-indicators ul li span {
                font-weight: bold;
                color: #0860AF;
            }

.fund-graph {
    margin: 10px 0;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

    .fund-graph h2 {
        margin: 10px 0 10px 10px;
        color: #0860AF;
    }

.fund-graph {
    margin: 10px 0;
    padding: 0;
    float: left;
    clear: both;
}

    .fund-graph li {
        float: left;
        list-style-type: none;
        margin-right: 10px;
    }

.fund-price-graph {
    margin-left: 1px;
}

.graph-period {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 10px 0 10px 10px;
    padding: 0;
    display: none;
    font-size: 13px;
}

    .graph-period input {
        cursor: pointer;
    }

    .graph-period label {
        margin-right: 10px;
        cursor: pointer;
    }

#container1 tspan {
    position: relative;
    z-index: 999;
}

.graph-degree {
    font-size: 13px;
    float: right;
    margin-right: 10px;
}

    .graph-degree b {
        color: #0860AF;
        font-weight: bold;
    }

.fund-details, .risk-graph, .fund-table, .fund-change {
    margin-top: 10px;
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    color: #666;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

.fund-details {
    overflow: auto;
}

.fund-profile {
    color: #000;
    float: left;
    width: 45%;
    margin: 10px 0 0 10px;
    font-size: 14px;
}

    .fund-profile h2, .fund-change h2 {
        margin: 0 0 10px 0;
        color: #0860AF;
    }

    .fund-profile table {
        border-collapse: collapse;
        border-style: none;
        border: 1px solid #EFEFEF;
        border-top-style: none;
    }

.fund-profile-header {
    font-weight: bold;
    color: #000000;
    padding: 8px 10px 8px 10px;
    width: 310px;
}

.fund-profile-row {
    background-color: #EFEFEF;
}

.fund-profile-alternate {
    background-color: #FFFFFF;
}

.fund-profile-item {
    padding: 0 10px 0 0;
}

.fund-profile td {
    border-style: none;
}

a.fund-kap-link {
    background: url(../Images/link.png) no-repeat 0 0;
    padding-left: 30px;
    color: #0496E1;
    padding-top: 5px;
    height: 24px;
    display: block;
    text-decoration: none;
}

    a.fund-kap-link:hover {
        text-decoration: underline;
    }

.fund-allocation {
    float: right;
}

    .fund-allocation tspan {
        text-wrap: normal !important;
    }

.fund-change {
    padding: 10px;
}

.fund-textbox {
    border: 1px solid silver;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    width: 840px;
    margin-left: 10px;
    padding-left: 10px;
}

.fund-add {
    height: 28px;
    padding: 0 10px;
}

.fund-delete {
    float: right;
    width: 9px;
    height: 9px;
    padding: 4px;
    margin-left: 2px;
    vertical-align: top;
    display: inline-block;
}

.fund-add-warning {
    clear: both;
    display: block;
}

.fund-checkbox {
    margin: 10px 0 10px 10px;
    display: block;
}

.fund-other-checkboxlist {
    margin: 10px 0 10px 10px;
    padding: 0;
    display: inline-block;
    float: left;
    width: 55%;
    clear: left;
}

    .fund-other-checkboxlist li {
        list-style-type: none;
        padding: 5px 0;
        display: block;
        clear: both;
    }

.fund-table a {
    text-decoration: none;
    color: #434343;
}

.headerGridViewFonlar a {
    font-size: 14px;
}

.other-assets {
    padding: 0;
    margin: 10px 0 10px 10px;
    float: left;
}

    .other-assets li {
        float: left;
        margin-right: 10px;
        list-style-type: none;
    }

.match-graph-period {
    margin: 10px 0;
    padding: 0;
    display: none;
    float: right;
    clear: right;
}

    .match-graph-period li {
        float: left;
        list-style-type: none;
        margin-right: 10px;
    }

        .match-graph-period li input, .match-graph-period li label {
            cursor: pointer;
        }

.fund-comparison-chart {
    margin-left: 1px;
}

.fund-comparison-warning {
    float: right;
    margin: 5px 15px 10px 0;
    cursor: pointer;
    padding: 3px;
    font-size: 14px;
    padding-left: 32px;
    background: url('../Images/uyari-2.png') no-repeat;
    position: relative;
    z-index: 1;
	display:none;
}
/*Fon Karşılaştırma*/
.fund-main-type {
    float: right;
    /*margin-top: -45px;*/
    margin-bottom: 15px;
    padding: 0;
    font-size: 14px;
}

    .fund-main-type span {
        margin: 5px 0 0 0;
        padding: 0;
        float: left;
        color: #0860AF;
        font-weight: bold;
    }

    .fund-main-type ul {
        float: right;
        margin: 0;
        padding: 0;
    }

.fund-popup-list {
    background: #FFF01B;
    background: -moz-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF01B), color-stop(100%, #FFC800));
    background: -webkit-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: -o-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: -ms-linear-gradient(top, #FFF01B 0%, #FFC800 100%);
    background: linear-gradient(to bottom, #FFF01B 0%, #FFC800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF01B', endColorstr='#FFC800', GradientType=0 );
}

    .fund-popup-list ul {
        float: left !important;
    }

        .fund-popup-list ul li {
            font-size: 16px;
            cursor: pointer;
            font-weight: normal;
            color: #000;
        }

.fund-main-type li {
    float: left;
    list-style-type: none;
    padding-top: 5px;
    margin-left: 5px;
}

.fund-criterias {
    background-color: #FFFFFF;
    color: #000000;
    font-family: "Trebuchet MS";
    height: auto;
    display: block;
    clear: both;
}

div.dates, div.periods {
    font-family: "Trebuchet MS";
    font-size: 14px;
    float: left;
    width: 48%;
    color: #0860AF;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 5px;
    margin-bottom: 20px;
}

    div.dates span, div.periods span {
        font-weight: bold;
    }

div.dates {
    width: 58%;
}

div.periods {
    width: 38%;
    margin-left: 10px;
    clear: right;
}

.date-textbox {
    font-family: Trebuchet MS !important;
    border: 1px solid silver;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    width: 100px;
    padding: 0 3px;
    margin-left: 10px;
}

div.dd_chk_select {
    border: 1px solid silver;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 160px;
    font-weight: normal;
    min-height: 24px;
    padding: 5px 3px;
    margin-left: 10px;
    clear: both;
}

    div.dd_chk_select div#caption {
        font-size: 14px;
    }

div.dd_chk_drop {
}

.period-ddl {
    border: 1px solid silver;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 400 !important;
    font-stretch: normal;
    font-size: 13px !important;
    line-height: normal;
    font-family: Arial;
}

.displayNone {
    visibility: hidden
}

.fund-compare-button {
}

.fund-date-criterias {
    background-color: #FFFFFF;
    color: #000000;
    font-family: "Trebuchet MS";
    height: auto;
    display: block;
    clear: both;
    overflow: hidden;
}

.fund-criterias table.criterias, div.dates.historic {
    display: block;
    width: 100%;
    color: #0860AF;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 20px;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

.fund-criterias table.criterias {
    font-weight: bold;
    border-spacing: 0;
    margin-right: 0;
}

    .fund-criterias table.criterias td {
        padding: 0 20px 0 0;
        font-size: 14px;
    }


.fund-criterias-ddl {
    border: 1px solid silver;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    margin-bottom: 0px;
}


#MainContent_tabs ul {
    background-color: #FFFFFF;
    background-image: none;
    border-style: none;
    padding: 0;
    font-family: "Trebuchet MS";
}

    #MainContent_tabs ul li {
        border-color: #EFEFEF;
        background-image: none;
        background-color: #e9e9e9;
        border-bottom-style: none;
        box-shadow: 0 -1px 1px #DEDEDE;
        -moz-box-shadow: 0-1px 1px #DEDEDE;
        -webkit-box-shadow: 0 -1px 1px #DEDEDE;
        position: relative;
        z-index: 2;
    }

        #MainContent_tabs ul li.ui-state-active {
            background-color: #FFFFFF;
        }

        #MainContent_tabs ul li a {
            font-weight: bold;
            color: #0860AF;
            outline: 0;
        }

#tabs-1, #tabs-2, #tabs-3, #tabs-4 {
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
    position: relative;
    z-index: 1;
}

.fund-grid-header {
    background-color: #3BA8FB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "Trebuchet MS";
}

    .fund-grid-header span {
        text-align: center;
        font-family: "Trebuchet MS";
    }

    .fund-grid-header th:first-child {
        padding-left: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px 0 0 0;
    }

    .fund-grid-header th:last-child {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 0 5px 0 0;
    }

    .fund-grid-header th {
        color: #FFFFFF;
        padding: 5px 0;
        text-align: left;
    }

        .fund-grid-header th a {
            text-decoration: none;
            color: #FFFFFF;
        }

        .fund-grid-header th img {
            margin: -4px 0 0 2px;
        }

.fund-grid {
    width: 100%;
    margin: 10px auto 0 auto;
    font-size: 14px;
    color: #333;
    border-collapse: collapse;
    border: 1px solid #EFEFEF;
    border-top-style: none;
    clear: both;
    font-family: "Trebuchet MS";
}

.fund-grid-row {
    background-color: #EFEFEF;
    font-family: "Trebuchet MS";
}

    .fund-grid-row:hover, .fund-grid-alternate:hover {
        background-color: #9BD2FB;
        font-family: "Trebuchet MS";
    }

    .fund-grid-row a, .fund-grid-alternate a {
        text-decoration: none;
        font-family: "Trebuchet MS";
    }

.fund-grid-item {
    padding: 5px 0 5px 5px;
    font-weight: normal;
    font-family: "Trebuchet MS";
}

.fund-grid-header th.fund-grid-numeric-header, .fund-grid-numeric {
    text-align: right;
    padding-right: 5px;
    font-family: "Trebuchet MS";
}

.fund-grid-header th.right-header {
    padding-right: 5px;
    font-family: "Trebuchet MS";
}

.fund-grid-left {
    font-weight: normal;
    font-family: "Trebuchet MS";
}

table.pager, .pager table {
    margin: 0 auto;
    text-align: center;
}
/*Risk Getiri*/
.fund-risk-return {
    margin: 10px 0;
    padding: 10px;
    display: block;
    background-color: #FFFFFF;
    overflow: auto;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

    .fund-risk-return.top {
        background-color: #FFFFFF;
        margin: 10px 0;
        padding: 10px;
        display: block;
        clear: both;
    }

        .fund-risk-return.top div {
            float: left;
        }

.fund-type-textbox {
    border: 1px solid silver;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    width: 250px;
    margin-left: 10px;
}

.fund-checkbox.risk-return {
    padding: 5px 0;
    margin: 10px 0 10px 10px;
    display: block;
    background-color: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fund-slider {
    color: #0860AF;
    font-weight: bold;
    float: left;
    width: 49%;
    margin-bottom: 10px;
}

.slider-textbox {
    border: 1px solid silver;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    width: 100px;
    padding: 0 3px;
    margin-left: 10px;
}
/*Portföy Optimizasyonu*/
.fund-criterias.share {
    height: 180px;
}

.portfolio {
    margin: 10px 0;
    padding: 10px 10px 20px 10px;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    box-shadow: 1px 3px 5px #DEDEDE;
    -moz-box-shadow: 1px 3px 5px #DEDEDE;
    -webkit-box-shadow: 1px 3px 5px #DEDEDE;
}

    .portfolio div {
        float: left;
        text-align: left;
        margin-right: 20px;
    }

.ajax__calendar div {
    margin-right: 0;
}

.portfolio div.fund-slider {
    width: 300px;
}

.portfolio div h2 {
    font-size: 14px;
    color: #0860AF;
    font-weight: bold;
    margin: 0 0 10px 10px;
    padding: 0 0 0 0;
    display: block;
    clear: both;
}

    .portfolio div h2.period {
        margin-left: 0;
        margin-bottom: 12px;
    }

.fund-risk-return-select {
    clear: both;
    display: block;
    font-size: 14px;
}

    .fund-risk-return-select ul {
        padding: 0;
        margin: 0;
        clear: both;
        display: block;
    }

    .fund-risk-return-select li {
        float: left;
        list-style-type: none;
        margin-right: 10px;
    }

.fund-share-grid {
    width: 400px;
    float: left;
}

    .fund-share-grid table {
        margin-top: 10px;
        font-size: 14px;
        color: #333;
        border-collapse: collapse;
        font-weight: bold;
        border: 1px solid #EFEFEF;
        border-top-style: none;
        font-family: "Trebuchet MS";
    }

.fund-share {
    float: right;
    display: inline-block;
}
/*Veri Ambarı*/
.export-button {
    margin: 0 auto;
    background-color: #076FD2;
    float: right;
    color: #FFFFFF !important;
    text-decoration: none;
    cursor: pointer;
    color: rgba(76, 57, 0,.99);
    border: 1px solid #3F9BDC;
    padding: 3px 7px;
    text-decoration: none;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #3F9BDC inset, 0 1px 3px 0 rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px 0 0 #3F9BDC inset, 0 1px 3px 0 rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 0 0 #3F9BDC inset, 0 1px 3px 0 rgba(0,0,0,.35);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#076FD2', endColorstr='#1181D5', GradientType=0 );
}

    .export-button:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

.export-img {
    float: right;
    margin: 0px 0 0 10px;
}

.export-button.top-button {
    margin: 20px 10px 0 0;
    padding: 7px;
}
/*TEFAS*/
h1.tefas-title {
    color: #0971CE;
    display: block;
    font-family: "Trebuchet MS";
    font-size: 24px !important;
    font-weight: normal;
    line-height: 28px;
    margin: 0 110px 20px 0;
    padding-right: 30px;
    position: relative;
    font-weight: normal !important;
}

ul.tefas-link {
    list-style: none;
    color: #087ee8;
    margin-bottom: 20px;
    padding: 0;
}

    ul.tefas-link li {
        padding: 3px 0;
        padding: 10px 0;
        border: 1px solid #EFEFEF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
        margin-bottom: 20px;
        box-shadow: 1px 3px 5px #DEDEDE;
        -moz-box-shadow: 1px 3px 5px #DEDEDE;
        -webkit-box-shadow: 1px 3px 5px #DEDEDE;
    }

        ul.tefas-link li a {
            color: #314196 !important;
            display: block;
            text-decoration: none;
            padding-left: 25px;
            background: url('../Images/left-icon.png') no-repeat 0 8px;
            font-family: 'PT Sans', sans-serif;
            font-size: 24px;
            margin-left: 10px;
        }

tspan {
    color: #FFF;
    text-decoration: none;
}

#duyuru {
    position: fixed;
    width: 100%;
    height: 1058px;
    top: 0;
    left: 0;
    z-index: 999998;
    background-color: rgba(34,34,34,0.9); /*dim the background*/
}

    #duyuru div {
        position: absolute;
        width: 70%;
        height: auto;
        top: 10%;
        left: 40%;
        margin-left: -25%;
        background: white;
        text-align: center;
        font-size: 36px;
    }

    #duyuru img {
        background: none;
        margin: 0;
        padding: 0 0 0 0;
        border: none;
        position: relative;
    }

    #duyuru p {
        margin: 20px auto;
        font-size: 20px;
        padding: 0 10px;
    }

        #duyuru p span {
            font-size: 14px;
            color: #2f2f2f;
            line-height: 16px;
        }

    #duyuru a {
        position: absolute;
        color: black;
        text-transform: uppercase;
        right: 3px;
        top: 3px;
        font-size: 12px;
        z-index: 99999;
        border-radius: 3px;
        padding: 0 3px;
        cursor: pointer;
        background: #FFFFFF url('../Images/kapat.png') 0 3px no-repeat;
        padding-left: 16px;
    }

.main-info {
    clear: both;
    display: block;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    padding-left: 50px !important;
    background: url('../Images/uyari.png') 5px 10px no-repeat;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5); /*dim the background*/
    z-index: 999999;
}

/*Message Styles*/

.warning-message {
    margin-bottom: 10px;
    background-color: #FEEFB3;
    border: 1px solid #D2B17D;
    padding: 10px;
    display: block;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.warning-message ul, #MainContent_tabs ul li div.warning-message ul {
    padding: 0;
    margin: 0;
}

    div.warning-message ul li, #MainContent_tabs ul li div.warning-message ul li {
        background-color: #FEEFB3 !important;
        border: 0 !important;
        list-style-position: inside;
        box-shadow: 0 0 0 #FEEFB3 !important;
        -moz-box-shadow: 0 0 0 #FEEFB3;
        -webkit-box-shadow: 0 0 0 #FEEFB3;
    }

.validator {
    color: Red;
}

.warning-message2 {
    width: 830px;
    margin: 10px 0 0 10px;
    background-color: #FEEFB3;
    border: 1px solid #D2B17D;
    padding: 10px;
    display: block;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.error-message {
    background-color: #FFBABA;
    border: 1px solid #E53E46;
    display: block;
    width: 876px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.info-message {
    background-image: #D0EBF8;
    border: 1px solid #65A4D7;
    display: block;
    width: 876px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.loading {
    background: url('../Images/ajax-loader.gif') no-repeat 50% 50%;
    min-height: 50px;
    min-width: 50px;
    position: relative;
    top: 10%;
}

.loader-overlay {
    position: absolute;
    display: none;
    z-index: 2000;
    background-color: rgba(255,255,255,0.8); /*dim the background*/
}

.page-loader {
    position: absolute;
    display: none;
    margin: -15px 0 0 -15px; /*Negative half the width and height of the loader so it can be correctly centered*/
    height: 50px;
    width: 50px;
    z-index: 2001;
}

#duyuru-fund {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 99999999;
    background-color: rgba(34,34,34,0.9); /*dim the background*/
    visibility: hidden;
    z-index: 999999;
}

    #duyuru-fund div {
        position: absolute;
        width: 70%;
        height: auto;
        overflow: auto;
        bottom: 40%;
        left: 40%;
        margin-left: -25%;
        background: white;
        text-align: center;
        font-size: 36px;
        z-index: 999999;
    }

#duyuru-varlik div {
    position: absolute;
    width: 70%;
    height: auto;
    overflow: auto;
    bottom: 40%;
    left: 40%;
    margin-left: -25%;
    background: white;
    text-align: center;
    font-size: 36px;
    z-index: 999999;
}

#duyuru-fund img {
    background: none;
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    position: relative;
}

#duyuru-fund p {
    margin: 20px auto;
    font-size: 20px;
    padding: 0 10px;
}

    #duyuru-fund p span {
        font-size: 14px;
        color: #2f2f2f;
        line-height: 16px;
        min-height: 48px;
        display: inline-block;
    }

#duyuru-fund a {
    position: absolute;
    color: black;
    text-transform: uppercase;
    right: 3px;
    top: 3px;
    font-size: 12px;
    z-index: 99999;
    border-radius: 3px;
    padding: 0 3px;
    cursor: pointer;
    background: #FFFFFF url('../Images/kapat.png') 0 3px no-repeat;
    padding-left: 16px;
}

.fund-info {
    clear: both;
    display: block;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    padding-left: 50px !important;
    background: url('../Images/uyari.png') 5px 5px no-repeat;
}

.ui-widget.ui-widget-content {
    border: 0px solid #d3d3d3 !important;
}

@media only screen and (max-width: 750px) {
    #MainContent_PanelInfo {
		width:100%;
		margin-left: 0px;
		}
  
  .price-indicators ul li {
    width: unset;
}

.price-indicators ul li span {
    font-size: 20px !important;
}

.main-indicators ul li, .price-indicators ul li {
    padding: 0 24px!important;
}

.price-indicators {
    height: 110px!important;
}

.main-indicators ul {
    height: 80px!important;
}

.main-indicators ul {
    margin-top: 80px!important;
}

.fund-profile {
    width: 100%!important;
}


}