/**
  * @category      Interface
  * @package       ICONtrol2
  * @author        Bilal Cinarli & Oktay Başkuş
  * @copyright     2005 - 2012 ICON Perception Management Co.
  * @license
  * @version
  * @filesource
  * @link          http://www.iconpm.com
  * @see
  * @since
  **/

/* ---------- Layout ---------- */
    body { background: #14335e; font: 12px/1.3em sans-serif; color: #494949; }
    #wrapper, #masthead, #content, #mastfoot { position: relative; }
    #wrapper { width: 100%; margin: 0 auto; background: url(../images/page-bg.png) top repeat-x #f0f0f0; }
        .slider-mobile, .slider-tablet {display: none;}
        #masthead { position: relative; top:0; margin: 0 auto; padding: 0; width: 960px; height: 95px; z-index: 90; }
        /*#homepage*/ #masthead { height: 139px; }
        #head2 { position: relative; top:60px; max-width: 960px; margin: 0 auto; height: 44px; }
        #content { width: 980px; margin: 0 auto; }
            #main { position: relative; width: 780px; float:right; min-height: 200px; margin: 0 10px 20px 0; }
            #sidebar { float:left; width:165px; margin-left: 10px; }
        #push { clear: both; }
    #mastfoot { width:100%; padding: 30px 0 90px; background: #14335e url(../images/footer-back.png) top repeat-x; }

    #homepage #wrapper { background-image: url(../images/head-bg.png);  }
    #mobile-menu-icon{display:none;}
    #announcements-mobile{display:none;}
    /* --------- Layout ---------- */

/* ---------- Font Stacks ---------- */
    #logo,
    #main-nav, 
    #top-nav,
    #menucontents table td,
    #search-form label,
    #search-form input,
    #sidebar .panel-title,
    #announcements a.title,
    #pressrelease-filter label[for=filtersearch],
    #pressrelease-filter select,
    #pressrelease-filter input { font-family: 'FranklinGothicFSBook', sans-serif; }
    
    #breadcrumb ul li,
    #sidebar .panel-white-box,
    .related-pressreleaes .news,
    #sidebar .panel-box { font-family: 'FranklinGothicFSMedCd', sans-serif; }
     
    .slide-title,
    .error-description { font-family: 'FranklinGothicFSCompressed', 'Arial Narrow', sans-serif; }
    
    h1, h2, h3, h4, h5, h6,
    #menucontents table h3,
    #menucontents table h4,
    #menucontents .news .meta,
    .menucontent .project-program,
    .menucontent .project-program > a,
    .menucontent .project-program li a,
    #tabbet-nav li a,
    #slider_nav ul,
    #news-slider .slide .slide-title,
    .headline-content,
    .copyright,
    .slide-description,
    .slide-link,
    div#footer-nav,
    #sidebar .panel-white-box h4,
    #announcements ul li span,
    .pressnews-scroll .record .meta,
    .article .news a,
    .article .project-group > a,
    .article .project-program > a,
    .article .project-subprogram > a,
    .article .project-program .program-title,
    #feedlinks li { font-family: 'FranklinGothicFSCondensed', 'Arial Narrow', sans-serif; }
/* ---------- Font Stacks ---------- */

/* ---------- Navigations ---------- */
    #main-nav { position: relative; top:60px; left:0; display: block; font-size: 14px; line-height: 1; margin: 0; }
        #main-nav>li { float: left; display: block; height: 35px; margin-right: 5px; }
            #main-nav>li>a { display: block; color: #c5d5e4; padding: 10px 8px 10px; height: 15px; }
            #main-nav>li.hover>a,
            #main-nav>li>a.hovered,
            #main-nav>li>a:hover { color: #fff; background: #012240  }
            #main-nav>li.current>a { color: #012241; background: #fff; border-radius: 4px 4px 0 0; }
        #main-nav>li ul { display: none; margin-right: -200px;  background: #012240; border-radius: 0 0 6px 6px; padding: 10px 0 15px; box-shadow:0 5px 10px rgba(0,0,0,0.5); }
        #main-nav li:hover ul {display: block;}
            #main-nav>li ul a { display: block; color:#C5D5E4; font-size:14px; padding: 8px 10px; }
            #main-nav>li ul a:hover { color:#012241; background: #fff; }
    #sub-nav ul { font-size: 24px; line-height: 1; }
        #sub-nav li { float: left; margin: 0 10px; }
        #sub-nav li:first-child { margin-left: 0; }
        #sub-nav li.current { padding-bottom: 6px; }
            #sub-nav a {  }
            
    #top-nav { float: left; margin-top: 3px; font-size: 12px; }
        #top-nav li { float: left; margin: 0 5px; }
            #top-nav li a { color:#494949; text-decoration: none; }
            #top-nav li a:hover { text-decoration: underline; }
            
    #menucontents { position: absolute; top:95px; left: 0; width:960px; height: 250px; padding-bottom: 11px; z-index:100; background: #012240; color:#fff; border-radius: 0 0 6px 6px; box-shadow:0 5px 10px rgba(0,0,0,0.5) }
    /*#homepage*/ #menucontents  { top:139px; }
        #menucontents > div > table { width: 100%; }
        #menucontents > div { display: none; }

        #menucontents div .tabbedmenu { padding:0;  }
            #menucontents > div .tabbedmenu td { position: relative; border-bottom: 1px solid  #496075; padding: 15px 20px 10px; cursor: default; }
                #menucontents div .tabbedmenu td+td { border-left:1px solid #496075}
                #menucontents > div .tabbedmenu td a { display: block; color: #a1b1c1; text-decoration: none; margin: -15px -20px -10px;  padding: 15px 20px 10px; }
                #menucontents > div .tabbedmenu td a:hover,
                #menucontents div .tabbedmenu td.current a { color:#fff; }
                #menucontents div .tabbedmenu td.current:after { content:" "; display:block; width:12px; height:8px; position: absolute; bottom:-7px; left:50%; margin-left:-6px; background: url(../images/submenu-trg.png);}
                #menucontents>div .tabbedmenu td:hover,
                #menucontents>div .tabbedmenu td.current { background: #3d6080; color:#fff;  }

        #menucontents div table { width: 100%; }
        #menucontents table td { font-size:14px; color:#a1b1c1; padding: 5px 10px 5px 10px; line-height: 1.3; vertical-align: top; }
        #menucontents table table td { padding: 0;}
            #menucontents table h3 { color:#fff; font-size:16px; margin: 5px 0 10px; }
            #menucontents table h4 { color:#90bef0; font-size:12px; margin: 0; }
            #menucontents table h4 a{ color:#90bef0; text-decoration: none; }
            #menucontents table h4 a:hover{ color:#fff; }
            #menucontents table td p { margin-bottom: 0; }
                #menucontents table td p a { color:#a1b1c1; text-decoration: none; }
                #menucontents table td p a:hover { color:#fff; text-decoration: underline; }
        #menucontents hr { background: none; border:0; padding: 0; margin: 0; border-bottom:1px solid #4d6880; }
        #menucontents td hr { margin: 5px -10px 0; }
        
        #media-costum-menu  p{ color:#90bef0; font-size: 11px; }
        
        #menucontents .news { height: 45px; padding: 6px 0 1px; margin: 0 0 5px; border-radius:5px; }
        #menucontents .news:hover { background: #fff; }
            #menucontents .news .image-preview { display:block; float:left; margin: 0 5px; height: 40px; }
                #menucontents .news .image-preview img{ width:60px ; height:40px; border-radius:2px;  }
            #menucontents .news .summary { display:none; }
            #menucontents .news .meta { font-size: 12px; color:#a3a3a3; }
            #menucontents .news a { display: block; padding-top: 0; padding-right: 10px; color:#a1b1c1; font-size: 11px; line-height: 13px; text-decoration: none; }
            #menucontents .news:hover a { color:#093259; } 

    .menucontent .project-program { display: block; float:left; margin: 0 70px 5px 0; max-width: 250px; }
    .menucontent .project-program > a { display: block; color:#fff; font-size:16px; margin: 5px 0; text-decoration: none; }
        .menucontent .project-program li a { color:#a1b1c1; text-decoration: none; }
        .menucontent .project-subprogram { margin-top: 2px;  }
        .menucontent .project-subprogram>a { color:#3d82cc !important; }
    .menucontent .project-program a:hover { color:#fff !important; }    
        .menucontent a {color: #A1B1C1 }
        .menucontent a:hover {color: #fff }
    .program-group4  .project-program { margin-bottom: 15px; max-width: none; }
    .program-group4  .project-program li{ width:175px; float:left;}
    .program-group4  .project-subprogram { min-height: 80px;}
    
    #tabbet-nav { margin: -15px -25px 0; padding: 0; border-bottom:1px solid #e6e6e6  }
        #tabbet-nav li{ float:left; list-style: none; padding: 0; border-right:1px solid #f5f5f5; }
        #tabbet-nav li:before { content: " ";}
            #tabbet-nav li a {display:block; position: relative; padding:16px 25px 15px; text-decoration: none; color:#8b8b8b; font-size: 16px; background: #f0f0f0; }
            #tabbet-nav li a:hover { background:#fff; }
            #tabbet-nav li.current a { color:#263346; background:#e4e9ed; padding-bottom: 16px; margin-bottom: -1px; }
            
    #breadcrumb { background: url(../images/breadcrumb.png) no-repeat; width:980px; height:33px; margin: -17px -19px 0 10px; }
        #breadcrumb ul { margin: 0; width: 940px; padding: 8px 10px; }
            #breadcrumb ul li { float: left; background: url(../images/breadcrumb-icons.png) -25px 0 no-repeat; padding-left: 15px; height: 18px; margin-left: 5px; font-size:13px; line-height: 18px; }
            #breadcrumb ul li.current { background-position: -25px -34px; cursor: default; }
            #breadcrumb ul:hover li.current {  background-position: -25px 0; }
            #breadcrumb ul li:hover { background-position: -25px -34px !important; }
            #breadcrumb ul li.homepage { background: none; padding-left: 0; margin-left: 0; }
                #breadcrumb ul li a { display: block; float:left; color:#8e8c8c; text-decoration: none;  }
                #breadcrumb ul li.current { color:#082c5c; }
                #breadcrumb ul:hover li.current { color:#8e8c8c; }
                #breadcrumb ul li a:hover{ color:#082c5c !important; }
                #breadcrumb ul li span { display: block; float:left; padding: 0 5px; color:#999; cursor:default; }
                #breadcrumb ul li.homepage a { background: url(../images/breadcrumb-icons.png) 0 0; text-indent: -9999px; width:20px; }
                #breadcrumb ul li.homepage a:hover { background-position: 0 17px;}    
/* ---------- Navigations ---------- */

/* ---------- Masthead ---------- */
    #logo { display: block; position: absolute; left:2px; top:10px; height: 27px; padding: 12px 0 0 75px; font-size: 20px; line-height: 1; color: #003465; text-shadow: 0 1px #fff; text-decoration: none; }
        #logo img { position: absolute; top: 0; left: 0; }
        /*#homepage*/ #logo { top : 18px }
    .head-top { position: absolute; right: 0; top:21px; }
    /*#homepage */.head-top { top:32px; }
    #search-form { float: left; position: relative; top:-4px; margin-left: 5px; }
    #search-form label, #q { font-size: 12px; color:#003465; }
    #search-form label { position: absolute; left: 10px; top:0; line-height: 30px; pointer-events: none; }
    #q { padding:4px 24px 4px 8px; height:20px; width:100px; margin: 0; border: 0; background: #ccc; box-shadow:inset 1px 1px 3px #aaa, 0 1px 1px #eee; }
    #q:focus, #q.has-value { position: relative; z-index: 1; width:144px; background: #d8d8d8; }
    #search-button { position: absolute; z-index: 2; right:5px; top:6px; width:16px; height: 16px; padding: 0; text-indent: -9999px; background: url(../images/search-button.png) left no-repeat; }
    #search-button:hover { background-position: right; }


    #head2 { display: none; }
    #footer_tskgv_logo {font-size: 10px; line-height: 1; color: #99a4b3; text-decoration: none; font-family: Arial; float: left; display: inline-block;}
    #tskgv_logo { display: block; font-size: 10px; padding:22px 0 0 10px; line-height: 1; color: #333333; text-decoration: none; font-family: arial; }
        #tskgv_logo img, #footer_tskgv_logo img { position: relative; top:-7px; left:0; height: 24px; vertical-align: top;}
    /*#homepage */#head2 { display: block; }

    #page-header { position: relative; width: 100%; border-bottom: 1px solid #fff; font-size: 16px; line-height: 1.2; color: #fff; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
    #page-header .no-shadow { text-shadow: none; }
    #page-header .header-img { height: 161px; }
        
    #project #page-header .header-img{ height: 301px}
    #page-header .header-img.default-header { height: 161px !important;  }
    .headline { width: 960px; height: 100%; margin: 0 auto; }
        .headline-content { display: table-cell; height: 161px; vertical-align: middle; }
        #project .headline-content { height: 300px; }
            .headline-featured-title { font-size: 36px; }
            .headline-title { font-size: 22px; }
            .headline-subtitle { font-size: 18px; }
/* ---------- Masthead ---------- */
/* ---------- Content ---------- */
    /* --------- Text styles -------- */
    .article { position: relative; padding: 15px 25px; }
    
    h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; color:#082c5c; }
    .article h1 { font-size: 24px; }
    .article h1.title { margin: 0; padding: 10px 0; line-height: 1.1; }
    .article h2 { margin-bottom: 10px; font-size: 20px; line-height:23px; }
    .article h3 { font-size: 18px; }
    .article h4 { font-size: 16px; }
    .article h5 { font-size: 14px; }
    .article h6 { font-size: 12px; }
    
    .article ol { counter-reset: item; }
    .article ul li, .article ol li { position: relative; padding-left: 15px; }
    .article ul li:before, .article ol li:before { position: absolute; top: 0; left: 0; color: #082c5c; }
    .article ul li:before { content: "\2022"; font-size: 18px; }
    .article ol li:before { counter-increment: item; content: counter(item)'.'; font-weight: bold; }
    .article form ol li:before { display: none; }
    
    .article a { color: #082c5c; }
    .article a:hover { text-decoration: underline; }
    
    .article hr { display: block; width: 100%; height: 1px; margin: 15px 0; border: none; background: #eaeaea; }
    
    .article #gMap { width: 100%; height: 650px; }    
    
    .article .table { border-left:1px solid #ccc; border-top:1px solid #ccc; }
    .article .table td { padding: 3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

    .logistics-text-area {padding: 10px; background:#d9e0e8; height: 160px;}
    span.white12px { color:#fff; font-size: 12px;}
    a.white12px { color:#fff; font-size: 12px; text-decoration: none; background-color: #154b7e; display: block; height: 40px; padding: 5px; }
    a.white12px:hover {text-decoration: underline; }
    span.black12px { color:#000; font-size: 12px;}
    span.px11 { font-size: 11px;}
    img.shadowed { box-shadow: 0 3px 4px -3px rgba(0,0,0,0.4)}

    #cboxContent h1 { margin-bottom: 15px; position: relative; top:-16px; }
    #cboxContent ul li:before { margin-bottom: 15px;  content: "\2022"; font-size: 14px; margin-right: 5px; }

    #cboxContent .scroll{ overflow: hidden; overflow-y: auto; height: 260px; padding: 5px; padding-bottom: 20px; padding-top: 20px; margin-top: 20px; }
    a span { cursor: pointer; }
    /* --------- Text styles -------- */
    
    /* --------- Homepage -------- */
    /* --------- Tagline Slider -------- */
    #slider { position: relative;  height: 445px; margin-bottom: 20px; }
        #slider_nav { position: absolute; z-index: 100; left:50%; bottom:0; width: 960px; margin: 0 0 0  -480px; }
        #noclicknav { position: absolute; z-index: 100; left:50%; bottom:0; height: 60px; width: 1000px; margin: 0 0 0  -500px; background: transparent;  }
            #slider_nav ul { position: relative; float:left; overflow: hidden; margin: 0;  height: 60px; font-size: 15px; line-height: 12px; }
                #slider_nav ul li { float:left; overflow: hidden; width: 137px; height: 60px; background: url(../images/slider-nav-seperator.png) no-repeat left; text-align: center; }
                #slider_nav ul li.nobg,
                #slider_nav ul li:first-child { background: none;}
                    #slider_nav ul li a { display: block; min-width: 80px; height: 55px; padding-top: 5px; color: #c5d5e4; text-decoration: none; }
                
                #slider_nav ul li img { display: block; margin: 0 auto; height: 35px; }
                #slider_nav ul li span { display: block; }

            #slider_nav .licropdiv { position: relative; width: 137px; overflow: hidden; }
            #slider_nav .movingdiv { position: absolute; bottom:-12px; left:0; z-index: 1; width: 137px; box-shadow:0 1px 3px rgba(0,0,0,0.5) }
            #slider_nav .movingdiv ul { width: 960px; padding: 12px 0; background:#133f78; }
            
            .no-cssgradients #slider_nav .movingdiv ul { background: url(../images/slider-nav-active.png) #12417b; }
            
            #slider_nav .movingdiv ul li { margin-bottom: 30px; background: none; }
                #slider_nav .movingdiv ul li a{ color: #e5f5f4; }
    
            .trgrt, .trgrb, .trglt, .trglb { position: absolute; height: 0; border-style: solid; border-width: 6px; font-size: 0; }
            .trgrt, .trgrb { left: 137px; border-width: 6px 15px 6px 14px; }
            .trglt, .trglb { right: 137px; border-width: 6px 0; }
            .trgrt { top: 0; border-color: transparent transparent #04224b #04224b; }
            .trgrb { bottom: 0; border-color: #04224b transparent transparent #04224b; }
            .trglt { top: 0; border-color: transparent #04224b #04224b transparent; }
            .trglb { bottom: 0; border-color: #04224b #04224b transparent transparent; }

    #slider-contents { position: relative; overflow: hidden; height: 385px; }
        #slider .slide { position: absolute; top: 0; right: 0; left: 0; }
        #slider .slide-bg { height: 385px; background: #ccc center; }
        #slider .slide-content { position: relative; top: 0; left: 0; width: 980px; margin: 0 auto; }
    .slider-prev,.slider-next { position: absolute; display: block; width: 30px; height: 60px; bottom: 0; text-indent:-9999px; }
        .slider-prev { left: -15px; background: url(../images/slider-nav-prev.png) left no-repeat; width:9px; }
        .slider-next { right: -15px; background: url(../images/slider-nav-next.png) right no-repeat; width:9px; }
        .slider-prev:hover { background-position: right; }
        .slider-next:hover { background-position: left; }

    #slider-contents .animated { position: absolute; display: none; width: 200px; height: 300px; }
    
    #slider-contents .slide-image,
    #slider-contents .slide-title,
    #slider-contents .slide-description,
    #slider-contents .slide-link        { position: absolute; }
    
    #slider-contents .slide-title,
    #slider-contents .slide-description,
    #slider-contents .slide-link        { left: 10px; padding: 5px; font-size: 18px; }    
    
    #slider-contents .slide-image       { z-index: 10; }
    #slider-contents .slide-title       { z-index: 11; top: 133px; font-size: 60px; line-height: normal; color: #043562; }
    #slider-contents .slide-description { z-index: 11; top: 195px; width: 250px; line-height: 1.1; color: #00294f; }
    #slider-contents .slide-link        { z-index: 12; top: 250px; width: 150px; height: 25px; text-decoration: none; }
        #slider-contents .slide-link:hover { text-decoration: underline; }

    #slide-anka .slide-bg               { background-image: url(../images/slides/bg1024/bg1.jpg) }
    #slide-anka .slide-image            { top: 85px; left: 10px; margin-left: -9999px; }
    #slide-anka .slide-description      { top: 233px; color: #121212; }
    #slide-anka .slide-link             { top: 280px; color: #fff; }

    #slide-atak .slide-bg               { background-image: url(../images/slides/bg1024/bg4.jpg) }
    #slide-atak .slide-image            { top: 10px; left: 180px; }
    #slide-atak .slide-title            { width: 320px; }
    #slide-atak .slide-description      { width: 220px; color: #121212; }
    #slide-atak .slide-link             { color: #2c3d55; }

    #slide-hurkus .slide-bg             { background-image: url(../images/slides/bg1024/hurkus_bg.jpg) }
    #slide-hurkus .slide-image          { top: 6px; right: 51px; }
    #slide-hurkus .slide-title          { top: 125px; width: 280px; }
    #slide-hurkus .slide-description    {  }
    #slide-hurkus .slide-link           { color: #043562; }

    #slide-turna .slide-bg              { background-image: url(../images/slides/bg1024/bg7-turna.jpg) }
    #slide-turna .slide-image           { top: 85px; right: 77px; }
    #slide-turna .slide-title           { width: 280px; }
    #slide-turna .slide-description     { width: 350px; }
    #slide-turna .slide-link            { color: #2c3d55; }

    #slide-simsek .slide-bg             { background-image: url(../images/slides/bg1024/simsek_bg-1.jpg) }
    #slide-simsek .slide-image          { top: 95px; left: 0;  }
    #slide-simsek .slide-title,
    #slide-simsek .slide-description,
    #slide-simsek .slide-link           { left: 650px; width: 280px; color: #000; }
    #slide-simsek .slide-title          { top: 120px; }
    #slide-simsek .slide-description    { top: 189px; }
    #slide-simsek .slide-link           { top: 244px; width: 150px; }

    #slide-gokturk .slide-bg            { background-image: url(../images/slides/bg1024/gokturk_bg.jpg) }
    #slide-gokturk .slide-image         { top: 50px; left: 610px; }
    #slide-gokturk .slide-title         { width: 320px; color: #fff; }
    #slide-gokturk .slide-description   { width: 300px; color: #fff; }
    #slide-gokturk .slide-link          { color: #ccc; }

    #slide-a400m .slide-bg              { background-image: url(../images/slides/bg1024/slider_a400m_bg.jpg) }
    #slide-a400m .slide-image           { top: 70px; left: 190px; }
    #slide-a400m .slide-title           {  }    
    #slide-a400m .slide-description     { width: 320px; }
    #slide-a400m .slide-link            { color: #2c3d55; }

    #slide-t38 .slide-bg                { background-image: url(../images/slides/bg1024/t38_bg.jpg) }
    #slide-t38 .slide-image             { top: 70px; left: 240px; }
    #slide-t38 .slide-title             {  width:400px; }
    #slide-t38 .slide-description       { width: 320px; }
    #slide-t38 .slide-link              { color: #2c3d55; }

    #slide-c130 .slide-bg               { background-image: url(../images/slides/bg1024/c130_bg.jpg) }
    #slide-c130 .slide-image            { top: 10px; left: 180px; }
    #slide-c130 .slide-title            { width:400px; font-size: 50px; }
    #slide-c130 .slide-description      { width: 320px; }
    #slide-c130 .slide-link             { color: #2c3d55; }

    .loadinginfo { position: absolute; left:50%; top:50%; display: none; margin-top: -60px; margin-left: -80px;  width:160px; line-height: 16px; text-align: center; }
    .loadinginfo.snapbottom { margin-top: 95px; }
        .loadinginfo span{ display: block;  position: absolute; top:35px; left:50%; width: 50px; padding-top: 2px; background: #444; border-radius:10px; font-size: 10px; color:#dde; margin-left:-25px; box-shadow: 0 0 5px -1px #012240 }

    .related-pressreleaes { display: none; position: relative; left:15px; top:315px; z-index: 15; }

        .related-pressreleaes h4{ background: url(../images/icon-basinbultenleri2.png) left no-repeat; height:40px; padding-left:68px; padding-top:4px; width:60px; font-size:14px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.4); }
        .related-pressreleaes .news { position: absolute; left:0; top:8px; width:800px; margin-left:125px; background: url(../images/related-pressrelease-arrow.png) left no-repeat; height:27px; padding-left:20px; overflow: hidden; }
        .related-pressreleaes .news:first-child { left:0; }
            .related-pressreleaes .news .image-preview { display: none; }
            .related-pressreleaes .news a { position: absolute; z-index: 10; left:0; top:0; margin-top:6px; margin-left:20px; width:800px; color:#043562; text-decoration: underline; font-size: 14px;  }
            .related-pressreleaes .news .summary { display: none; }
            .related-pressreleaes .news .meta { display: none; }

    #slide-gokturk .related-pressreleaes .news a { position: absolute; z-index: 10; left:0; top:0; margin-top:6px; margin-left:20px; width:800px; color:#FFF !important; text-decoration: underline; font-size: 14px;  }
    /* --------- Tagline Slider -------- */
    
    /* ---------- News Slider ---------- */
    #news-slider { position: relative; overflow: hidden; height: 395px; border-radius: 5px; }
        #news-slider .slide { position: absolute; top: 0; left: 0; width: 375px; height: 295px; }
            #news-slider .slide img { width: 100%; height: 295px; border-radius: 5px; }
            #news-slider .slide .slide-title { position: absolute; bottom: 0; width: 355px; padding: 10px; border-radius: 0 0 6px 6px; background: url(../images/black-70.png); font-size: 16px; color: #fff; opacity: 0.6; }
            #news-slider:hover .slide .slide-title { opacity: 1; }
            #news-slider .slide .slide-title a { color: #fff; text-decoration: none; }
        .newslider-button { position: absolute; display: block; width: 24px; height: 23px; background: url(../images/hb-slider-nav.png) 0 0; text-decoration: none; }
            .newslider-button span { display: block; background: url(../images/hb-slider-nav.png); text-indent: -99999px; }
            #news-slider-prev,
            #news-slider-next { top: 37%; margin-top: -11px; }
            #news-slider-prev { left: 0; }
            #news-slider-next { right: 0; }

            #news-slider-prev span { background-position: -24px 0; }
            #news-slider-next span { background-position: -96px 0; }
            #news-slider-prev:hover span { background-position: -48px 0; }
            #news-slider-next:hover span { background-position: -72px 0; }
    /* ---------- News Slider ---------- */

    /* ---------- Announcement Slider ---------- */
    #announcements { display:none; position: relative; margin: 0 10px 18px; height: 33px; border-radius: 4px; background: url(../images/breadcrumb.png) no-repeat; }
        #announcements a.title { display: block; float:left; height:33px; padding: 0 25px 0 10px; border-radius: 4px; background: url(../images/announcements-title.png) 100%; font-size: 14px; line-height: 33px; color:#c1c7cf; text-decoration: none; }
        #announcements ul { position: relative; overflow: hidden; float: left; width:680px; height: 33px; margin: 0 10px; padding: 0; }
            #announcements ul li { position: absolute; overflow: hidden; top: 0; left: -700px; line-height: 33px; }
                #announcements ul li a{ font-size: 12px; color: #494949; text-decoration: none; }
                #announcements ul li span { position: relative; top: -1px; color: #a3a3a3; }
        .announcements-info { position: absolute; right: 0; top: 0; padding: 0 10px; font-size: 11px; line-height: 33px; color:#929292; }
            .announcements-info span { position: relative; top: 1px; padding: 0 5px; }
            .announcements-info a { color: #135498; text-decoration: underline; }
            .announcements-info a:hover { text-decoration: none; }
    /* ---------- Announcement Slider ---------- */
    
    /* ---------- Article ---------- */
    #homepage .article { padding: 10px 15px; }
        #homepage .article h2 { margin-bottom: 10px; padding: 0 0 5px; border-bottom: 1px solid #d3d8e0; font-size: 16px; color:#082c5c; }
        
    #press .article span.place,
    #press .article span.date, 
    #pressrelease .article span.date { position: relative; top:-5px; color:#999; }
    #pressrelease .article span.date  { top: -2px; }

    #article-loading { position: absolute; z-index: 100;  padding: 15px 25px; background: url(../images/article-loading-back.png) top repeat-x; margin-top:60px; height:230px; }
    #article-loading span { display: block; background: url(../images/loading2.gif); width:16px; height:16px; margin:50px auto; opacity: 0.4}

    #cboxContent .article-inner { max-height:400px; overflow:auto; margin-bottom:15px;}

    #invester-header { position: relative; background: url(../images/investor-header.png); width: 730px; height: 344px; margin: 0 auto; }
    #invester-header span { position: absolute; display: block; bottom:0; width: 100%; line-height: 70px; text-align: center; font-size:20px; color:#082c5c; font-family: 'FranklinGothicFSCondensed', sans-serif; }

    .city-list { text-align: center; padding-top:17px; padding-bottom:100px; }
    .city-list li { display: inline-block; padding: 0; margin: 0; text-align: left; list-style: none; }
    .city-list li:before { display: none; }
    .city-list li a { display:block; font-size:15px; text-decoration:none; padding:4px; border-radius:4px; }
    .city-list li a:hover  { background: #f1f1f1; color:#143267; text-decoration:none;  }



.investor-buttons { border-top:1px solid #cecece; padding:20px; text-align:center; }
    a.investor-continue-link,
    a.investor-discart-link,
    a.investor-btn { display: inline-block; background: url(../images/investor-btn.png) left; height:17px; padding:6px 10px 6px 34px; color:#fff; text-decoration:none; border-radius:3px; }
    a.investor-continue-link.disabled,
    a.investor-discart-link.disabled,
    a.investor-btn.disabled { background-image: url(../images/investor-btn-disabled.png); }
    .investor-checbox-conroller { width:80%; margin: 0 auto; text-align:center; padding: 0 0 20px 0; }
    .investor-checbox-conroller input { position: relative; top:2px; }
    /* ---------- Article ---------- */
    /* ---------- Latest Press ---------- */
    #latest-press { float:left; width:360px; }
    #latest-press.wide { width:auto; }
    #latest-press .article-resize-button { z-index: 10; }
        .article-resize-button { position: absolute; top:10px; right:14px; width:18px; height:18px; background: url(../images/article-resize-button.png) -59px 0; }
            .article-resize-button:hover { background-position: -41px 0; }
        .article.wide .article-resize-button { background-position: 0 0; }
            .article.wide .article-resize-button:hover { background-position: -18px 0; }
    #latest-press .rsslink {  position: absolute; top:10px; right:36px; width:18px; height:18px; text-indent: -9999px; background: url(../images/rss-hp.png); }
    .pressnews-scroll .record { cursor: pointer; position: relative; width:370px; height: 60px; margin: 0 5px; border-radius: 5px; border-bottom: 1px solid white; }
        .wide .pressnews-scroll .record  { float:left; }
        .wide .pressnews-scroll .record:nth-child(2n) { margin: 0 -15px 0 15px; }
        .pressnews-scroll .record .image-preview { display:block; float:left; height: 40px; margin: 10px 5px; }
            .pressnews-scroll .record img { width: 60px; height: 40px; }
        .pressnews-scroll .record .title { display: block; margin-bottom: 0; padding: 9px 10px 0 0; font-size: 12px; color:#494949; text-decoration: none; }
        .pressnews-scroll .record .meta { font-size: 12px; color:#a3a3a3; }
    .pressnews-scroll .record:hover { border-color: #bcbcbc; background: #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.15) }
    
    .pressnews-scroll { position: relative; overflow: hidden; height: 305px; margin: 0 -10px; }
    #pressnewsmore { position: absolute; right: 20px; bottom: 15px; font-size: 11px; color: #135498; text-decoration: underline; }


    .relatednews .news {  float:left; cursor: pointer; position: relative; width:360px; height: 60px; margin: 0 10px 0 -5px!important; border-radius: 5px; border-bottom: 0px !important; }
        .relatednews .news:hover { border-color: #bcbcbc; background: #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.15) }
        .relatednews .news .image-preview { display:block !important; float:left; height: 40px; margin: 10px 5px; }
            .relatednews .news img { width: 60px; height: 40px; }
        .relatednews .news .title { display: block; margin-bottom: 0; padding: 9px 10px 0 0; font-size: 12px; font-family: arial,san-serif; color:#494949; text-decoration: none; }
        .relatednews .news .meta { font-size: 12px; color:#a3a3a3; }
        .relatednews .news .meta:after { content: " "!important; }
        .relatednews .news .summary { display: none;  }

    /* ---------- Latest Press ---------- */
    /* ---------- Suplementary ---------- */
    #suplementary { position: absolute; overflow: hidden; top: 0; right: 0; width: 390px; height: 368px; }
        #suplementary .article, #featured { width: 340px; height: 344px; margin-left: 15px; border-radius: 4px; background: #fff; } 

        #featured { position: relative; height: 334px; padding: 15px; }
        #featured.loading { background-image: url(../images/loading2.gif); background-position: center; background-repeat: no-repeat; }
            #featured-content { position: relative; overflow: hidden; width: 340px; height: 349px; }
            .featured { position: absolute; top: 0; left: 0; width: 340px; height: 349px; display: none; }
            #featured.loading .featured { display: none !important; }
                #featured .featured-image { float: none; width: 340px; margin-bottom: 10px; padding: 0; }
                    #featured .featured-image img { display: block; max-width: 340px; margin: 0 auto; vertical-align: bottom; }
                #featured h2 { line-height: 1.2; }
                    #featured h2 a { margin-bottom: 5px; color:#082c5c; text-decoration: none; }
            
            #featured a.prev, #featured a.next { cursor: pointer; position: absolute; display: block; top: 116px; width: 24px; height: 23px; background: url(../images/featured-nav.png) no-repeat; text-indent: -9999px; }
            #featured a.prev { left: 0; background-position: top left; }
            #featured a.next { right: 0; background-position: top right; }
            #featured-nav { position: absolute; left: -9999px; }             
    /* ---------- Suplementary ---------- */ 

    #homepage #ik-links { min-height: 140px }
    #homepage #ik-links li { margin:1px 0; }
    /* --------- Homepage -------- */

    /* --------- HR -------- */
    #openings li { float: left; width: 355px; margin-bottom: 20px; padding: 0 10px 0 0; }
        #openings li:before { display: none; }
    
    .opening-meta > span { display: block; }
    /* --------- HR -------- */
    
    /* --------- News -------- */
    .article .news { position: relative; margin-bottom: 10px; padding-bottom: 5px; border-bottom:1px solid #eaeaea; }
        .article .news .image-preview { display: none; }
        .article .news a { display: block; margin-bottom: 5px; font-size: 16px; text-decoration: none; }
        .article .news .meta{ display: block; float:left; padding-right:5px; color:#a3a3a3; }
        .article .news .meta:after { content:  "―"; }
    /* --------- News -------- */
    
    /* --------- Sitemap -------- */    
    .mapRow { float:left; width:230px; margin-right: 12px; }
    .mapRow .mapElement { padding-bottom: 10px; }
        .mapElement li { margin-bottom: 3px; }
        .mapRow a { line-height: 1.2; }
    /* --------- Sitemap -------- */

    /* --------- Programs -------- */
    #project .article h1.title, #news .article h1.title { width: 450px; }
        
    .project-group:before,
    .project-program:before,
    .project-preview:before,
    .project-subprogram:before { content: " " !important;}
    .article .project-group { margin-bottom: 10px; padding-bottom:10px;  }
    .article .project-group > a { display: block; width: 730px; margin: 0 -5px 10px; padding: 5px 5px 3px; font-size: 24px; line-height: 1.2; color:#082C5C; text-decoration: none; }
        .article .project-subprogram ul { padding-bottom: 5px; }

        .article ul#programlist,
        .article .project-program { margin: 5px -9px 0; padding-left: 0 !important; }
            .article .project-program > a, .article .project-program .program-title { display: block; width: 730px; margin: 0 8px 8px; padding: 0 0 5px; border-bottom: 1px solid silver; font-size:  20px; color: #082c5c; text-decoration: none; }

        .article .project-group { margin-right: -20px; padding-left: 0 !important; }
        .article .project-subprogram { display: block; float:left; padding-left: 0 !important; }
            .article .project-subprogram > a { display: block; padding: 0 8px 5px; font-size: 20px; color: #888; text-decoration: none; }
        .article .project-preview { cursor: default; display: block; float: left; width: 233px; margin: 0 8px 15px; padding-left: 0 !important; }
            .article .project-preview > a { text-decoration: none !important; }
            .article .project-preview .image { position: relative; display: block; overflow:hidden; height:57px; background: #eee; }
            .article .project-preview .image img{ position: relative; display:block; left: 50%; margin-left: -181px; }
            .article .project-preview .title { display: block; padding: 2px 6px; height:30px; background: #154b7e; color:#fff; }
            .article .project-preview .description { display: block; height:80px; padding: 6px; background: #d9e0e8; font-size: 11px; color:#494949; }
            .article .project-preview:hover .title { text-decoration: underline !important; }
    /* --------- Programs -------- */ 
    
    /* --------- Press Releases -------- */ 
    .featured-image { position: relative; float: left; width: 200px; margin: 0 10px 0 0; padding: 10px; background: #d9e0e8; color: #082c5c; text-align: center; }
        .featured-image a { display: block; width: 100%; }
            .featured-image img { vertical-align: bottom; }
            .featured-image .title { display: block; margin-top: 6px; padding-right: 20px; text-align: left; }
     
    a[rel*="zoom"] { position: relative; }
        a[rel*="zoom"] img { vertical-align: bottom; }
        .click-to-zoom { position: absolute; z-index: 99; right: 0; bottom: 0; width: 21px; height: 21px; border-radius: 3px 0 0; background: #d9e0e8 url(../images/zoom.png) top right; } 
        a[rel*="zoom"]:hover .click-to-zoom { background-position: top left; }
        #pressrelease #content .click-to-zoom {display: none !important;}

    .pagination { text-align: center; }
    .pagination li { display: inline; color:#aaa; }
        .pagination li:before { display: none; }
        .pagination a { display: inline-block; padding: 2px 4px; text-decoration: none; }
    /* --------- Press Releases -------- */ 
    
    /* --------- Media bar -------- */     
    #page-medias { position: absolute; z-index: 1; top: 15px; right: -15px; height: 39px; padding-right: 40px; font-size: 11px; line-height: 1; color:#494949; }
    #page-gallery a { display: block; position: relative; top:0; float: left; width: 50px; height: 44px; margin: -2px 5px 0 0; padding: 6px 0 0 85px; background: url(../images/image-gallery.png) left top no-repeat; line-height: 1.3; color:#494949; text-decoration: none; }
    @-moz-document url-prefix() {
      #page-gallery a { top:-10px; }
    }
    #page-gallery a.images {  }
    #page-gallery a.videos { padding-left: 70px; }

    .page-36 #content img {width: 100%;}
    .page-10 #content a, .page-131 #content a { text-decoration:none; }
    .page-405 .span_4 img {margin-bottom: 20px;}
    
    .page-social-share { position: absolute; overflow: hidden; top: 0; right: 0; width: 38px; height: 39px; background: url(../images/social-bar-back.png) repeat-x bottom #eee; }
        a.social-bar-toogle { display:block; float: left; width: 38px; height: 39px; background: url(../images/social-bar.png) 0 0; text-indent: -9999px; }
        a.social-bar-toogle:hover { background-position: 100% 0; }
    .page-social-share.opened { width:425px; }
        .page-social-share.opened a.social-bar-toogle { background-position: 0 100%; }
        .page-social-share.opened a.social-bar-toogle:hover { background-position: 100% 100%; }
    .social-networks { float: left; width: 385px; margin-bottom: 0; }
        .article .social-networks li { float: left; overflow: hidden; margin-left: 10px; padding: 10px 0 0; }
            .article .social-networks li.print-page { margin: -2px 5px 0 15px; }
            .article .social-networks li.plusone { width: 59px; }
            .article .social-networks li.twitter { width: 90px; }
            .article .social-networks li.linkedin { width: 62px; }
            .article .social-networks li.facebook { width: 50px; }

                .social-networks li:before { display: none; }
        a.print { display: block; padding-left: 28px; background: url(../images/print-icon.png) center left no-repeat; font-size: 11px; color: #494949; line-height: 24px; text-decoration: none; }

    .article .photo-buttons { float: right; margin-top: 0 }
        .article .photo-buttons li.download { display: block; background: url(../images/system-log-out.png) no-repeat; padding-left:18px; }

    .article .photo-buttons li:before { display: none; }

    #page-medias:after { content: " "; position: absolute; display: block; right: 0; bottom: -11px; width: 14px; height:11px; background: url(../images/social-bar-trg.png); }
    
    #media-center #page-medias { top:5px; }
    
    .gallery-prev{position:absolute; top:50%; left:-13px; margin-top:-33px; background:url(../images/controls2.png) no-repeat top left; width:26px; height:65px; text-indent:-9999px;}
    .gallery-prev.hover{background-position:bottom left;}
    .gallery-next{position:absolute; top:50%; right:-13px; margin-top:-33px; background:url(../images/controls2.png) no-repeat top right; width:26px; height:65px; text-indent:-9999px;}
    .gallery-next.hover{background-position:bottom right;}
    
    #photo .social-networks { margin: 0 auto; float: none; }
    .photo_info { height: 20px; margin: 10px 0; }
        .photo_info  .share-twitter,
        .photo_info  .share-inshare,
        .photo_info  .share-googleplus,
        .photo_info  .share-facebook { display: block; float: left; background: url(../images/sharer-widget.png) 0 -288px; width:16px; height:16px; text-indent: -999px; outline:none; margin: 2px; }
        .photo_info  .share-twitter { background-position: 0 -896px; }
        .photo_info  .share-inshare { background-position: 0 -464px; }
        .photo_info  .share-googleplus { background-position: 0 -368px; border-radius:2px; }

    #feedlinks { }
    #feedlinks h4 { background: url(../images/feed-sprite.png) no-repeat -26px 3px; padding-left: 30px !important; }
    #feedlinks li { margin: 5px 0 !important; }


    #memberpanel h4 { background: url(../images/user_silhouette.png) no-repeat 6px 7px; padding-left: 30px !important; }
    #ebulletein h4 { background: url(../images/feed-sprite.png) no-repeat -24px -83px; padding-left: 33px !important; }



    .iconui-toltip-content a.tooltip-close { cursor:pointer; display: block; float:right; width:13px; height:13px; margin: -6px -6px 0 0; background: url(../images/tooltip-close.png) 0 0; }
        .iconui-toltip-content a.tooltip-close:hover { background-position: bottom; }
    .iconui-toltip-content { cursor:default; min-height: 30px; padding:10px; border-radius: 4px; background:#fff; font-size: 12px; line-height:14px; color:#757575; box-shadow:1px 1px 5px rgba(0,0,0,0.5); }
    .iconui-toltip-content hr { height: 1px; margin: 6px 0; padding: 0; border: 0; background: silver; }
    .iconui-toltip-content h3 { font-size: 16px; }
    .iconui-toltip-content p { margin-bottom: 4px; }
    .iconui-toltip-content a { color:#135498; }
        .iconui-toltip-content a:hover { color:#12417b; text-decoration: none; }
    #iconuitoltipcontentimage { position: relative; z-index: 5; display: block; width:9px; height: 29px; background: url(../images/toolltip-leftright.png) left; }
    #iconuitoltipcontentimage.arrow-left{ background-position: left; }
    #iconuitoltipcontentimage.arrow-top { background-position: right; }
    /* --------- Media bar -------- */ 
    
    /* --------- filter bar -------- */     
    #pressrelease-filter { position: relative; z-index: 10; padding-bottom: 10px; height:30px; }
        #pressrelease-filter label { float: left; line-height: 30px; padding: 0 5px 0 0; }
            #pressrelease-filter label[for="filtersearch"] { display:none; position: relative; z-index: 10; margin-right: -200px; padding: 0 10px; font-size: 12px; line-height: 32px; color:#496277;  }
            #pressrelease-filter .selectback { position:relative; display: block; float: left; width:80px; height: 28px; border: 1px solid #ccc; line-height:28px; font-size: 11px; }
            #pressrelease-filter .selected { display: block; padding: 0 10px; cursor: pointer; background: #fff url(../images/select-drop.png) 60px 50% no-repeat; }
            #pressrelease-filter .selected:hover { background-color: #fcfcfc; }

            #pressrelease-filter .options { position: absolute; display: none; left:-1px; top:28px; z-index: 1; width: 80px; padding: 0; border: 1px solid #ccc; border-top:0; background: #fff; box-shadow: 0px 2px 7px -3px rgba(0,0,0,0.5) }
                #pressrelease-filter .options li:before { display: none; }
                #pressrelease-filter .options li { position: relative;  display: block; padding: 0;  margin: 0; line-height: 1.2; border-top:1px dotted #ccc; }
                #pressrelease-filter .options li:hover {  background-color: #fcfcfc; cursor: pointer; }
                    #pressrelease-filter .options li span { position: absolute; top:0; right:0; padding: 5px 7px 0; color:#ccc;}
                    #pressrelease-filter .options li a { display: block; padding: 5px 10px; color: #888; text-decoration: none; }
                    #pressrelease-filter .options li:hover a{ color:#444; }

            #pressrelease-filter select { display: block; float: left; height: 30px; border-radius:0; font-size: 12px; line-height: 32px; }

            #pressrelease-filter input { display: block; float:left; width: 200px; height: 28px; padding: 0 25px 0 10px; border: 1px solid #e4e9ed; background: #e4e9ed; font-size: 12px; color:#496277; }
            #pressrelease-filter input.valued,
            #pressrelease-filter input:focus { position: relative; z-index: 12; }
            #pressrelease-filter button { position: relative; z-index: 12; display: block; float: left; width: 16px; height: 16px; margin: 7px 0 0 -20px; padding: 0; background: url(../images/search-button.png); text-indent: -9999px; opacity: 0.4; }
            #pressrelease-filter input.valued +button,
            #pressrelease-filter button:hover { opacity: 1; }
    
    #pressrelease-filter optgroup { display: block; padding: 5px 0; font-size: 11px; color:#464646; }
    /* --------- filter bar -------- */ 
    
    /* ----------  Contact Form ---------- */
    #contact { margin-top: 5px; }
        #contact legend {  }
        #contact ol li { position: relative; margin-bottom: 3px; list-style: none; }
            #contact label { display: block; float: left; width: 125px; font-weight: bold; }
            #contact label.error { display: block; float: none; width: 100%; font-style: italic; font-weight: normal; color: #f00; }
            #contact button { margin-left: 125px; }
            #contact input { width: 250px; padding: 3px; }
            #contact textarea { width: 350px; height: 150px; padding: 3px; }
    /* ----------  Contact Form ---------- */

    /* -------------- Search Results -----------------*/
    #search-info { margin-bottom: 10px; }
    .search-result { margin-bottom: 10px; padding-bottom: 10px; }
    .search-result.last-item {  }
    .search-result a { font-size: 16px; color: #3373ae; }
    .search-result .link { display: block; margin-top: 3px; font-style: italic; color: #999; }

    .search-pagination { text-align: center; }
    .search-pagination li { display: inline; }
    .search-pagination li:before { display: none; }
    .search-pagination a { display: inline-block; padding: 2px 4px; text-decoration: none; }
    /* -------------- Search Results -----------------*/

/* ---------- Content ---------- */

/* ---------- Sidebar ---------- */
    #sidebar { position: relative; padding: 15px 15px 0 0; font-size: 14px; }
    #homepage #sidebar { padding-top: 0; }
    #sidebar .panel-title { line-height: 1; }
    #sidebar .panel-title { display: block; width: 147px; margin: 0; padding: 10px 9px; border-radius: 6px 6px 0 0; background: #425268; color: #c1c7cf; }
    #sidebar .panel-box { margin-bottom: 10px; padding: 5px 0; border: 1px solid #c9c9c9; border-top: none; border-bottom: 1px solid #999; border-radius: 6px; background: #dedede; color: #00305d; }
    #sidebar .panel-box li ul { display: none; }
    #sidebar .panel-white-box { position: relative; margin-bottom: 10px; padding: 5px 10px; border-radius: 6px; background: #fff; color: #00305d; }
    #sidebar .panel-title + .panel-box,
    #sidebar .panel-title + .panel-white-box { border-radius: 0 0 6px 6px; }
    
        #sidebar .panel-box li{ display: block; padding: 8px 10px; }
        #sidebar .panel-box li:hover,
        #sidebar .panel-box li.current { position: relative; background: url(../images/sidemenu-select.png) left; }
        #sidebar .panel-box li:hover { z-index:100; }
        #sidebar .panel-box li.current { width: 150px; z-index: 1; }
            #sidebar .panel-box a { display: block; color: #00305d; text-decoration: none; margin: -9px; padding: 9px 0 9px 10px; }
            #sidebar .panel-box li.current a,
            #sidebar .panel-box li:hover a { color: #fff; }
            
        #sidebar .panel-white-box h4 { margin-bottom: 10px; padding: 0 3px; border-bottom: 1px solid #d3d8e0; font-size: 16px; line-height: 2; color:#082c5c; }
        #sidebar .panel-white-box li { margin: 12px 0; padding: 0 3px; }
            #sidebar .panel-white-box li a { font: 12px sans-serif; color:#135498; }
            #sidebar .panel-white-box li a:hover { text-decoration: underline; }

        #sidebar .panel-white-box.collapsed h4 { margin-bottom: 0; border: 0; }
        #sidebar .panel-white-box h4.collaps-title { cursor:pointer; }
        #sidebar .panel-white-box.collapsed .collapsible { display: none;  }
        #sidebar .panel-white-box.collapsed:hover { background: #f6f6f6; }
        #sidebar .panel-white-box .collaps-button { position: absolute; right:10px; top:11px; background: url(../images/panel-box-collaps-button.png) 0 0; width: 18px; height: 18px;  }
        #sidebar .panel-white-box .collaps-button:hover { background-position:0 -18px; }
        #sidebar .panel-white-box.collapsed .collaps-button { background-position:0 -56px; }
        #sidebar .panel-white-box.collapsed .collaps-button:hover { background-position:0 -38px; }



        #sidebar .panel-category-box { background: #f3f3f3 !important; border-right: 1px solid #bbb; }
        #sidebar .panel-category-box li { width: 162px !important; padding: 0; }
        #sidebar .panel-category-box a { display: block; margin: 0; padding: 4px 10px 4px 8px; line-height: 1.2; color:#7b7b7b; }
        #sidebar .panel-category-box li.current,
        #sidebar .panel-category-box li:hover { background-image: url(../images/sidemenu-cat-select.png); }
        #sidebar .panel-category-box li:hover a,
        #sidebar .panel-category-box li.current a { color:#00305d; }
        #sidebar .panel-category-box li.current { width: 172px !important }

    #main .article { background: #fff; min-height: 172px; border-radius: 5px; }
    #breadcrumb + #main .article { border-radius: 0 0 5px 5px; }

    #sidebar #memberpanel { }
        #memberpanel li { margin: 5px 0 !important;}
            #memberpanel li label{ font-size: 12px; }
            #memberpanel li input{ font-size: 12px; line-height: 10px; padding: 2px 4px; color:#444; border:1px solid #ccc; border-radius:3px; width:130px; }
            #memberpanel li #rememberme{ width:auto; position: relative; top:2px; margin-right: 4px; }
            #memberpanel li button { float:right; position: relative; top:-2px; }
            #memberpanel #forgetpassword { font-size: 11px; }

    #sidebar #ebulletein { }
        #ebulletein li { margin: 5px 0 !important;}
            #ebulletein li label { font-size: 12px; }
            #ebulletein li input { font-size: 12px; line-height: 10px; padding: 2px 4px; color:#444; border:1px solid #ccc; border-radius:3px; width:130px; }
            #ebulletein li button{ float:right; position: relative; top:-2px; font-size: 9px; }
            .tr #ebulletein li button{font-size: 11px; margin-left:2px }


    .article form#register-form {}
        .article form#register-form li { line-height: 40px; padding: 0; border-bottom:1px dotted #ddd; margin-right: 14px; }
            .article form#register-form li select,
            .article form#register-form li input { border-radius:0; border-color: #ccc; color:#444; }
            .article form#register-form li select { width: 211px; }
            .article form#register-form li input[type=text],
            .article form#register-form li input[type=password] { width: 200px; }
            .article form#register-form li button { display: block; width: 140px; margin-top: 10px; float: right; margin-bottom: 10px; }
            .article form#register-form li #accept { margin: 0 5px 0 0; padding: 0; position: relative; top:2px; }
            .article form#register-form label { display: block; float:left; width:200px; }


    .article form#login-form {}
        .article form#login-form li { line-height: 40px; padding: 0; border-bottom:1px dotted #ddd; margin-right: 14px; }
            .article form#login-form li select,
            .article form#login-form li input { border-radius:0; border-color: #ccc; color:#444; }
            .article form#login-form li select { width: 211px; }
            .article form#login-form li input[type=text],
            .article form#login-form li input[type=password] { width: 200px; }
            .article form#login-form li button { display: block; width: 140px; margin-top: 10px; float: right; margin-bottom: 10px; }
            .article form#login-form li #accept { margin: 0 5px 0 0; padding: 0; position: relative; top:2px; }
            .article form#login-form label { display: block; float:left; width:200px; }

        #agreement-form li { display: block; line-height: 35px; }
            #agreement-form li label { color:#777; position: relative; top:1px; }
            #agreement-form li label:hover { color:#222;}
            #agreement-form li input { margin: 0; padding: 0; position: relative; top:2px; }
            #agreement-form li button { display: block; float: right; margin: 0 0 10px 0; }

        #cboxContent form#login-form { width: 210px; height:230px;}
        #cboxContent form#login-form li { line-height: 25px; padding: 0; }
            #cboxContent form#login-form li select,
            #cboxContent form#login-form li input { border-radius:0; border-color: #ccc; color:#444; }
            #cboxContent form#login-form li select { width: 211px; }
            #cboxContent form#login-form li input[type=text],
            #cboxContent form#login-form li input[type=password] { width: 200px; }
            #cboxContent form#login-form li button { display: block; width: 140px; margin-top: 10px; float: right; margin-bottom: 10px; }
            #cboxContent form#login-form li #accept { margin: 0 5px 0 0; padding: 0; position: relative; top:2px; }
            #cboxContent form#login-form label { display: block; float:left; width:200px; }

        #cboxContent form#reset-form { width: 210px; }
        #cboxContent form#reset-form li { line-height: 25px; padding: 0; }
            #cboxContent form#reset-form li select,
            #cboxContent form#reset-form li input { border-radius:0; border-color: #ccc; color:#444; }
            #cboxContent form#reset-form li select { width: 211px; }
            #cboxContent form#reset-form li input[type=text],
            #cboxContent form#reset-form li input[type=password] { width: 200px; }
            #cboxContent form#reset-form li button { display: block; width: 140px; margin-top: 10px; float: right; margin-bottom: 10px; }
            #cboxContent form#reset-form li #accept { margin: 0 5px 0 0; padding: 0; position: relative; top:2px; }
            #cboxContent form#reset-form label { display: block; float:left; width:200px; }



/* ---------- Sidebar ---------- */

/* ---------- Galleries ---------- */
    #galleries { padding: 0; }
        #galleries li.gallery { position: relative; display: block; float:left; width: 172px; height: 155px; margin: 0 5px 10px; padding: 0; }
        #galleries li.gallery:hover { box-shadow: 2px 2px 10px rgba(0,0,0,0.2) }
        #galleries li.gallery .image { position: absolute; width: 172px; height: 100px; display: table-row; display: none; }
            #galleries li.gallery .image:first-child { display: table-row; z-index: 1; }

                #galleries li.gallery .image a { display: table-cell; width:172px; height:100px; padding: 0; vertical-align: middle; }
                #galleries li.gallery .image img { display: block; max-width: 160px; max-height:100px; margin: 0 auto; }
            #galleries li:before { content: ""; }
            #galleries li.gallery .info { margin-top: 100px; padding: 6px; border-top:1px dotted #ccc; font-size: 10px; }
                #galleries li.gallery .info a { color:#666; text-decoration: none; }

    #gallery-content { margin: 0 -10px; }
        #gallery-content li.thumb { display: block; float:left; width: 210px; height: 218px; margin: 0 10px 10px; padding: 0 !important; border: 1px solid #ddd; border-radius: 2px; }
            #gallery-content li.thumb:before { content: " " }
            #gallery-content li.thumb a { text-decoration: none; }
            #gallery-content li.thumb .image-name{ display: block; text-align: center; }
            #gallery-content li.thumb img { display: block; margin: 0 auto; }

    #project #gallery-content li.thumb { display:none; position: absolute; left:8px; top:1px; width:58px; height:32px; mardin:0; border:0; overflow: hidden; border: 2px solid transparent; box-shadow: 0 0 5px rgba(0,0,0,0.2) }
    #project #gallery-content li.thumb:hover { border-color: #d8d8d8; }
    #project #gallery-content li.thumb:first-child { display: block; }
    #project #gallery-content li.thumb a { display: block; background: none; padding: 0; width:58px; height:35px; }
    #project #gallery-content li.thumb span { display: none; }
    #project #gallery-content li.thumb img { display: block; position: absolute; width: 58px; height: 58px; margin-top: -11px; }
    #single_photo { text-align: center; }
/* ---------- Galleries ---------- */

/* ---------- Documents ---------- */
    #documents { position: relative; }
    #documents li { position: relative; float: left; padding:5px 5px; height: 100px; width: 345px; background: #fff; margin-right: 10px; margin-bottom: 10px; }
    #documents li:before { content: ""; }
    .file-info  { position: relative; overflow: hidden; width:350px; height: 100px; }
        .file-info .file-preview { float:left; display: table; height: 100px; width: 150px; border-right:1px solid #fff; background: #fff }
            .file-info .file-preview div{ display: table-row;  }
            .file-info .file-preview span{ display: table-cell; vertical-align: middle; height: 100px; text-align: center }
            .file-info .file-preview span img { display: block; margin: 0 auto; width:140px; max-height:100px; }
        .file-info .file-details { float: left; width: 155px; padding: 0 10px }
            .file-info .file-details span { display: block; font-size: 11px; color: #888; }
            .file-info .file-details span a{ text-decoration: none; }
            .file-info .file-details span a:hover{ text-decoration: underline; }
            .file-info .file-details span.file-name { font-size: 14px; color: #003465; margin-bottom: 5px }
            .file-info .file-details .members_only { background: url(../images/members_only.png) 0px 1px no-repeat; padding-left: 12px; padding-top: 1px;}
            .file-info .file-details .blank-link { background: url(../images/external-link.png) 1px 3px no-repeat; padding-left: 12px; padding-top: 1px;}
            .file-info .file-details .zoomin { background: url(../images/zoomin.png) 1px 3px no-repeat; padding-left: 12px; padding-top: 1px;}
            .file-info .file-details .download-link { background: url(../images/download-link.png) 0 2px no-repeat; padding-left: 12px; padding-top: 1px;}
    #documents li:hover { background: #fcfcfc}

/* ---------- Documents ---------- */

/* ---------- Error404 ---------- */
    #error-404 { background-color: #393939; }
        #error-404 #content { width: auto; height: 385px; background: url(../images/tai_404_en.jpg) top; box-shadow:inset 0 0 10px rgba(0,0,0,0.4) }
            #error-404.tr #content { background-image: url(../images/tai_404_tr.jpg); }
            #error-404 #content #main { float:none; left: 50%; width: 960px; margin-left: -480px; }
        #error-404 #mastfoot{ background: #393939 url(../images/footer-back-404.png) top repeat-x; box-shadow: 0 -5px 10px rgba(0,0,0,0.4) }

    .error-description { position: absolute; top: 250px; left: 74px; width: 362px; height: 152px; padding: 0 20px; font-size: 18px; line-height: 1.2; color: #50554f; }
        .error-description a { color: #fbb438; text-decoration: none; }
        .error-button { position: absolute; display: block; top: 99px; left: 605px; width: 144px; height: 148px; background: url(../images/push-button.jpg) top left; text-indent: -9999px; }
            .error-button:hover { background-position: top center;  }
            .error-button:active { background-position: top right;  }
/* ---------- Error404 ---------- */


/*  ------------------- Errors ------------------- */
.warningwrap { position: relative; top:-18px; padding-top: 0; max-width: 960px; margin:0 auto 0px; z-index: 100; }
#wrapper>.warningwrap { padding-top: 10px; margin-bottom: -10px; }

.warning { border: 1px solid; font: 14px Helvetica, Tahoma, sans-serif; margin: 0 auto 0px; padding: 5px; border-radius: 5px;box-shadow:0 0 10px rgba(0,0,0,0.5) }
#wrapper > .warningwrap  .warning { position: absolute; z-index: 100; width:960px; top:115px; padding: 10px;  }
table .warning { margin: 10px auto; }
    .warning .message { display: block; padding-left: 20px; }
    .warning li { margin-bottom: 2px; text-align: left; }
    .warning ul li { list-style: inside disc; }
    .warning ol li { list-style: inside decimal; }

.warningwrap .error { background: #ffc8c8; border-color: #e49292; color: #b30000; }
    .warningwrap .error .message { background: url(../images/bg_box_error.png) top left no-repeat; }

.warningwrap .success { background: #dfffda; border-color: #84b87c; color: #025e00; }
    .warningwrap .success .message { background: url(../images/bg_box_success.png) top left no-repeat; }

.warningwrap .warn { background: #fff5bf; border-color: #e9c452; color: #bc4700; }
    .warningwrap .warn .message { background: url(../images/bg_box_warn.png) top left no-repeat; }

.warningwrap .info { background: #ceecff; border-color: #8cc1da; color: #06386a; }
    .warningwrap .info .message { background: url(../images/bg_box_info.png) top left no-repeat; }

.warningwrap .normal { background: #262626; border-color: #888888; color: #cccccc; }
    .warningwrap .normal .message { background: url(../images/bg_box_warn2.png) top left no-repeat; }


.help { background: #fff; border-color: #999; color: #363636; }
    .help .message { background: url(../images/bg_box_help.png) top left no-repeat; }

.nofavorite { margin: 50px 30px 0 30px;}
/*  ------------------- Errors ------------------- */

/* ----------  Footer ---------- */
    div#footer-nav { position: relative; float: left; left: 50%; width: 940px; height: 80px; margin-left: -470px; font-size: 14px; line-height: 1; color:#494949; }
        div#footer-nav a { display: block; float: left; width: 100px; height: 64px; padding: 12px 6px 0 64px; color:#494949; line-height: 1.3; text-decoration: none; }
            div#footer-nav:hover a { opacity: 0.8; }
            div#footer-nav a:hover { color: #00305d; opacity: 1; }
        
        #footer-nav a.paydaslarveistirakler { background: url(../images/icon-paydaslarveistirakler.png) 12px 0 no-repeat; width:80px; }
        #footer-nav a.kalitepolitikamiz     { background: url(../images/icon-kalitepolitikamiz.png) 12px 0 no-repeat; }
        #footer-nav a.rakamlarlatusas       { background: url(../images/icon-rakamlarlatusas.png) 12px 0 no-repeat; }
        #footer-nav a.edergi                { background: url(../images/icon-edergi.png) 10px 0 no-repeat; width:80px; }
        #footer-nav a.basinbultenleri       { background: url(../images/icon-basinbultenleri.png) 10px 0 no-repeat; }
        #footer-nav a.sss                   { background: url(../images/icon-sss.png) 10px 0 no-repeat; }
        #footer-nav a.ucusokulu             { background: url(../images/icon-ucusokulu.png) 0 -5px no-repeat; padding-left: 86px; }
        #footer-nav a.duyurular             { background: url(../images/icon-duyurular.png) 0 0 no-repeat; padding-left: 50px; width:60px; }
        #footer-nav a.kurumsal              { background: url(../images/icon-kurumsal.png) 0 0 no-repeat; padding-left: 50px; width:90px; }

    .footer-content { position: relative; width: 960px; margin: 0 auto; height: 100%; }
        .footer-content table { position: relative; z-index: 10; width:100%; }
        .footer-content td { padding: 0 10px; }
        .footer-content h3 { padding-bottom: 10px; font: normal 15px sans-serif; color: #e9e9e9; }
            .footer-content h3 a { color: #e9e9e9; text-decoration: none; }
                .footer-content h3 a:hover { text-decoration: none; }
        .footer-content p { margin: 0; font-size: 11px; line-height: 17px; color:#99a4b3; }
        .footer-content td:last-child,
        .footer-content td.last-child { width:250px; }
        .footer-content td.last-child p { margin-bottom: -2px; line-height: 13px; }
        .footer-content td.last-child p,
        .footer-content td:last-child p{ margin-bottom: -2px; line-height: 13px; }
        .footer-content p a,
        .footer-content ul a { color:#99a4b3; text-decoration: none; }
        .footer-content a:hover { color: #fff; }
        
        #error-404 .footer-content p,
        #error-404 .footer-content ul,
        #error-404 .footer-content a { color:#999 ; }
        #error-404 .footer-content a:hover { color:#fff; }
        
        .footer-content ul { list-style: disc outside !important; margin-left: 15px; font-size: 11px; color: #99a4b3; }
        .footer-content strong { font-weight: normal; color:#e9e9e9; }
    .copyright { position: absolute; left: 50%; text-align: right;  bottom: 0; width: 950px; height: 70px; margin-left: -480px; padding: 5px 0 0 10px; background: url(../images/footer-border.png) top center no-repeat; font-size: 12px; color: #99a4b3; }
        .affiliate { position: absolute; display: block; top: 10px; left: 0; padding: 22px 0 0 35px; font-size: 10px; line-height: 1; text-align: left; font-family: arial; }
        .affiliate img { position: absolute; top: 14px; left: 7px; height: 24px; }

    .brokenlink {background: red !important; padding: 2px !important; border-radius: 2px; color:#000 !important}
    #scroll-top { position: fixed; display: none; z-index: 99; right: 25px; bottom: 85px; width: 40px; margin-left: -405px; padding: 4px 8px; border-radius: 4px; background: #f0f0f0; }
        #scroll-top:hover { box-shadow:2px 2px 10px rgba(0,0,0,0.2); }
        #scroll-top a { cursor: pointer; display: block; padding-left: 16px; background: url(../images/top.png) center left no-repeat; font-size: 13px; color: #293649; text-decoration: none; }
    
    #icon { position: absolute; right:0; bottom: 75px; display: block; width: 23px; height: 41px; background: url(../images/icon.png) bottom left no-repeat; text-indent: -9999px; }

    #altin_orumcek { position:absolute; top:0; left:50%; margin-left:520px; background: #e3e3e3; width: 142px; border-radius: 0 0 10px 10px; box-shadow:0px -20px 30px -8px rgba(0,0,0,1), 0px -25px 30px -15px rgba(0,0,0,1); }
        #altin_orumcek .orumcek-logo { display:block; text-align:center; padding:20px 10px; }
        #altin_orumcek .orumcek-text { display:none; text-align:center; padding:20px 10px; font-family:'FranklinGothicFSMedCd', sans-serif; font-size:13px; color: #524839; text-shadow: 1px 1px 1px #fff; }
    #altin_orumcek a { text-decoration: none; }

    #altin_orumcek.thin { position: absolute; top: 110px; left: auto; right:0; margin-left: 0; z-index: 100000000; border-radius: 10px 0 0 10px; box-shadow: 0 0 20px rgba(0,0,0,0.3);  }
    #altin_orumcek.thin .orumcek-logo { background: none;  padding:4px; }
    #altin_orumcek.thin .orumcek-text { display:none; }

    #altin_orumcek.hovered .orumcek-logo { background: url(../images/orumcek_dvider.png) bottom no-repeat; }
    #altin_orumcek.hovered .orumcek-text { display:block; }
    .head-top { right:0px; }
    #tai-41-yil { position:absolute; top:5px; right:10px;  }
/* ----------  Footer ---------- */