@charset "utf-8";

html {
    height: 100%;
}

body {
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 11px !important;
}

h2 {
    font-weight: 100;
}

.p-line {
    text-align: center;
    margin-top: 30px;
    font-style: italic;
    font-size: 14px;
    color: #999999;
}

.bayrak {
    float: left !important;
    padding: 10px !important;
    clear: none !important;
    margin-top: 10px;
}


/* Form Style */
.form_wrapper {
    margin: 150px auto 0 auto;
}


    .form_wrapper h3 {
        padding: 20px 30px 20px 30px;
        color: #fff;
        font-size: 25px;
        background: #262152 url(/Content/images/header_bg.jpg) repeat-x;
        border-bottom: 1px solid #445c71;
    }


    .form_wrapper form {
        display: none;
        background: #fff;
    }


    .form_wrapper .column {
        width: 47%;
        float: left;
        margin-bottom: 11px;
    }

.onlineicon {
    background: url("/Content/images/icons/bullet_green.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 12px;
    width: 12px;
    display: block; /*-webkit-inline-box;*/
    float: left;
    margin-right: 4px;
}

.offlineicon {
    background: url("/Content/images/icons/bullet_gray.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 12px;
    width: 12px;
    display: block; /*-webkit-inline-box;*/
    float: left;
    margin-right: 4px;
}


.liChat {
    border-bottom: 2px solid aliceblue;
    font-family: Calibri;
    font-size: 11px;
    -moz-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
    box-shadow: inset 0px 1px 0px 0px #7a8eb9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
    background: -moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: -webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: -o-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: -ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
    background-color: #637aad;
    border-radius: 2px;
    border: 1px solid #314179;
    display: inline-block;
    color: #ffffff;
    font-family: Calibri;
    font-size: 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #742680;
    text-align: center;
    width: 120px;
    height: 20px;
    padding-top: 5px;
    margin: 0px 2px 0px 2px;
}

    .liChat:hover {
        cursor: pointer;
    }

form.active {
    display: block;
}

#login_wrapper {
    width: 100%;
    height: 100%;
    background-image: url('/Content/images/metrum-bg.png');
    background-position: 100% 20%;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*#login_wrapper span {
        color: #000;
        font-size: 12px;
        font-style: italic;
        padding-left: 10px;
    }*/


form.login {
    background-color: #ffffff;
    border: 1px solid #ccc;
    width: 400px;
    /*   background-color: #262152; */
}


form.register {
    width: 550px;
}


form.forgot_password {
    width: 400px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    height: 300px;
    margin: 150px auto 0;
}


.form_wrapper a {
    text-decoration: none;
    color: #777;
    font-size: 12px;
}


    .form_wrapper a:hover {
        color: #0094ff;
    }


.form_wrapper label {
    display: block;
    padding: 10px 30px 0px 30px;
    margin: 10px 0px 0px 0px;
    color: #000;
}


.form_wrapper select,
.form_wrapper input[type="text"],
.form_wrapper input[type="password"] {
    margin: 5px 30px 0px 30px;
    padding: 9px;
    display: block;
    font-size: 16px;
    /*width: 76%; */
    width: 250px;
}


.form_wrapper .bottom {
    background-color: #FFF;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    clear: both;
    color: #fff;
    /*text-shadow: 1px 1px 1px #000;*/
}


    .form_wrapper .bottom a {
        display: block;
        clear: both;
        padding: 10px 30px;
        text-align: right;
        /*color: #ebedee;*/
        /*text-shadow: 1px 1px 1px #000;*/
    }

.form_wrapper div.remember {
    float: left;
    width: 120px;
    margin: 20px 0px 20px 30px;
    font-size: 11px;
    color: #FFFFFF;
}


.remember span {
    color: #FFFFFF;
}


.form_wrapper div.remember input {
    float: left;
    margin: 2px 5px 0px 0px;
}


.form_wrapper span.error {
    visibility: hidden;
    color: red;
    font-size: 11px;
    font-style: italic;
    display: block;
    margin: 4px 30px;
}


.form_wrapper input[type="submit"] {
    padding: 8px 0 9px;
    width: 120px;
    cursor: pointer;
    float: right;
    margin: 15px 20px 10px 10px;
}

.form_wrapper input[type="button"] {
    padding: 8px 0 9px;
    width: 120px;
    cursor: pointer;
    float: right;
    margin: 15px 20px 10px 10px;
}

#btnLogin {
    padding: 8px 0 9px;
    width: 120px;
    cursor: pointer;
    float: right;
    margin: 15px 20px 10px 10px;
    font-size: 15px;
    font-weight: bold;
}

/*===============TOP HEADER AND MENU==================*/
/*===============TOP HEADER AND MENU==================*/


.header {
    width: 100%;
    height: 55px;
    background: #262152 url(/Content/images/header_bg.jpg) repeat-x;
    border-bottom: 1px solid #262152;
    display: inline-table !important;
}


#logo {
    margin: 0px 0 0 3%;
    float: left;
}

#headerBannerTitle {
    color: rgb(241, 241, 241);
    float: left;
    margin-top: 2px;
    font-size: 20px;
    margin-left: 45px;
    vertical-align: middle;
    text-shadow: 2px 2px #444444;
}

.signalRfeed {
}

.top-nav {
    height: 45px;
    float: right;
    margin: 0px 20px 0px 0px;
}


    .top-nav li {
        display: inline;
        float: left;
    }

.top_nav_span {
    background-color: #F34E1A;
    padding: 1px 5px 1.6px 5px;
    color: #FFFFFF;
    text-shadow: 0px 0px 0px #fff;
    border: 1px solid #eceef0;
    font-size: 10px;
    position: absolute;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    bottom: 5px;
    right: -20px;
    min-width: 25px;
    min-height: 12px;
}
/*
        .top-nav li a img {
            display: block;
            margin: 0px auto 3px auto;
        }


    .top-nav ul:hover li a {
        background: none !important;
        -moz-box-shadow: inset 0 0 0px #33485a !important;
        -webkit-box-shadow: inset 0 0 0px #33485a !important;
        box-shadow: inset 0 0 0px #33485a !important;
    }


    .top-nav li a {
        padding: 31px 0px 22px 0px;
        height: 55px;
        float: left;
        color: #FFFFFF;
        width: 80px;
        text-align: center;
        font: 16px Calibri;
        text-decoration: none;
       
        text-shadow: 2px 2px 1px #4a687d;
    }


    .top-nav li:last-child a {
        margin-right: 0px;
    }


    .top-nav ul li a:hover, .top-nav ul li a:active, .active {
        background-color: #9d9da2 !important;
        -moz-box-shadow: inset 0 0 3px #5c5c5c !important;
        -webkit-box-shadow: inset 0 0 3px #5c5c5c !important;
        box-shadow: inset 0 0 3px #5c5c5c !important;
        color:#ffd800;
         
    }


    .top-nav ul li a:active, .active {
        cursor: default;
    }

    */

/*---TABS-CONTENOR---*/
.tabs-contenor {
    background: #eceef0;
    border-bottom: 1px solid #f5f5f5;
    height: 30px;
    padding: 0px 10px 0px 20px;
    position: relative;
    z-index: 0;
}

.profile {
    /*width: 230px;*/
    width: 225px;
    height: 52px;
    float: right;
    text-align: right;
    color: #fff;
    margin: 5px 0px 0px 0px;
    font-weight: bolder;
}


    .profile img {
        float: left;
        margin: 5px 6px 0px 0px;
    }


    .profile h2 {
        float: right;
        font: 12px/2px 'Calibri';
        /* letter-spacing: 0.5px;*/
        margin: 5px;
        color: #fff;
        /*text-shadow: 1px 1px 1px #FFFFFF;*/
        /*width: 65%;*/
    }


    .profile h4 {
        font-weight: normal;
        font-size: 9px;
        float: right;
        color: #fff;
        /*width: 65%;*/
        margin: 4px 0px 0px 0px;
        /*text-shadow: 1px 1px 1px #fff; */
    }


        .profile h4 a {
            text-decoration: none;
            color: #fff;
        }


            .profile h4 a:hover {
                color: #ffd800;
                background-color: #262152;
            }


        .profile h4 img {
            float: none;
        }


.tabs-contenor h1 {
    color: #000000;
    text-shadow: 1px 1px 1px #5c5c5c;
    font: 24px 'ostrichRegularWebfont';
    letter-spacing: 0.5px;
    line-height: 43px;
    height: 40px;
    overflow: hidden;
    font-weight: bolder;
    font-weight: 100;
    padding-top: 11px;
}


.tabs-contenor h3 {
    font-size: 11px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #fff;
    font-style: italic;
    padding: 5px 0px;
}


    .tabs-contenor h3 a {
        text-decoration: none;
        color: #5c5c5c;
    }


        .tabs-contenor h3 a:hover {
            color: #1b1b1b;
        }


.tabs_links {
    position: absolute;
    bottom: -1px;
}


    .tabs_links ul {
        display: inline;
    }


        .tabs_links ul li {
            display: inline;
        }


            .tabs_links ul li a {
                background-color: #EBEFEF;
                border-color: #B8BCC0 #B8BCC0 -moz-use-text-color;
                border-image: none;
                border-radius: 4px 4px 0 0;
                border-style: solid solid none;
                border-width: 1px 1px 0;
                box-shadow: 0 1px 0 #FFFFFF inset;
                color: #55748E;
                float: left;
                font-size: 11px;
                margin-right: 5px;
                padding: 6px 10px;
                position: relative;
                text-align: center;
                text-decoration: none;
                text-shadow: 1px 1px 1px #FFFFFF;
                width: auto;
                -moz-border-radius: 4px 4px 0px 0px;
                -webkit-border-radius: 4px 4px 0px 0px;
                -khtml-border-radius: 4px 4px 0px 0px;
                border-radius: 4px 4px 0px 0px;
            }


            .tabs_links ul li span {
                background-color: #F34E1A;
                padding: 1px 5px 1.6px 5px;
                color: #FFFFFF;
                text-shadow: 0px 0px 0px #fff;
                border: 1px solid #eceef0;
                font-size: 10px;
                position: absolute;
                -moz-border-radius: 100px;
                -webkit-border-radius: 100px;
                -khtml-border-radius: 100px;
                border-radius: 100px;
                bottom: 20px;
                right: 2px;
            }


            .tabs_links ul li.active a span {
                bottom: 21px;
            }


            .tabs_links ul li a:hover {
                background-color: #FFFFFF;
                color: #5c5c5c;
            }


            .tabs_links ul li.active a {
                background-color: #FFFFFF;
                color: #5c5c5c;
                border-bottom: #FFFFFF;
                padding: 6px 10px 7px 10px;
                text-align: center;
            }


/*===============RIGHT MENU START==================*/
/*===============RIGHT MENU START==================*/

#right-menu {
    width: 161px;
    float: right;
    min-height: 680px;
    padding: 20px 19px 0px 0px;
    position: relative;
}


#scrollcontainer {
    top: 19px !important;
}


.advanced-search {
    margin: 5px 0px 0px 158px;
    float: left;
}


#scrollbox {
    background: url(/Content/images/right-menu-bg.png) top left no-repeat;
    min-height: 680px;
}


#form-search {
    width: 250px;
    float: left;
    height: 33px;
    margin: 0px 0px 5px 0px;
}


.search {
    width: 191px;
    height: 33px;
    background: url(/Content/images/input-search.png) left top no-repeat;
    border: 0px;
    float: left;
    color: #807e7e;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 12px;
}


.search-submit {
    width: 35px;
    height: 33px;
    background: url(/Content/images/input-search-button.png) left top no-repeat;
    float: left;
    border: 0;
    cursor: pointer;
}


#main-nav {
    width: 161px;
    padding: 0;
    margin: 10px 0 0 0px; /*25px idi */
}


    #main-nav li {
        list-style: none;
        padding-bottom: 10px;
        text-align: left;
    }


        #main-nav li img {
            float: left;
        }


        #main-nav li a.nav-top-item {
            background: transparent url('/Content/images/menu-bg.jpg') left top repeat-x; /* Background image for default color scheme - green */
            padding: 5px 0px 7px 10px; /*5px 0px 7px 15px;*/
            color: #fff;
            font-size: 10px;
            cursor: pointer;
            display: block;
            text-decoration: none;
            /*text-shadow: 1px 2px 1px #4c637d;*/
            -moz-border-radius: 0px 4px 4px 0px;
            -webkit-border-radius: 0px 4px 4px 0px;
            -khtml-border-radius: 0px 4px 4px 0px;
            border-radius: 0px 4px 4px 0px;
            margin-bottom: 7px;
        }


        #main-nav li a.current {
            background-image: url('/Content/images/menu-bg.jpg') !important;
            color: #fff;
        }


            #main-nav li a.current:hover {
                color: #fff;
            }


    #main-nav ul {
        padding: 0;
        font-size: 10px;
        margin: 0;
    }


        #main-nav ul li {
            list-style: none;
            text-align: left;
            padding: 0;
        }


            #main-nav ul li a {
                padding: 5px 15px;
                display: block;
                color: #000000;
                font-size: 10px;
                line-height: 1.2em;
                text-decoration: none;
            }


                #main-nav ul li a:hover,
                #main-nav ul li a.current,
                #main-nav ul li a.current:hover {
                    color: #ffffff;
                    background-color: #262152;
                }


                #main-nav ul li a.current {
                    background: transparent url('/Content/images/menu-current-arrow.html') right center no-repeat !important;
                }




/*===============MAIN CONNTENT==================*/
/*===============MAIN CONNTENT==================*/

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}

#main {
    background-color: #FFFFFF;
    width: 100%;
    float: left;
    position: relative;
    height: auto;
}


.content-box {
    /*border: 1px solid #ccc;*/
    margin: 15px 0px 0px 0;
    /*background: #fff;*/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    float: left;
}


.full-box {
    width: 100%;
}


.half-box {
    width: 48.9%;
}

.halfQuarter-box {
    width: 64.9%;
}



.quater-box {
    width: 31.4%;
}


.margin-right {
    margin-right: 2.6%;
}


.content-box-header {
    background: #3F3272; /*url('/Content/images/header_bg.jpg') top left repeat-x*/
    margin-top: 1px;
    height: 30px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}


.closed-box {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}


.content-box-header a {
    float: right;
    background-image: url(/Content/images/close-big.png);
    margin: 12px 18px 0px 0px;
    height: 16px;
    width: 16px;
}


.content-box-header h3 {
    padding: 8px 0% 8px 18px;
    float: left;
    color: #5c5c5c;
    font-size: 18px;
    font-weight: normal;
}


.content-box-header h4 {
    padding: 8px 0% 8px 18px;
    float: left;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.content-box-header i {
    display: block;
    margin-left: 25px;
    margin-top: 10px;
    float: left;
}


.content-box-content {
    /*padding: 20px;*/
    font-size: 11px;
    font-weight: bold;
    border-top: 1px solid #313131;
    background-color: #CCCAFF;
    width: 100%;
    /* width:615px;*/
    /*height:425px;*/
    /*width:890px;*/
}

.content-box-content-mains {
    padding: 20px;
    font-size: 14px;
    border-top: 1px solid #313131;
    width: 890px;
}

.common-button {
    background-color: #adc5db;
    border: 0px;
    cursor: pointer;
    font-size: 10.5px;
    padding: 0px 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 0px #dbe4e9;
    color: #5c5c5c;
}


    .common-button:hover {
        background-color: #a2c0db;
    }


.big-button, .big-button:focus {
    background: #4f6c85 url(/Content/images/big-button-bg.jpg) repeat-x;
    padding: 5px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px #d39d5f;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
}

.button, .button:focus {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: #e7eaeb;
    /*
    box-shadow: inset 0px 1px 0px #fff;
    text-shadow: 1px 1px 0px #fff;
*/
    font-size: 11px;
    letter-spacing: 0.10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px;
    cursor: pointer;
    color: #5c5c5c;
    border: 1px solid #b5b6b3;
}


    .button i {
        font-size: 17px;
        padding: 0px 7px 0px 0px;
        position: relative;
        top: 2px;
    }

.button-display {
    float: left;
    margin-left: 2px;
}

.darHucre {
    width: 175px;
}


.red-button, .red-button:focus {
    border-color: #df8f8f;
    background-color: #ffcece;
}


.blue-button, .blue-button:focus {
    border-color: #64c3f7;
    background-color: #d5f0fd;
}


.green-button, .green-button:focus {
    border-color: #9adf8f;
    background-color: #d5ffce;
}


.yellow-button, .yellow-button:focus {
    border-color: #e6db55;
    background-color: #fffbcc;
}


#content {
    overflow: hidden;
    padding: 5px;
    min-height: 500px;
}

#header {
    padding: 0px;
    color: darkgray;
    font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    font-style: inherit;
    text-decoration: inherit;
    text-align: center;
    line-height: 1.3em;
}

.element-box {
    float: left;
    width: 100%;
}


    .element-box h1 {
        color: #000000;
        text-shadow: 1px 1px 1px #5c5c5c;
        font: 20px 'ostrichRegularWebfont';
        overflow: hidden;
        /*font-weight:bolder;*/
        letter-spacing: 1px;
    }


    .element-box p {
        margin: 10px 0px;
    }


pre {
    float: left;
    padding: 10px;
    background-color: #fbfbfb;
    border: 1px dotted #b5b6b3;
    width: 95%;
    margin: 0px 0px 15px 0px;
    font-size: 13px;
    color: #aaaaaa;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}


.table {
    width: 100%;
    border: 0;
    margin-bottom: 1em;
    border-collapse: collapse;
}


    .table thead th {
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        color: #6c6c6c;
        background-color: #B8BCC0;
        padding: 5px 5px;
        border-bottom: 1px solid #E3E3E3;
    }


    .table td {
        font-size: 11px;
        vertical-align: top;
    }

    .table tr:hover td {
        /*color: #fff;*/
        background-color: #ECFFB3;
        text-shadow: none;
    }


    .table tr:hover input {
        /*color: #fff;*/
        background-color: #ECFFB3; /* eskisi #262152; */
        text-shadow: none;
    }

    .table tr:hover a {
        color: #fff;
    }

    .table tbody tr td a {
        color: maroon;
    }

        .table tbody tr td a:hover {
            color: #ffd800;
        }

    .table tbody tr td {
        background: #FFF;
        border-bottom: 1px solid #E3E3E3;
    }

    .table tbody tr th {
        background: #FFF;
        border-bottom: 1px solid #E3E3E3;
        text-align: left;
    }


    .table tbody td {
        /*padding: 10px;*/
        padding: 5px;
    }

    .table tfoot tr td {
        padding: 5px;
    }


fieldset {
    padding: 10px;
    border: 1px solid #AB5AC8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}


legend {
    padding: 0px 8px;
    font-weight: bold;
}










/*===============DASHBOARD PAGE START==================*/
/*===============DASHBOARD PAGE START==================*/



/*---GRAPH---*/

.element-box h1 span {
    float: right;
    font-size: 11px;
    letter-spacing: normal;
    text-align: right;
    padding-top: 5px;
}


    .element-box h1 span img {
        position: relative;
        top: 2px;
    }


.graph {
    width: 100%;
    padding: 10px 0px 0px 0px;
    float: left;
}

.bars-box {
    width: 80%;
    float: left;
}


.bar-cover {
    float: left;
    padding: 0px 8px;
    /*background:url(/Content/images/bar-bg.jpg) no-repeat center 169px;*/
}


.graph-table span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #5c5c5c;
    clear: both;
}


.graph-table td {
    padding-right: 20px;
}


.bar-border {
    width: 100%;
    border: 1px solid #b5b6b3;
    height: 150px;
    margin: 4px 0px;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 0 20px #d9d7d7;
    -webkit-box-shadow: inset 0 0 20px #d9d7d7;
    box-shadow: inset 0 0 20px #d9d7d7;
}


.bar-blue {
    border: 1px solid #54718d;
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px;
    background: #527291 url(/Content/images/blue-bar-bg.jpg) repeat-x top left;
    height: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    /*-moz-animation: 1s ease-in-out 0s normal none 1 loadUp;
	-moz-transition-duration: 0s;
	-moz-transition-property:height;*/
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}


.bar-skyblue {
    border-top: 1px solid #54728f;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #54a7dd url(/Content/images/skyblue-bar-bg.jpg) repeat-x top left;
    height: 0px;
    width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    /*-moz-animation: 1s ease-in-out 0s normal none 1 loadUp;
	-moz-transition-duration: 0s;
	-moz-transition-property:height;*/
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
}


.graph-details {
    width: 19%;
    float: right;
}


    .graph-details ul li {
        list-style: none;
    }


    .graph-details li a {
        display: block;
        padding: 10px 0px;
        border-bottom: 1px solid #b8bcc0;
        font-size: 12px;
        color: #5c5c5c;
    }


        .graph-details li a img {
            position: relative;
            top: 4px;
            margin-right: 4px;
        }


        .graph-details li a:hover {
            color: #353535;
        }


        .graph-details li a input {
            margin-left: 4px;
        }


.graph-dates {
    width: 100%;
    float: left;
    list-style: none;
    color: #5c5c5c;
    margin: 20px 0px 0px 0px;
}

    .graph-dates li {
        display: inline-block;
        padding: 0.5% 0% 0.3% 3.2%;
        background-color: #c7d7e5;
        text-transform: uppercase;
        float: left;
        font-size: 28px;
        width: 9.2%;
        line-height: 26px;
        text-shadow: 1px 1px 0px #fff;
        font-family: 'OstrichSansMedium';
    }

        .graph-dates li:first-child {
            -moz-border-radius: 4px 0px 0px 4px;
            -webkit-border-radius: 4px 0px 0px 4px;
            -khtml-border-radius: 4px 0px 0px 4px;
            border-radius: 4px 0px 0px 4px;
        }


        .graph-dates li:nth-child(odd) {
            background-color: #e8ebec;
        }


        .graph-dates li:nth-child(even) {
            background-color: #c7d7e5;
        }


        .graph-dates li:last-child {
            -moz-border-radius: 0px 4px 4px 0px;
            -webkit-border-radius: 0px 4px 4px 0px;
            -khtml-border-radius: 0px 4px 4px 0px;
            border-radius: 0px 4px 4px 0px;
        }


        .graph-dates li span {
            font-size: 11px;
            width: 0.1%;
            float: left;
            position: relative;
            left: 22px;
            text-align: center;
            line-height: 12px;
        }

/*---TICEKER---*/
.ticker {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    font-size: 12px;
}


    .ticker img {
        float: left;
    }


    .ticker span {
        float: right;
    }


.ticker-data {
    width: 98%;
    background-color: #e8ebec;
    padding: 1%;
    margin: 5px 0px 20px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


    .ticker-data input {
        float: right;
    }




/*---TRAFFIC---*/

.process-bars-box {
    width: 70%;
    float: left;
}


.gride-box {
    width: 30%;
    float: right;
}


.gride {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b5b6b3;
}

    .gride th {
        background: #5a7a98 url(/Content/images/table-th-bg.png) repeat-x;
        border-bottom: 1px solid #e6e6e6;
        font-weight: normal;
        color: #FFFFFF;
        padding: 8px 0px;
        font-size: 13px;
        text-shadow: 1px 1px 0px #556f84;
    }

    .gride td {
        padding: 8px 0px;
        text-align: center;
        border-right: 1px solid #abc0d2;
        font-size: 17px;
        /*text-shadow: 1px 1px 0px #fff;*/
    }

        .gride td:last-child {
            border: 0px;
        }

    .gride tr:nth-child(even) {
        background-color: #c8d8e5;
    }

    .gride tr:nth-child(odd) {
        background-color: #eaeced;
    }


.rows-padding td {
    padding: 6px 0px;
}


.process-bar-cover {
    width: 100%;
    float: left;
    height: 18px;
    border: 1px solid #b5b6b3;
    overflow: hidden;
    padding: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 0 10px #d9d7d7;
    -webkit-box-shadow: inset 0 0 10px #d9d7d7;
    box-shadow: inset 0 0 10px #d9d7d7;
}

.process-bar-blue {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #56728f;
    float: left;
    height: 16px;
    width: 0px;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    background: #4f9dd4 url(/Content/images/process-bar-blue-bg.jpg) repeat-x;
}


.process-bar-darkblue {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #56728f;
    float: left;
    height: 16px;
    width: 0px;
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    background: #4f9dd4 url(/Content/images/process-bar-darkblue-bg.jpg) repeat-x;
}



/*Invoice Page*/

#invoice .total,
#invoice .price {
    text-align: right;
}

#invoice .sub_total,
#invoice .grand_total {
    text-align: right;
    border-bottom: none;
}

#invoice .sub_total {
    border-top: 2px solid #666;
}

#invoice .grand_total {
    font-size: 14px;
    font-weight: bold;
}

#invoice .total_bar td {
    background: transparent;
}

#invoice .client_details,
#invoice .invoice_details {
    font-size: 15px;
    padding: 0px;
    margin: 0 0 3em;
    float: left;
}

#invoice .invoice_details {
    float: right;
}

    #invoice .client_details li,
    #invoice .invoice_details li {
        list-style-type: none;
        padding: 5px 0px;
    }



#invoice_total {
    background: #abc4dc;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    padding: 20px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
    border: 1px solid #8da9c3;
}







/*===============NOTIFICATIONS PAGE START==================*/
/*===============NOTIFICATIONS PAGE START==================*/


.notification {
    position: relative;
    float: left;
    border: 1px solid;
    background-position: 10px 8px !important;
    background-repeat: no-repeat !important;
    font-size: 12px;
    width: 80%;
    padding: 5px 5px 5px 25px;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}


.attention {
    background: #fffbcc url('/Content/images/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information {
    background: #dbe3ff url('/Content/images/icons/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success {
    background: #d5ffce url('/Content/images/icons/tick.png');
    border-color: #9adf8f;
    color: #556652;
}

.error {
  /*  background: #ffcece url('/Content/images/icons/cross_circle.png');*/
    border-color: #df8f8f;
    color: #665252;
}

.help {
    background: #d5f0fd url('/Content/images/icons/help.png');
    border-color: #64c3f7;
    color: #665252;
}

.notification .close {
    position: absolute;
    right: 8px;
    top: 8px;
}


.jquery-msgbox {
    background: url(/Content/images/alert_background.png) repeat-x left bottom;
    padding-bottom: 55px;
    font-style: normal;
}

.jquery-msgbox-buttons button[type="submit"],
.jquery-msgbox-buttons input[type="submit"],
.jquery-msgbox-buttons button[type="button"],
.jquery-msgbox-buttons input[type="button"],
.jquery-msgbox-buttons button[type="reset"],
.jquery-msgbox-buttons input[type="reset"] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: #e7eaeb;
    box-shadow: inset 0px 1px 0px #fff;
    text-shadow: 1px 1px 0px #fff;
    padding: 5px 8px;
    height: 32px;
    cursor: pointer;
    color: #5c5c5c;
    border: 1px solid #b5b6b3;
}



.jquery-msgbox-inputs input[type="text"],
.jquery-msgbox-inputs input[type="password"] {
    padding: 7px 6px;
    border: 1px solid #b5b6b3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: #0d0d0d;
    font-size: 11px;
    font-weight: bold;
    -moz-box-shadow: inset 0 0 10px #e9e9e9;
    -webkit-box-shadow: inset 0 0 10px #e9e9e9;
    box-shadow: inset 0 0 10px #e9e9e9;
    display: block;
    margin: 3px 0 6px 0;
    width: 95%;
}



.jquery-msgbox-wrapper {
    padding: 20px 20px 20px 90px;
    width: 240px;
}

.jquery-msgbox-buttons {
    padding: 15px;
    text-align: right;
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    right: 0;
}

    .jquery-msgbox-buttons button,
    .jquery-msgbox-buttons input {
        margin-left: 10px;
        min-width: 85px;
        padding: 0 14px 2px;
        height: 24px;
        cursor: pointer;
    }

.jquery-msgbox-inputs {
    margin-top: 15px;
}



.jquery-msgbox-label {
    font-weight: bold;
    font-size: 11px;
}

.jquery-msgbox-alert {
    background: url(/Content/images/alert.png) no-repeat 20px 20px;
}

.jquery-msgbox-info {
    background: url(/Content/images/info.png) no-repeat 20px 20px;
}

.jquery-msgbox-error {
    background: url(/Content/images/error.png) no-repeat 20px 20px;
}

.jquery-msgbox-prompt {
    background: url(/Content/images/question.png) no-repeat 20px 20px;
}

.jquery-msgbox-confirm {
    background: url(/Content/images/confirm.png) no-repeat 20px 20px;
}



#purr-container {
    position: fixed;
    top: 0;
    right: 0;
    color: #fff;
}


.notice {
    position: relative;
    width: 324px;
    color: #fff;
}

    .notice .close {
        position: absolute;
        top: 12px;
        right: 12px;
        display: block;
        width: 18px;
        height: 17px;
        text-indent: -9999px;
        background: url(/Content/images/purrClose.png) no-repeat 0 10px;
    }

.notice-body {
    min-height: 50px;
    padding: 22px 22px 0 22px;
    background: url(/Content/images/purrTop.png) no-repeat left top;
    color: #fff;
}

    .notice-body img {
        width: 50px;
        margin: 0 10px 0 0;
        float: left;
    }

    .notice-body h3 {
        margin: 0;
        font-size: 1.1em;
        color: #fff;
    }

    .notice-body p {
        margin: 5px 0 0 60px;
        font-size: 0.8em;
        line-height: 1.4em;
        color: #fff;
    }

.notice-bottom {
    height: 22px;
    background: url(/Content/images/purrBottom.png) no-repeat left top;
}


/* abone ekranı grafik modali*/
#container {
    width: 1024px;
    height: auto;
}

#basic-modal-content, #basic-modal-content2 {
    display: none;
}

/*===============FORMS STUFF PAGE==================*/
/*===============FORMS STUFF PAGE==================*/


.input-text {
    padding: 6px 6px;
    border: 1px solid #b5b6b3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    /*color: #606060;*/
    color: #000000;
    font-size: 11px;
    -moz-box-shadow: inset 0 0 10px #e9e9e9;
    -webkit-box-shadow: inset 0 0 10px #e9e9e9;
    box-shadow: inset 0 0 10px #e9e9e9;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


.select {
    padding: 6px 6px;
    border: 1px solid #b5b6b3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: #8a8a8a;
    font-size: 13px;
    -moz-box-shadow: inset 0 0 10px #e9e9e9;
    -webkit-box-shadow: inset 0 0 10px #e9e9e9;
    box-shadow: inset 0 0 10px #e9e9e9;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


.small {
    width: 20%;
}

.medium {
    width: 15%;
}

.varsayilan {
    width: auto;
}

.mediumSayacDetay {
    width: 156px;
    font-size: 12px;
}


.large {
    width: 40%;
}

.gridlarge {
    margin: 5px;
    width: 80%;
}

.input-success:focus, .input-success {
    border-color: #7ebf73;
    -moz-box-shadow: inset 0 0 10px #d5ffce;
    -webkit-box-shadow: inset 0 0 10px #d5ffce;
    box-shadow: inset 0 0 10px #d5ffce;
    color: #7ebf73;
}

.input-error:focus, .input-error {
    border-color: #df8f8f;
    -moz-box-shadow: inset 0 0 10px #ffcece;
    -webkit-box-shadow: inset 0 0 10px #ffcece;
    box-shadow: inset 0 0 10px #ffcece;
    color: #df8f8f;
}

.modalform-row {
    vertical-align: middle;
    clear: both;
    padding: 8px 0px 0px 0px;
}

    .modalform-row samp {
        margin-right: 10px;
        float: left;
        padding-top: 5px;
        color: #ffd800;
    }



    .modalform-row span {
        font-style: italic;
        padding-left: 0px;
        font-size: 12px;
        color: #a2a2a2;
    }

        .modalform-row span img {
            position: relative;
            top: 5px;
            margin-right: 5px;
        }

.form-row {
    vertical-align: middle;
    clear: both;
    padding: 2px;
}

    .form-row samp {
        margin-right: 5px;
        margin-right: 5px;
        float: left;
        padding: 5px;
        color: #5c5c5c;
        width: 120px;
    }


    .form-row span {
        font-style: italic;
    }

        .form-row span img {
            position: relative;
            /*top: 5px;
            margin-right: 5px;*/
        }


.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 20px 5px 0;
    position: relative;
    bottom: 5px;
    background: url(/Content/images/checkbox.png) no-repeat;
}

.radio {
    background: url(/Content/images/radio.png) no-repeat;
}

.select {
    position: absolute;
    width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px/21px arial,sans-serif;
    background: url(select.html) no-repeat;
    overflow: hidden;
}

.customError {
    display: none;
}

/*Datepicker*/
.ui-datepicker {
    width: 16em;
    padding: .2em .2em 0;
    display: none;
    -moz-box-shadow: 0 0 10px #898989;
    -webkit-box-shadow: 0 0 10px #898989;
    box-shadow: 0 0 10px #898989;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0 0 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*Datepicker*/



/*Typography*/

.list-style {
    margin: 0px 12% 30px 0px;
    float: left;
    list-style: none;
}

    .list-style li {
        padding: 0px 0px 0px 20px;
    }


.gray li {
    background: url(/Content/images/icons/bullet_gray.png) left center no-repeat;
}

.red li {
    background: url(/Content/images/icons/bullet_red.png) left center no-repeat;
}

.green li {
    background: url(/Content/images/icons/bullet_green.png) left center no-repeat;
}

.blue li {
    background: url(/Content/images/icons/bullet_blue.png) left center no-repeat;
}


.tipsy {
    padding: 5px;
    font-size: 12px;
    position: absolute;
    z-index: 100000;
}

.tipsy-inner {
    padding: 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}

.tipsy-inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.tipsy-arrow {
    position: absolute;
    background: url('/Content/images/icons/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
}



.wysiwyg {
    padding: 6px;
    font-size: 13px;
    background: #fff url('/Content/images/bg-form-field.html') top left repeat-x;
    border: 1px solid #d5d5d5;
    color: #333;
}




.wizard-box {
    width: 100%;
    border: 1px solid #b5b6b3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

fieldset.sectionwrap { /*fieldset that wraps around each form "page" */
    border-width: 0;
    padding: 10px;
    width: 950px;
    /*height: 400px;*/
    min-height: 480px;
    float: left;
}



div.stepsguide { /*div that contains all the "steps" text located at top of form */
    width: 100%; /*width of "steps" container*/
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    border-bottom: 1px solid #b5b6b3;
}

    div.stepsguide .step { /*div that wraps around each "steps" text */
        width: 150px; /*width of each "steps" text*/
        font: bold 20px;
        float: left;
        background-image: url(/Content/images/step-bg.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding: 10px;
    }

    div.stepsguide .disabledstep { /*div that wraps around each "steps" text */
        color: #C4C4C4;
    }

    div.stepsguide .step .smalltext { /*small footer text inside "steps" text */
        font-size: 13px;
        font-weight: normal;
    }

div.formpaginate { /* CSS for pagination DIV container */
    width: 98.5%;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    margin: 5px;
}

    div.formpaginate .prev, div.formpaginate .next { /*CSS for "prev" and "next" SPAN elements within paginate container */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        background-color: #e7eaeb;
        box-shadow: inset 0px 1px 0px #fff;
        text-shadow: 1px 1px 0px #fff;
        font-size: 15px;
        letter-spacing: 0.10px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 7px 18px 8px 18px;
        cursor: pointer;
        color: #5c5c5c;
        border: 1px solid #b5b6b3;
    }


.countLabel {
    color: Gray;
    font-style: italic;
    width: 100%;
    font-size: 14px;
}

.storageBox {
    display: none;
}

.copiedOption {
    background-color: Yellow;
}








/*===============UI ELEMENTS PAGE==================*/
/*===============UI ELEMENTS PAGE==================*/



/* Image list */

.imglist {
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-family: "Lucida Grande", Verdana, sans-serif;
}

    .imglist ul {
        padding: 0;
    }

    .imglist li {
        padding: 0;
        margin: 0;
        background: #fff;
        width: 100px;
        height: 100px;
        display: block;
        float: left;
        position: relative;
        margin: 10px 23px 10px 0;
        border: 1px solid #ccc;
        padding: 1px;
        box-shadow: 0 0 3px #ccc;
        -moz-box-shadow: 0 0 3px #ccc;
        -webkit-box-shadow: 0 0 3px #ccc;
    }

        .imglist li:hover {
        }

        .imglist li img {
            width: 100px;
            height: 100px;
        }

        .imglist li ul {
            position: absolute;
            z-index: 10;
            background: url(/Content/images/imgo.gif) center no-repeat;
            width: 62px;
            height: 58px;
            left: 20px;
            top: 22px;
            display: none;
        }

        .imglist li:hover ul {
            display: block;
        }

        .imglist li ul li {
            display: block;
            width: 62px;
            height: 29px;
            text-align: center;
            margin: 0;
            padding: 0;
            border: 0;
            background: 0;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }

    .imglist .ui-state-highlight {
        border: 1px dashed #ccc;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .imglist .ui-sortable-helper {
        opacity: .80;
        -moz-opacity: .80;
    }

    .imglist li ul li a {
        text-decoration: none;
        display: block;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        height: 29px;
        line-height: 29px;
        text-shadow: 0 0 2px #000;
        outline: none;
    }

    .imglist li ul li.view a:hover {
        background: url(/Content/images/imgt.gif) bottom center no-repeat;
    }

    .imglist li ul li.delete a:hover {
        background: url(/Content/images/imgb.html) top center no-repeat;
    }




.horizontal-tabs, .vertical-tabs {
    border: 1px solid #b8bcc0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-top: 25px;
    margin-left: 25px;
    width: 90%;
}


    .horizontal-tabs ul {
        background-color: #e8ebec;
        border-bottom: 1px solid #b8bcc0;
    }

        .horizontal-tabs ul li {
            display: inline;
        }

            .horizontal-tabs ul li a {
                display: inline-block;
                padding: 10px 5px;
                color: #55748e;
            }

                .horizontal-tabs ul li a:hover {
                    color: #ffffff;
                    background-color: #262152;
                }


            .horizontal-tabs ul li.active a {
                color: #ffffff;
                background-color: #262152;
                /*color: #5c5c5c;
                background-color: #cad9e7;*/
            }


.horizontal-tab-content {
    padding: 15px;
    font-size: 14px;
    -moz-box-shadow: inset 0 0 20px #d9d7d7;
    -webkit-box-shadow: inset 0 0 20px #d9d7d7;
    box-shadow: inset 0 0 20px #d9d7d7;
}



.vertical-tabs ul {
    background-color: #e8ebec;
    border-right: 1px solid #b8bcc0;
    float: left;
    width: 180px;
}

    .vertical-tabs ul li {
        list-style: none;
    }

        .vertical-tabs ul li a {
            display: inline-block;
            padding: 12px 0px 11px 30px;
            width: 150px;
            color: #55748e;
        }

        .vertical-tabs ul li.active a {
            color: #5c5c5c;
            padding: 12px 0px 11px 30px;
            width: 150px;
            background-color: #cad9e7;
        }


.vertical-tab-content {
    padding: 15px;
    font-size: 14px;
    overflow: hidden;
    float: left;
    width: 345px;
}















/*===============PLUGINS PAGE==================*/
/*===============PLUGINS PAGE==================*/


.graph-box {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    min-height: 500px;
    height: 100px;
}



.slider {
    width: 100%;
    height: 600px;
    display: block;
    position: relative;
    background: #fff;
    overflow: hidden;
}

    .slider ul {
        list-style: none;
    }

.slider-content {
    float: left;
    width: 100%;
    display: block;
    overflow: auto;
    min-height: 510px;
}

    .slider-content ul {
        float: left;
        width: 100%;
        display: block;
        position: relative;
    }

        .slider-content ul li {
            float: left;
            width: 100%;
        }

        .slider-content ul ul li a {
            padding: 5px 10px;
            display: block;
            border-bottom: 1px solid #f3f3f3;
            text-transform: capitalize;
        }

            .slider-content ul ul li a:hover {
                background: #f3faff;
                border-color: #d5ebf9;
            }

    .slider-content .title {
        padding: 5px 0;
        text-indent: 10px;
        background: #c7d7e5;
        color: #fff;
        width: 100%;
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .slider-content .selected .title {
        background: #95adc8;
    }

.slider .slider-nav {
    position: absolute;
    right: 0;
    top: 0;
    background: #95adc8;
    min-height: 510px;
}

    .slider .slider-nav ul {
        padding: 5px 0;
    }

    .slider .slider-nav li a {
        padding: 3px 5px;
        line-height: 13px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        display: block;
        text-transform: uppercase;
        cursor: pointer;
    }

.slider #debug {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    background: #000;
    color: #fff;
}

.slider .arrow {
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 8px solid #fff;
    border-left: 5px solid #617489;
    border-right: 5px solid #617489;
    position: relative;
    top: 5px;
}

.slider .down {
    border-bottom: none;
    border-top: 8px solid #fff;
    top: 15px;
}

.slider .slide-up, .slider .slide-down {
    height: 20px;
    background: #55728d;
    text-align: center;
    cursor: pointer;
    float: right;
    width: 100%;
    position: relative;
}



.video-player {
    width: 100%;
    height: 350px;
}

.audio-player {
    width: 100%;
}





/*===============ERROR PAGE==================*/
/*===============ERROR PAGE==================*/


.errorNum {
    color: #FFFFFF;
    display: block;
    font-size: 200px;
    padding: 0px 0px 20px 0px;
    text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    text-align: center;
    filter: dropshadow(color=#CCCCCC,offX=5,offY=5);
}








/*===============ADDITIONAL PAGE==================*/
/*===============ADDITIONAL PAGE==================*/



.map-canvas {
    height: 300px;
    width: 100%;
    border: 1px solid #5c5c5c;
}




.barcode {
    margin: 0px auto;
}


#qrcode2 {
    width: 350px;
    height: 350px;
}


.qrcode img {
    display: block;
    margin: 0px auto;
}




.comment {
}

.avartar {
    height: 40px;
    width: 40px;
    background-color: #FAFAFA;
    border: 1px solid #b5b6b3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #CCCCCC;
    float: left;
    margin: 0 35px 0 0px;
    padding: 10px;
}


    .avartar img {
        height: 40px;
        width: 40px;
    }

.msg {
    margin: 20px 0px 15px 115px;
    min-height: 40px;
    padding: 10px;
    font-size: 14px;
    color: #919191;
    border: 1px solid #b5b6b3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 10px #e9e9e9;
    -webkit-box-shadow: inset 0 0 10px #e9e9e9;
    box-shadow: inset 0 0 10px #e9e9e9;
    max-height: 100px;
    overflow-y: auto;
    font-style: italic;
}

    .msg samp {
        text-align: left;
        display: inline-block;
        width: 58%;
        margin-bottom: 10px;
        font-style: normal;
    }

    .msg span {
        width: 40%;
        text-align: right;
        display: inline-block;
        margin-bottom: 10px;
        font-size: 12px;
        color: #CCCCCC;
        font-style: normal;
    }


.commentMsg {
    margin: 25px 0px 0px 0px;
    padding-left: 15px;
}

.rply {
    width: 100%;
}







/*---FOOTER---*/
.push {
    height: 40px;
}

#footer {
    width: 100%;
    float: left;
    height: 20px;
    background: #e7ecf0;
    color: #b0b0b0;
    font-size: 11px;
    text-shadow: 1px 1px 0px #fff;
    margin: 0px 0px 0px 0px;
    padding: 10px 0% 10px 0%;
    bottom: 0;
    position: relative;
}

    #footer span {
        float: right;
        text-align: right;
        color: #b0b0b0;
        font-size: 12px;
    }

        #footer span b {
            color: #b0b0b0;
        }

        #footer span a {
            color: #b0b0b0;
        }

            #footer span a:hover {
                color: #878686;
            }

/*---FOOTER ENDS---*/


#modalFormDiv {
    width: auto;
    height: auto;
    display: none;
    margin-bottom: 20px;
    color: #A0A0A0;
}

#modalFormDivAgGercekSahis {
    width: 600px;
    height: auto;
    display: none;
    margin-bottom: 20px;
    color: #A0A0A0;
}

#modalFormDivAgTuzelSahis {
    width: 600px;
    height: auto;
    display: none;
    margin-bottom: 20px;
    color: #A0A0A0;
}

#modalFormDivOgGercekSahis {
    width: 600px;
    height: auto;
    display: none;
    margin-bottom: 20px;
    color: #A0A0A0;
}

#modalFormDivOgTuzelSahis {
    width: 600px;
    height: auto;
    display: none;
    margin-bottom: 20px;
    color: #A0A0A0;
}

#modalFormDivSerbestTuketiciAgGercekSahis {
    width: 600px;
    height: auto;
    display: none;
    margin-bottom: 20px;
    color: #A0A0A0;
}

#modalFormDivSerbestTuketiciAgTuzelSahis {
    width: 750px;
    height: auto;
    display: none;
    margin-bottom: 20px;
    color: #A0A0A0;
}

.formSelect {
    padding: 3px;
    border: 1px solid #5C5C5C;
    font-size: 11px;
}


.accordionBaslik {
    cursor: pointer;
}

.accordionHolder {
    height: 0px;
    padding: 0px;
    overflow: auto;
}


#aramaKriterleriBaslik {
    cursor: pointer;
}

#aramaKriteriHolder {
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

#aramaKriterleriBaslikAgGercekSahis {
    cursor: pointer;
}

#aramaKriteriHolderAgGercekSahis {
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

#aramaKriterleriBaslikAgTuzelSahis {
    cursor: pointer;
}

#aramaKriteriHolderAgTuzelSahis {
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

#aramaKriterleriBaslikOgGercekSahis {
    cursor: pointer;
}

#aramaKriteriHolderOgGercekSahis {
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

#aramaKriterleriBaslikOgTuzelSahis {
    cursor: pointer;
}

#aramaKriteriHolderOgTuzelSahis {
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

#aramaKriterleriBaslikSerbestTuketiciAgGercekSahis {
    cursor: pointer;
}

#aramaKriteriHolderSerbestTuketiciAgGercekSahis {
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

#aramaKriterleriBaslikSerbestTuketiciAgTuzelSahis {
    cursor: pointer;
}

#aramaKriteriHolderSerbestTuketiciAgTuzelSahis {
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

#okumaListeAramaKriteriHolder {
    height: 0;
    overflow: hidden;
    padding: 0;
}

.fullWidth {
    width: 100%;
}

.smlBtn, .smlBtn:focus {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: #e7eaeb;
    box-shadow: inset 0px 1px 0px #fff;
    text-shadow: 1px 1px 0px #fff;
    font-size: 12px;
    letter-spacing: 0.10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    color: #5c5c5c;
    border: 1px solid #b5b6b3;
}


    .smlBtn i {
        font-size: 17px;
        padding: 0px 0px 0px 0px;
        position: relative;
        top: 2px;
    }

.islemSutun {
    width: 250px;
}

.sinyalSutun {
    max-width: 40px;
}

.durumSutun {
    width: 66px;
}

.smallest {
    width: 14%;
    margin-right: 10px;
}

#KayitSilForm {
    float: right;
}

.versionTooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    display: none;
    padding: 10px;
    position: absolute;
    width: 256px;
    margin-left: 60px;
    margin-top: -25px;
}

.dNone {
    display: none;
}

.multipleListHolder {
    float: left;
    width: 208px;
}

.multipleListButtonHolder {
    float: left;
    margin-left: 52px;
    margin-right: 37px;
    margin-top: 133px;
    width: 94px;
}

.multipleFilter {
    margin-bottom: 5px;
}

.multipleSelect {
    height: 250px;
    width: 100%;
}

.checkList {
    float: left;
    width: 420px;
}

.drpList {
    float: left;
    width: 420px;
    text-align: center;
}

    .drpList select {
        width: 95px;
    }

#ykpTarihInputs {
    display: none;
}

#ZamanTipi {
    margin-left: 48px;
}

.noBorder {
    border: none;
}

.clear {
    clear: both;
}

.noPadding {
    padding: 0 !important;
}

.floatNone {
    float: none;
}

.multiselect {
    height: 200px;
    width: 460px;
    margin: auto;
}

#datatable_wrapper .ui-widget-header {
    background-image: none;
    background: #99A8F6;
    border-color: #99A8F6;
    height: 20px;
}

tr.odd {
    background-color: #FFFFFF;
}

/*tr.odd td.sorting_1 {
            background-color: #FFFFFF;
        }

    tr.even td.sorting_1 {
        background-color: #E8E9E9;
    }*/

table.display td:first-child {
    border-left: 1px solid #D3D3D3;
}

table.display td {
    border-right: 1px solid #D3D3D3;
    color: #000000;
    font-size: 11px;
    padding: 6px 4px;
    text-align: center;
    /*text-shadow: 1px 1px 0 #FFFFFF;*/
}

.fLeft {
    float: left;
}

#preLoader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1500;
    background-color: #FFF;
    background-image: url(/Content/images/big-roller.gif);
    background-position: center center;
    opacity: 0.6;
    background-repeat: no-repeat;
}

.rightMessage {
    margin-left: 10px;
    margin-right: 10px;
}

#singleRMessages {
    height: 365px;
    overflow-y: scroll;
}

    #singleRMessages > li {
        display: none;
        margin-bottom: 10px;
    }

        #singleRMessages > li > a > p {
            margin-left: 38px;
        }

.field-validation-error span {
    color: #FE4B4B !important;
}

#languageListHolder {
    float: right;
    font-size: 9px;
    color: #fff;
    font-weight: normal;
    /* text-shadow: 1px 1px 1px #FFFFFF;*/
    margin-top: 5px;
    text-align: right;
}