﻿@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
}

body {
    background: url(../images/bg-pattern.png);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.ad-next1 {
    background: url("../images/trans.gif") repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 200;
}
.ad-next1-image {
    background: url(../images/next.png) repeat scroll 0 0 transparent;
    height: 128px;
    width: 128px;
    right: 0%;
    position: absolute;
    top: 35%;
    z-index: 101;
}

.ad-prev1 {
    background: url("../images/trans.gif") repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 200;
}
.ad-prev1-image {
    background: url(../images/prev.png) repeat scroll 0 0 transparent;
    height: 128px;
    width: 128px;
    left: 0%;
    position: absolute;
    top: 35%;
    z-index: 101;
}

a {
    text-decoration: none;
    color: #09C;
}

    a:hover {
        color: #123e53;
    }

*:focus {
    outline: none;
}

.clear {
    clear: both;
}

a.btn {
    background-color: #3ca4cc;
    display: inline-block;
    color: #FFF;
    line-height: 15px;
    font-size: 13px;
    padding: 5px 15px 0 15px;
    height: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

a.btn2 {
    background-color: #215b76;
    display: inline-block;
    color: #FFF;
    line-height: 15px;
    font-size: 13px;
    padding: 5px 15px 0 15px;
    height: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

a.btn3 {
    background-color: #292929;
    display: inline-block;
    color: #FFF;
    line-height: 15px;
    font-size: 13px;
    padding: 5px 15px 0 15px;
    height: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.btn-mini {
    background-color: #215b76;
    display: inline-block;
    color: #FFF;
    line-height: 19px;
    height: 18px;
    font-size: 11px;
    padding: 2px 10px 0 10px;
    height: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

a.btn-mini2 {
    background-color: #3ca4cc;
    display: inline-block;
    color: #FFF;
    line-height: 19px;
    height: 18px;
    font-size: 11px;
    padding: 2px 10px 0 10px;
    height: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

a.btn-mini-gray {
    background-color: #dfebf0;
    display: inline-block;
    color: #FFF;
    line-height: 19px;
    height: 18px;
    font-size: 11px;
    padding: 2px 10px 0 10px;
    height: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

a.btn-big {
    background-color: #215b76;
    font-weight: normal;
    display: inline-block;
    color: #FFF;
    font-family: BebasNeueRegular;
    line-height: 40px;
    font-size: 20px;
    padding: 5px 15px 0 15px;
    height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

a.btn-big-disabled {
    background-color: #FF6600 !important;
    color: #FFFFFF !important;
    cursor: default !important;
}

input.btn {
    background-color: #3ca4cc;
    color: #FFF;
    font-size: 13px;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

input.btn2, button.btn2 {
    background-color: #215b76;
    color: #FFF;
    font-size: 13px;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    border: 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

button.btn-mini2 {
    background-color: #215b76;
    color: #FFF;
    font-size: 11px;
    padding: 5px 15px;
    -moz-border-radius: 5px;
    border: 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.btn:hover,
.btn2:hover,
.btn3:hover,
.btn-mini:hover,
.btn-mini-gray:hover,
.btn-mini2:hover,
.btn-big:hover {
    cursor: pointer;
    background-color: #F60;
    color: #FFF;
}

.b-zone {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    padding: 10px 2px;
    float: left;
    height: 60px;
    margin-bottom: 20px;
}

.b-zone-2 {
    margin-bottom: 20px;
}

.b-zone-marginright-8 {
    margin-right: 8px;
}

.b-zone-center {
    margin-left: auto;
    margin-right: auto;
}

input[type=text], input[type=password] {
    border: 1px solid #23556c;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #555;
}

span.customStyleSelectBox {
    background-color: #FFF;
    color: #555;
    border: 1px solid #23556c;
    height: 27px;
    line-height: 27px;
    display: inline-block;
}

    span.customStyleSelectBox.changed {
    }

.customStyleSelectBoxInner {
    background: url(../images/arr-down.png) no-repeat center right;
    height: 27px;
    line-height: 27px;
    margin: 0 5px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.red {
    color: #C33;
}

.green {
    color: #060;
}

.page-wrapper {
    width: 960px;
    margin: auto;
}

.date-count {
    margin-top: 5px;
    font-size: 12px;
}

    .date-count b {
        color: #C33;
    }

.header {
    border-top: 2px solid #23556c;
}

.top-menu {
    height: 25px;
    width: 960px;
    margin: auto;
}

    .top-menu a,
    .top-menu img {
        float: right;
    }

    .top-menu a {
        height: 25px;
        background: #23556c url(../images/icons.png) no-repeat left top;
        line-height: 25px;
        font-size: 11px;
        font-family: tahoma;
        color: #FFF;
        padding: 0 10px 0 25px;
    }

        .top-menu a:hover {
            background-color: #2c6c89;
        }

        .top-menu a.home-page {
            background-position: 10px top;
            border-right: 1px solid #0f3e53;
        }

        .top-menu a.sign-up {
            background-position: 10px -25px;
            border-left: 1px solid #2c6c89;
            border-right: 1px solid #0f3e53;
        }

        .top-menu a.sign-in {
            background-position: 10px -50px;
            border-left: 1px solid #2c6c89;
        }

        .top-menu a.exit {
            background-position: 10px -1485px;
            border-left: 1px solid #2c6c89;
        }

.middle {
    border-bottom: 3px solid #3ca4cc;
    height: 58px;
}

    .middle .logo {
        position: relative;
        float: left;
    }

    .middle .wave {
        position: absolute;
        left: 113px;
        top: 4px;
        z-index: 1;
    }

    .middle .searchbox {
        width: 360px;
        height: 30px;
        float: left;
        background: url(../images/searchbox-bg.png) no-repeat left top;
        margin-left: 45px;
        margin-top: 3px;
    }

        .middle .searchbox .sb {
            background-color: #fff!important;
            border: 0!important;
            line-height: 20px;
            height: 20px;
            font-size: 12px;
            color: #444;
            margin: 4px 0 0 10px;
            width: 310px;
        }

        .middle .searchbox .mag {
            background: transparent url(../images/icons.png) no-repeat center -75px;
           border: 0;
            width: 25px;
            height: 30px;
             /*text-indent: -99999999px;*/
            cursor: pointer;
            float:right;
            margin-right:7px;
        }

    .middle .social-media {
        text-align: right;
        margin-top: 10px;
        margin-right: 15px;
        float: right;
    }

.nav {
    background-color: #3ca4cc;
    margin-top: 1px;
    height: 95px;
}

    .nav a {
        float: left;
        font-family: BebasNeueRegular;
        font-size: 20px;
        display: inline-block;
        padding: 0 10px;
        font-weight: normal;
        color: #FFF;
        margin-right: 17px;
        height: 95px;
    }

        .nav a:hover {
            color: #123e53;
        }

        .nav a.selected {
            color: #123e53;
            background: url(../images/arr-nav.gif) no-repeat center bottom;
        }

        .nav a span {
            display: block;
            height: 40px;
            margin: 15px 0 5px 0;
            background: url(../images/icons.png) no-repeat center -105px;
        }

        .nav a.nav-news span {
            background-position: center -105px;
        }

        .nav a.nav-tech span {
            background-position: center -150px;
        }

        .nav a.nav-guid span {
            background-position: center -192px;
        }

        .nav a.nav-univ span {
            background-position: center -238px;
        }

        .nav a.nav-auth span {
            background-position: center -284px;
        }

        .nav a.nav-proj span {
            background-position: center -328px;
        }

        .nav a.nav-sine span {
            background-position: center -372px;
        }

        .nav a.nav-sine {
            margin-right: 0;
        }

.sub-nav {
    background-color: #FFF;
    border-bottom: 1px solid #eee;
    height: 30px;
    padding: 10px 0;
}

    .sub-nav a {
        float: left;
        height: 30px;
        line-height: 30px;
        color: #222;
        padding: 0 15px;
        color: #999;
        margin-right: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

        .sub-nav a:hover {
            color: #000;
        }

        .sub-nav a.selected {
            background-color: #23556c;
            color: #FFF;
        }

.content {
    width: 960px;
    margin: 20px auto;
    min-height: 600px;
}

.left-content {
    width: 710px;
    margin-right: 20px;
    float: left;
}

.aside {
    width: 230px;
    float: left;
}

.boxAd {
    margin-bottom: 20px;
}

.box {
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 20px;
}

    .box .t {
        height: 43px;
        background-color: #FFF;
    }

        .box .t .icn {
            height: 43px;
            line-height: 48px;
            float: left;
            font-family: BebasNeueRegular;
            font-size: 20px;
            color: #303231;
            padding-left: 40px;
            background: url(../images/icons.png) no-repeat left -105px;
        }

        .box .t .no-icn {
            height: 43px;
            line-height: 48px;
            float: left;
            font-family: BebasNeueRegular;
            font-size: 20px;
            color: #303231;
            padding-left: 10px;
        }

        .box .t .all {
            height: 43px;
            line-height: 43px;
            float: right;
            font-size: 12px;
            margin-right: 10px;
        }

    .box .c {
        background: url(../images/title-arr.gif) no-repeat top left;
        padding: 12px 9px 9px 9px;
    }

.part-230 {
    width: 228px;
}
.part-150 {
    width: 150px;
}
.part-350 {
    width: 348px;
}

.part-400 {
    width: 398px;
}

.part-470 {
    width: 468px;
}

.part-710 {
    width: 708px;
}

.form {
    background-color: #f8f8f8;
}

    .form .t {
        background-color: #FFF;
    }

    .form .c {
        padding: 15px;
    }

    .form .row {
        padding: 10px 0 0 0;
        clear: both;
        overflow: visible;
    }

    .form .lbl {
        float: left;
        width: 120px;
        font-size: 12px;
        font-weight: bold;
        padding: 7px 0 0 0;
    }

    .form .col {
        float: left;
        font-size: 12px;
    }

    .form input[type=text],
    .form input[type=password],
    .form span.customStyleSelectBox {
        border: 1px solid #ddd;
    }

        .form input[type=text]:focus,
        .form input[type=password]:focus,
        .form span.customStyleSelectBox:focus {
            border: 1px solid #3ca4cc;
        }

.hint {
    background: url(../images/infoIcon.gif) no-repeat left top;
    line-height: 16px;
    padding-left: 20px;
    display: inline-block;
    font-size: 12px;
    color: #5b9fd8;
}

.error {
    background: url(../images/error.png) no-repeat left top;
    line-height: 16px;
    padding-left: 20px;
    display: inline-block;
    font-size: 12px;
    color: #C00;
}

.msg-ok {
    display: block;
    padding: 10px;
    background: #56ae47 url(../images/msg-ok.gif) no-repeat left top;
    line-height: 16px;
    padding-left: 40px;
    font-size: 12px;
    color: #fff;
}

.msg-err {
    display: block;
    padding: 10px;
    background: #b83c3c url(../images/msg-err.gif) no-repeat left top;
    line-height: 16px;
    padding-left: 40px;
    font-size: 12px;
    color: #fff;
}

.new-member input[type=text],
.new-member input[type=password] {
    width: 200px;
}

.new-member select {
    width: 192px;
}

.new-member .birthdate select {
    width: 55px;
}

/*titles*/
.editors-choice .t .icn {
    background-position: left -420px;
}

.activity-calendar .t .icn {
    background-position: left -555px;
}

.most-read .t .icn {
    background-position: left -600px;
}

.most-uni .t .icn {
    background-position: left -600px;
}

.videoport .t .icn {
    background-position: left -465px;
}

.fotoport .t .icn {
    background-position: left -510px;
}

.tech-lib .t .icn {
    background-position: left -150px;
}

.sec-guide .t .icn {
    background-position: left -195px;
}

.uni-news .t .icn {
    background-position: left -240px;
}

.authors .t .icn {
    background-position: left -285px;
}


.about-author .t .icn {
    background-position: left -285px;
}


.rops .t .icn {
    background-position: left -690px;
}

.seminars .t .icn {
    background-position: left -780px;
}
/*.products .t .icn { background-position: left -825px; }*/
.competition .t .icn {
    background-position: left -1400px;
}

.competition-rules .t .icn {
    background-position: left -645px;
}

.competition-box .t .icn {
    background-position: left -1400px;
}

.competition-top-list .t .icn {
    background-position: left -600px;
}

.poll .t .icn {
    background-position: left -735px;
}

.forum .t .icn {
    background-position: left -870px;
}

.jobs-box .t .icn {
    background-position: left -1560px;
}

.comments .t .icn {
    background-position: left -915px;
}

.p-of-day .t .icn {
    background-position: left -600px;
}

.firm .t .icn {
    background-position: left -1050px;
}

.firms .t .icn {
    background-position: left -1050px;
}

.prod .t .icn {
    background-position: left -1005px;
}

.products .t .icn {
    background-position: left -1005px;
}

.firm-prod-search .t .icn {
    background-position: left -960px;
}

.activity-search .t .icn {
    background-position: left -960px;
}

.new-member .t .icn {
    background-position: left -1096px;
}

.login-form .t .icn {
    background-position: left -1276px;
}

.sinerji .t .icn {
    background-position: left -376px;
}

.recycle .t .icn {
    background-position: left -1440px;
}

.project-consulting-nav .t .icn {
    background-position: left -330px;
}

.tools .t .icn {
    background-position: left -1520px;
}

.non-scrollable a {
    display: block;
    height: 45px;
    color: #292929;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 15px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

    .non-scrollable a:hover {
        color: #09C;
    }

    .non-scrollable a:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .non-scrollable a img {
        float: left;
        margin-right: 5px;
        vertical-align: middle;
    }

    .non-scrollable a p {
        color: #09C;
    }

.img-title-desc div {
    clear: both;
    margin-bottom: 10px;
    padding-left: 50px;
    font-size: 12px;
    min-height: 45px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

    .img-title-desc div:last-child {
        margin-bottom: 0px;
        border-bottom: none;
    }

    .img-title-desc div .thumb {
        float: left;
        margin-left: -50px;
    }

    .img-title-desc div p a {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
    }

.scrollable {
    width: 329px;
    height: 250px;
}
/*.poll .c { height: 217px; }*/
.poll .c div {
    margin-bottom: 5px;
}

.forum .c {
    height: 216px;
}

    .forum .c a {
        display: block;
        font-size: 12px;
        color: #292929;
        margin-bottom: 5px;
        line-height: 15px;
        padding-left: 10px;
        background: url(../images/arr-bullet.png) no-repeat left 4px;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 5px;
    }

        .forum .c a:hover {
            color: #09C;
        }

.jobs-box .c a {
    display: block;
    font-size: 12px;
    color: #292929;
    margin-bottom: 5px;
    line-height: 15px;
    padding-left: 10px;
    background: url(../images/arr-bullet.png) no-repeat left 4px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}

    .jobs-box .c a:hover {
        color: #09C;
    }

.cities .c {
}

    .cities .c a {
        display: block;
        font-size: 12px;
        color: #292929;
        margin-bottom: 5px;
        line-height: 15px;
        padding-left: 10px;
        background: url(../images/arr-bullet.png) no-repeat left 4px;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 5px;
    }

        .cities .c a:hover {
            color: #09C;
        }

.cities .scroll {
    height: 300px;
    overflow: auto;
}

.activity-calendar .activity {
    height: 45px;
    margin-bottom: 10px;
    color: #999;
    line-height: 15px;
}

    .activity-calendar .activity .date {
        float: left;
        background: url(../images/arr-calendar.gif) no-repeat top right;
        width: 24px;
        font-family: BebasNeueRegular;
        text-align: center;
        padding-right: 8px;
        color: #292929;
        margin-right: 5px;
    }

        .activity-calendar .activity .date div {
            height: 28px;
            line-height: 28px;
            font-size: 30px;
        }

        .activity-calendar .activity .date p {
            height: 15px;
            line-height: 15px;
            font-size: 16px;
        }

    .activity-calendar .activity a {
        display: block;
        line-height: 15px;
    }

.spot {
    width: 340px;
    border-right: 1px dotted #292929;
    margin-right: 10px;
    padding-right: 10px;
    line-height: 17px;
    float: left;
    height: 257px;
}

    .spot img {
        margin: 0 10px 5px 0;
    }

/*detay*/
.article-detail {
    padding: 20px;

}

#dvArticleContent sub {
	vertical-align: sub;
}

#dvArticleContent sup {
	vertical-align: super;
}

#dvArticleContent em {
	font-style: italic;
}


.about-author .c
{
    padding-left:85px;
}
.about-author img{
    float:left;
    margin-left:-85px;
}

    .about-author b {
        font-family:BebasNeueRegular;
        display: block;
        margin: 0 0 10px 0;
        font-size: 20px;
        font-weight:normal;
    }

    .about-author .btn-mini {
        padding-left: 20px;
        background-image: url(../images/mini_icons.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-bottom: 5px;
    }

    .about-author .msg {
        background-position: 5px -152px;
    }

    .about-author .prt {
        background-position: 5px -113px;
    }

    .about-author .all {
        background-position: 5px -192px;
    }

    .about-author .abt {
        background-position: 5px 6px;
    }








.article-left {
    background-color: #F9F9F9;
    padding: 10px 10px 10px 135px;
    width:125px;
    float:left;
}
.article-left img{
    float:left;
    margin-left:-135px;
}

    .article-left b {
        display: block;
        margin: 0 0 10px 0;
        background-color: #252629;
        color: #FFF;
        padding: 8px 5px;
        font-size: 12px;
    }

    .article-left .btn-mini {
        padding-left: 20px;
        background-image: url(../images/mini_icons.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-bottom: 5px;
    }

    .article-left .msg {
        background-position: 5px -152px;
    }

    .article-left .prt {
        background-position: 5px -113px;
    }

    .article-left .all {
        background-position: 5px -192px;
    }

    .article-left .abt {
        background-position: 5px 6px;
    }




.article-right {
    color: #333;
}

    .article-right h1 {
        font-size: 26px;
        font-weight: bold;
        line-height: 30px;
        color: #C33;
        margin-bottom: 10px;
    }

    .article-right h2, .row h2 {
        font-family: 'arial narrow';
        font-size: 19px;
        font-weight: normal;
        line-height: 21px;
        color: #666;
    }

    .article-right .date {
        font-size: 12px;
    }

    .article-right .comments {
        margin-top: 30px;
    }

        .article-right .comments .c div p {
            float: left;
        }

.social-media-btns
{
    margin: 10px 0;
    border-top:1px dotted #ccc;
    padding:10px 0;
}

.social-media-btns .sm
{
    float:left;
    margin-right:10px;
}
.dotted-seperator {
    border-bottom: 1px dashed #ccc;
    margin: 20px 0;
    height: 1px;
}



        .authors-other  a {
            display: block;
            line-height: 20px;
            padding-left: 10px;
            background: url(../images/arr-bullet.png) no-repeat left 7px;
        }

.fontSize {
    float: right;
}

    .fontSize .down {
        font-size: 14px;
        border-right: 1px solid #ccc;
        padding-right: 5px;
    }

    .fontSize .up {
        font-size: 20px;
    }

.font10 {
    font-size: 10px;
    line-height: 13px;
}

.font11 {
    font-size: 11px;
    line-height: 15px;
}

.font12 {
    font-size: 12px;
    line-height: 18px;
}

.font13 {
    font-size: 13px;
    line-height: 19px;
}

.font14 {
    font-size: 14px;
    line-height: 20px;
}

.font15 {
    font-size: 15px;
    line-height: 21px;
}

.font16 {
    font-size: 16px;
    line-height: 22px;
}

.font17 {
    font-size: 17px;
    line-height: 23px;
}

.font18 {
    font-size: 18px;
    line-height: 24px;
}

.font19 {
    font-size: 19px;
    line-height: 25px;
}

.font20 {
    font-size: 20px;
    line-height: 26px;
}

.font21 {
    font-size: 21px;
    line-height: 27px;
}

.sm {
    margin-bottom: 5px;
}

#smTwit {
    width: 93px;
}

#smTwit1 {
    width: 73px;
}

#smGoogle {
    width: 63px;
}
.twitter-share-button {
     width: 102px !important;
}
.twitter-follow-button {
    width: 84px !important;
}
#___plusone_0 {
    width: 76px !important;
}
.tags {
    margin-top: 10px;
}

    .tags a {
        display: inline-block;
        background-color: #eee;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        padding: 0 10px;
        color: #666;
        -moz-border-radius: 5px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

        .tags a:hover {
            background-color: #F60;
            color: #FFF;
        }

.comments {
}

    .comments .c div {
        padding: 0 0 10px 0;
        line-height: 18px;
    }

        .comments .c div img {
            float: left;
            margin-right: 10px;
        }

        .comments .c div textarea {
            width: 100%;
            height: 80px;
            margin-bottom: 10px;
        }

        .comments .c div p {
            float: left;
        }

            .comments .c div p b {
                display: block;
                color: #000;
                margin-bottom: 5px;
            }
/*detay*/

/*arama sonuç*/
.search-result {
    padding: 20px;
}

    .search-result h3 {
        padding: 10px;
        background-color: #2c6c89;
        color: #fff;
        font-size: 16px;
    }

    .search-result .item {
        padding: 20px 0;
        border-bottom: 1px dashed #ccc;
        font-size: 14px;
        line-height: 17px;
    }

        .search-result .item img {
            float: left;
            margin-right: 10px;
        }

        .search-result .item p {
            float: left;
            width: 520px;
        }

        .search-result .item span {
            color: #bb3232;
            font-size: 12px;
        }

        .search-result .item p a {
            display: block;
            margin: 5px 0;
        }

        .search-result .item .more {
            clear: left;
            display: block;
            margin-left: 110px;
            padding-top: 5px;
        }
/*end arama sonuç*/

/*pager*/
.pager {
    padding-top: 30px;
    margin: auto;
    text-align: center;
}

    .pager span {
        display: table;
        margin: auto;
    }

    .pager a {
        float: left;
        background-color: #2c6c89;
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
        font-weight: bold;
        color: #FFF;
        margin-right: 1px;
    }

        .pager a:hover,
        .pager a.selected {
            background-color: #F60;
        }

    .pager .first,
    .pager .last,
    .pager .next,
    .pager .prev {
        padding: 0;
    }
/* end pager*/

/*haber-röp*/
.news-grid {
    padding: 9px;
}

    .news-grid table {
        border-collapse: collapse;
        border: 1px solid #fff;
    }

    .news-grid td {
        width: 200px;
        padding: 10px 15px 40px 15px;
        border: 1px dotted #ccc;
        font-size: 13px;
        line-height: 17px;
        color: #333;
    }

        .news-grid td b {
            display: block;
            font-size: 15px;
            line-height: 18px;
        }

        .news-grid td p {
            margin: 10px 0;
        }

        .news-grid td em {
            color: #bb3232;
            line-height: 20px;
            font-size: 12px;
        }

        .news-grid td span {
            display: block;
            margin-bottom: 5px;
            color: #fff;
            padding: 0 5px;
            height: 22px;
            line-height: 22px;
            background-color: #222;
        }
/* end haber-röp*/

/*yazarlar*/
.authors-grid {
    padding: 9px;
}

    .authors-grid table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #fff;
    }

    .authors-grid td {
        width: 200px;
        padding: 10px 15px 40px 15px;
        border: 1px dotted #ccc;
        font-size: 13px;
        color: #333;
    }

        .authors-grid td img {
            float: left;
            margin-right: 5px;
        }

        .authors-grid td b {
            display: table-cell;
            vertical-align: bottom;
            font-size: 14px;
            height: 65px;
        }

        .authors-grid td p {
            margin: 10px 0;
            color: #999;
            line-height: 15px;
            height: 60px;
        }

        .authors-grid td em {
            color: #bb3232;
            line-height: 20px;
            font-size: 12px;
            display: block;
            margin: 5px 0 10px 0;
        }

.firms-grid {
    padding: 9px;
}

    .firms-grid table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #fff;
    }

    .firms-grid td {
        width: 200px;
        padding: 10px 15px 40px 15px;
        border: 1px dotted #ccc;
        font-size: 13px;
        color: #333;
    }

        .firms-grid td img {
            float: left;
            margin-right: 5px;
        }

        .firms-grid td b {
            display: table-cell;
            vertical-align: bottom;
            font-size: 14px;
            height: 65px;
        }

        .firms-grid td p {
            margin: 10px 0;
            color: #999;
            line-height: 15px;
            height: 60px;
        }

        .firms-grid td em {
            color: #bb3232;
            line-height: 20px;
            font-size: 12px;
            display: block;
            margin: 5px 0 10px 0;
        }
/*yazarlar*/

/*firmalar*/
.firm .c div {
    height: 75px;
    margin-bottom: 20px;
}

    .firm .c div img {
        float: left;
        margin-right: 5px;
        border: 1px solid #ccc;
    }

    .firm .c div .btn-mini {
        margin-top: 8px;
    }

    .firm .c div .url {
        color: #999;
    }

.prod .c div {
    height: 75px;
    margin-bottom: 20px;
}

    .prod .c div img {
        float: left;
        margin-right: 5px;
        border: 1px solid #ccc;
    }

    .prod .c div .btn-mini {
        margin-top: 8px;
    }

    .prod .c div .url {
        color: #999;
    }

.p-of-day .c {
    height: 71px;
    background-color: #215B76;
}

.f-of-day .c {
    height: 72px;
    background-color: #215B76;
}

    .p-of-day .c div img,
    .f-of-day .c div img {
        float: left;
        margin-right: 5px;
        border: 1px solid #fff;
    }

    .p-of-day .c div .firm-name,
    .f-of-day .c div .firm-name {
        color: #FFF;
        display: block;
        height: 34px;
    }

.firm-prod-search {
    background-color: #3CA4CC;
    border: 1px solid #3CA4CC;
}

    .firm-prod-search .t {
        height: 38px;
    }

    .firm-prod-search .row {
        height: 28px;
        margin-bottom: 7px;
    }

    .firm-prod-search .c {
        padding-bottom: 0;
    }

.activity-search {
    background-color: #3CA4CC;
    border: 1px solid #3CA4CC;
}

    .activity-search .row {
        height: 28px;
        margin-bottom: 7px;
    }

.photo-port {
    padding: 10px 15px;
}

    .photo-port h1 {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        color: #C33;
        margin-bottom: 5px;
    }

    .photo-port .photo-holder {
        overflow: hidden;
        padding: 0;
        text-align: center;
        /*background-color: #eee;
        padding: 5px;
        overflow: hidden;
        position: relative;
        /*height: 368px;
        width: 668px;*/
    }

    .photo-port #image {
        display: inline-block;
        position: relative;
        text-align: center;
        padding: 0;
        z-index: 0;
    }

    .photo-port #image a {
        float: left;
        position: relative;
    }

     .photo-port #image img.gim {
         margin: auto;
    }

    .orjSize {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 313;
    }

    .orjSizeScale {
         background: url("../images/magnifier.png") no-repeat scroll 0 2px transparent;
        float: right;
        height: 48px;
        width: 48px;
    }

    .prevAndNext {
        display: inline;
        height: 0;
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        z-index: 308;
    }

.prevAndNext .left {
    background: url("../images/prev.png") no-repeat scroll 0 -54px transparent;
    float: left;
    height: 128px;
    /*margin: 0 0 0 -34px;*/
    width: 128px;
}

        .prevAndNext #nextBtn{
            float: right!important;
        }
.prevAndNext .right {
    background: url("../images/next.png") no-repeat scroll 0 -44px transparent;
    float: right;
    height: 128px;
    /*margin: 0 -34px 0 0;*/
    width: 128px;
}
    .photo-port .desc {
        padding: 5px 0 20px 0;
        font-size: 15px;
        line-height: 18px;
    }

    .photo-port .pager {
        padding-top: 0;
    }

.photo-comments .comments .c div p {
    float: left;
    width: 620px;
}

.competition {
    background-color: #f8f8f8;
}

    .competition .c {
        padding: 30px;
    }

        .competition .c h1 {
            font-size: 18px;
            margin-bottom: 20px;
            background-color: #FFF;
            padding: 10px;
        }

            .competition .c h1 b {
                color: #C03;
            }

        .competition .c .answers a {
            display: block;
            line-height: 40px;
            height: auto;
            background-color: #fff;
            margin-bottom: 5px;
            font-size: 13px;
            font-weight: bold;
            color: #000;
        }

            .competition .c .answers a b {
                display: inline-block;
                color: #FFF;
                width: 40px;
                text-align: center;
                background-color: #215b76;
                line-height: 40px;
                font-weight: bold;
            }

            .competition .c .answers a:hover {
                background-color: #eee;
            }

                .competition .c .answers a:hover b {
                    background-color: #C33;
                }

        .competition .c .q-info {
            margin-bottom: 20px;
        }

            .competition .c .q-info .l {
                float: left;
                margin-right: 1px;
                height: 40px;
                line-height: 43px;
                padding: 0 10px;
                background-color: #efefef;
                color: #333;
                font-family: BebasNeueRegular;
                font-size: 18px;
            }

                .competition .c .q-info .l SPAN {
                    color: #C33;
                }

            .competition .c .q-info .r {
                float: right;
                height: 40px;
                line-height: 43px;
                padding: 0 0 0 10px;
                background-color: #efefef;
                color: #000;
                font-family: BebasNeueRegular;
                font-size: 18px;
            }

                .competition .c .q-info .r SPAN {
                    color: #fff;
                    line-height: 43px;
                    background-color: #C33;
                    float: right;
                    height: 40px;
                    width: 40px;
                    text-align: center;
                }

                .competition .c .q-info .r em {
                    float: left;
                    margin-right: 10px;
                }

.competition-rules .c a {
    display: block;
    font-size: 12px;
    color: #292929;
    margin-bottom: 5px;
    line-height: 15px;
    padding-left: 10px;
    background: url(../images/arr-bullet.png) no-repeat left 4px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}

    .competition-rules .c a:hover {
        color: #09C;
    }

.btn-competition-top-10 {
    display: block;
    margin-bottom: 1px;
    font-size: 16px;
    color: #fff;
    background: #215b76 url(../images/icons.png) no-repeat 5px -1315px;
    height: 50px;
    line-height: 52px;
    padding: 0 0 0 50px;
}

.btn-competition-gift {
    display: block;
    font-size: 16px;
    color: #fff;
    background: #215b76 url(../images/icons.png) no-repeat 5px -1357px;
    height: 50px;
    line-height: 52px;
    padding: 0 0 0 50px;
}

    .btn-competition-top-10:hover,
    .btn-competition-gift:hover {
        background-color: #3ca4cc;
        color: #FFF;
    }

.competition-top-list .c div {
    display: block;
    font-size: 12px;
    color: #292929;
    line-height: 25px;
    border-bottom: 1px dotted #ccc;
    white-space:nowrap;
    position:relative;
}

    .competition-top-list .c div span {
        background-color: #CCC;
        width: 15px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        float: left;
        font-family: BebasNeueRegular;
        font-size: 18px;
        margin-right: 5px;
    }
    .competition-top-list .c div b {
        position:absolute;
        top:0;
        right:0;
}

.competition-inter {
    text-align: center;
}

    .competition-inter .msg {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }

.competition-categories .c {
    padding: 25px;
}

.competition-categories a {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border: 3px solid #fff;
    float: left;
    margin: 5px;
    padding: 10px;
    width: 128px;
    height: 125px;
    color: #000;
    text-align: center;
    font-family: BebasNeueRegular;
    font-size: 20px;
    position:relative;
}
.competitionIcon {
    position:absolute;
    left:50%;
    margin-left:-24px;
    bottom:30px;
}

    .competition-categories a.red {
        background-color: #C33;
    }

    .competition-categories a.dark-red {
        background-color: #600;
    }

    .competition-categories a.blue {
        background-color: #06C;
    }

    .competition-categories a.dark-blue {
        background-color: #036;
    }

    .competition-categories a.green {
        background-color: #096;
    }

    .competition-categories a.dark-green {
        background-color: #030;
    }

    .competition-categories a.orange {
        background-color: #F60;
    }

    .competition-categories a.dark-orange {
        background-color: #C30;
    }

    .competition-categories a.yellow {
        background-color: #F90;
    }

    .competition-categories a.dark-yellow {
        background-color: #C90;
    }

    .competition-categories a.brown {
        background-color: #630;
    }

    .competition-categories a.olive {
        background-color: #330;
    }

    .competition-categories a.purple {
        background-color: MediumPurple;
    }

    .competition-categories a:hover {
        background-color: #333;
        border: 3px solid #000;
        color: #FFF;
    }

.competition-box {
    height: auto;
}

    .competition-box .c h3 {
        font-size: 14px;
        margin-bottom: 20px;
    }

        .competition-box .c h3 b {
            color: #C03;
        }

    .competition-box .c .answers a {
        display: block;
        line-height: 20px;
        height: auto;
        background-color: #fff;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #000;
    }

        .competition-box .c .answers a b {
            display: inline-block;
            color: #FFF;
            width: 20px;
            text-align: center;
            background-color: #215b76;
            line-height: 20px;
            font-weight: bold;
        }

        .competition-box .c .answers a:hover {
            background-color: #eee;
        }

            .competition-box .c .answers a:hover b {
                background-color: #C33;
            }

.competition .questionDisabled {
    background-color: #FF6600 !important;
    color: #FFFFFF !important;
    cursor: default !important;
}

.fpPart .c {
    padding: 10px 5px;
}

    .fpPart .c a {
        display: block;
        width: 100px;
        height: 120px;
        text-align: center;
        float: left;
        margin: 0 6px;
        color: #292929;
        font-size: 12px;
        line-height: 15px;
    }

        .fpPart .c a:hover {
            color: #09C;
        }

.video-holder {
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
}

    .video-holder .vid {
        float: left;
    }

    .video-holder .similar-vids {
        float: right;
        width: 320px;
    }

        .video-holder .similar-vids .t {
            height: 30px;
            line-height: 30px;
            font-family: BebasNeueRegular;
            font-size: 20px;
            color: #303231;
            border-bottom: 1px solid #eee;
            margin-bottom: 10px;
        }

        .video-holder .similar-vids .c {
            height: 340px;
            overflow: auto;
        }

            .video-holder .similar-vids .c a {
                border-bottom: 1px dotted #ccc;
                margin-right: 10px;
                padding: 5px 0;
                margin-bottom: 0;
                height: 56px;
            }

    .video-holder h1 {
        font-size: 20px;
        font-weight: bold;
        color: #C33;
        margin: 0 0 15px 0;
    }

.video-detail {
    float: left;
    padding: 10px;
    width: 590px;
}

    .video-detail .sm {
        float: left;
    }

    .video-detail .date-count {
        float: right;
    }

    .video-detail .comments .c div p {
        float: left;
        width: 500px;
    }

.vid-aside {
    float: left;
    width: 333px;
    margin-left: 15px;
}

.project-consulting .cnt {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}

    .project-consulting .cnt p {
        margin-bottom: 20px;
    }

    .project-consulting .cnt h1 {
        font-size: 24px;
        margin: 10px 0 20px;
        color: #C33;
    }

.project-consulting-nav {
}

    .project-consulting-nav .c a {
        background: url(../images/arr-bullet.png) no-repeat 5px 15px;
        font-weight: bold;
        display: block;
        position: relative;
        line-height: 15px;
        border-bottom: 1px dotted #ccc;
        padding: 10px 10px 10px 15px;
        color: #333;
    }

        .project-consulting-nav .c a:hover,
        .project-consulting-nav .c a.selected {
            border-bottom: 1px solid #333;
            color: #FFF;
            background: #333 url(../images/arr-bullet-w.png) no-repeat 5px 15px;
        }

.ar-ge-form {
}

    .ar-ge-form .lbl {
        width: 150px;
    }

    .ar-ge-form input[type=text] {
        width: 250px;
    }

    .ar-ge-form textarea {
        width: 250px;
        height: 40px;
    }

    .ar-ge-form select {
        width: 242px;
    }

.footer {
    border-top: 3px solid #3ca4cc;
    height: 58px;
}

.footer-bg {
    background-color: #3ca4cc;
    margin-top: 1px;
}

.footer .w {
    position: relative;
}

    .footer .w .wave {
        position: absolute;
        right: -50px;
        top: -58px;
        z-index: 1;
    }

.footer .footer-content {
    padding: 10px 0 20px 0;
}

    .footer .footer-content div {
        float: left;
        width: 240px;
    }

        .footer .footer-content div a {
            display: block;
            margin-bottom: 8px;
            color: #FFF;
            margin-left: 45px;
        }

            .footer .footer-content div a:hover {
                color: #111;
            }

        .footer .footer-content div h3 {
            height: 39px;
            background: transparent url(../images/icons.png) no-repeat;
            line-height: 39px;
            padding-left: 45px;
            font-family: BebasNeueRegular;
            font-size: 20px;
            color: #000c11;
        }

        .footer .footer-content div.ep h3 {
            background-position: left -1142px;
        }

        .footer .footer-content div.sources h3 {
            background-position: left -1187px;
        }

        .footer .footer-content div.corp h3 {
            background-position: left -1232px;
        }

.footer .links {
    width: 960px;
    margin: auto;
}

    .footer .links div {
        float: left;
        width: 192px;
        padding: 20px 0 12px 0;
    }

        .footer .links div a {
            display: block;
            color: #808080;
            font-size: 12px;
            margin-bottom: 8px;
        }

            .footer .links div a:hover {
                color: #111;
            }

.footer .disclaimer {
    color: #808080;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #dbdbdb;
    padding: 20px 0;
}

    .footer .disclaimer .logo4flyy {
        float: right;
    }
/************* ozgur *********/
.Pic {
    background: url(/Content/images/loading.gif) #ffffff center center no-repeat;
}

.news-grid .It .Pic {
    display: inline-block;
    height: 125px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
/* Tab Slider - PListPan */
.news-grid .It > ul {
    display: none !important;
}

.ui-tabs-panel.ui-tabs-hide {
    display: none !important;
}
/* Tab Slider - PListPan */
.article-right .photo-holder {
    background-color: #EEEEEE;
    padding: 5px;
    width: 470px;
}

.pagerSlider {
    height: 48px;
    margin: auto;
    padding-top: 30px;
}

    .pagerSlider .first,
    .pagerSlider .last,
    .pagerSlider .next,
    .pagerSlider .prev {
        padding: 0;
    }

    .pagerSlider a {
        background-color: #2C6C89;
        color: #FFFFFF;
        float: left;
        font-size: 15px;
        font-weight: bold;
        height: 48px;
        line-height: 35px;
        margin-right: 1px;
        padding: 0 10px;
    }

        .pagerSlider a:hover,
        .pagerSlider a.selected {
            background-color: #F60;
        }

.ckeditorText {
    width: 500px;
}

.blue {
    color: #0099CC;
}
/*.progress {
display: none;
position: fixed;
top: 50%;
left : 50%;
margin-top: -50px;
margin-left: -100px;
}*/
.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
    display: none;
}

.loader {
    z-index: 100;
    position: fixed;
    width: 240px;
    margin-left: -120px;
    margin-top: -30px;
    top: 50%;
    left: 50%;
    font-family: Verdana, Arial;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.faceLogin {
    background: url("/Content/images/fbconnect.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    position: relative;
    height: 21px;
    width: 169px;
}

#topBanner {
    font: 0 arial;
    overflow: hidden;
    text-align: center;
    font-family: arial;
    font-size: 0;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
}

    #topBanner .holder {
        background-color: #FFFFFF;
        border: 1px solid #111111;
        margin: 10px auto;
        padding: 3px;
        width: 728px;
    }

.responsiveBanenr160x600 {
    width: 160px; 
    float: left; 
    margin-right: 0px; 
    margin-left: 65px; 
    margin-top: 20px;
}
@media (max-width: 1920px) {
.responsiveBanenr160x600 {
    margin-left: 300px; 
} 
}
@media (max-width: 1366px) {
.responsiveBanenr160x600 {
    margin-left: 25px; 
} 
}
/*@media (min-width: 800px) and (max-width: 1199px){
    .responsiveBanenr160x600 {
    margin-left: 0px; 
    margin-right: 0px;
} 
.left-content{
    width: 545px;
    margin-right: 0px;
}
}*/