/*
 *
 * MARMARA UNIVERSITESI
 * BILGI ISLEM DAIRE BASKANLIGI
 * WEB TAKIMI
 *
  *//*
 *
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 */



/* === Base styles: opinionated defaults === */

html,button,input,select,textarea {color: #222;}

::-moz-selection {background: #b3d4fc;text-shadow: none;}

::selection {background: #b3d4fc;text-shadow: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

img {vertical-align: middle;}

fieldset {border: 0;margin: 0;padding: 0;}

textarea {resize: vertical;}

.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,body{ height: 100%; width:100%; }
body{overflow-x:hidden; }

body { background:#fff url("../_i/body.png") 0 0 repeat-x; font-size:12px; line-height:16px; }

#ekran{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    overflow:hidden;
    display:block;
    z-index:1;
    /* padding-bottom:64px; */
}

.container{ position:relative; width:980px; height:auto; margin:0 auto; }

/* Top Nav */
.topnav { position: relative; z-index:2; width: 980px; height: 32px; margin:0 auto; }
.topnav ul { margin:0; padding:0; width: auto; min-width: 325px; float: right; }
.topnav ul li { float: right; overflow: hidden; display: inline-block; }
.topnav ul li a {
   background: transparent url("../_i/topnavborder.png") top right no-repeat;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #fff;
   font-size: 12px;
   text-decoration: none;
   padding: 0 10px;
   border-top: 3px solid #393939;
   height: 27px;
   line-height: 27px;
   display: inline-block;
}
.topnav ul li a:hover { border-top: 3px solid #efeea6; }

/* Wrapper */
#wrapper{
    position:relative;
    z-index:1;
    width:980px;
    height:auto !important;
    min-height:650px;
    /* height:100%; */ /*for IE*/
    /* min-height:100%; */
    /* margin-top:-1px; */
    margin-left:auto;
    margin-right:auto;
}

/* Ipad Logo */
h1.h1ipadlogo,
h1.h1ipadlogoen{ 
    display:none;
}

/* LeftBar */
.leftbar{
    position:relative;
    float:left;
    width:226px;
    height:auto;
    margin:0 40px 0 49px;
    padding:0px 10px;
}
    .leftbar > *{ display:block; }
    
    .logoflama{
        position:relative; width:226px; height:337px; background:url("../_i/flamalogo.png") 0 0 no-repeat; margin-bottom:60px;
    }
    
    .leftbox{
        width:194px;
        height:auto;
        margin-bottom:60px;
        padding:15px;
        background:#ededed;
        border-radius:5px;
        border:1px solid #d7d7d7;
        text-align:center;
    }
    
        .leftbox p{
            font-size:13px;
            line-height:15px;
            color:#4e4e4e;
        }
        
        .leftbox img{ margin:0 auto 20px auto; display:block; }
    
    .no-borderradius .leftbox{
        behavior: url(pie/PIE.htc);
    }

/* RightBar */
.rightbar{
    position:relative;
    float:left;
    width:620px;
    height:auto;
    margin-right:25px;
    margin-bottom:50px;
}

    h1.h1logo{
        width:517px;
        height:49px;
        display:block;
        margin:50px 0 0 50px;
        padding:0;
        font-size:0;

    }
    
    .content{
        position:relative;
        float:left;
        width:620px;
        height:auto;
        margin-top:79px;
        overflow:hidden;
    }
        
       .ui-accordion .ui-accordion-header{ 
           width:580px;
           height:36px;
           margin:0 0 1px 0;
           padding:7px 20px;
           font-size:16px;
           font-weight:bolder;
           line-height:36px;
           color:#fff;
           background:url("../_i/dipsprite.png") 0 0 no-repeat;
        }
        
        .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
            top:55% !important;
            right:20px !important;
            width:20px;
            height:11px;
        }
        
        .ui-accordion .ui-accordion-header .ui-icon-triangle-1-s{background:url("../_i/dipsprite.png") -630px 0 no-repeat;}
        .ui-accordion .ui-accordion-header .ui-icon-triangle-1-e{background:url("../_i/dipsprite.png") -662px 0 no-repeat;}
        
        .ui-accordion .ui-accordion-content{
            margin:0 0 20px 0;
            padding:36px 26px;
            margin-top:-10px;
            font-size:14px;
            line-height:18px;
            color:#393939;
            border:1px solid #ccc;
        }
        
        .ui-accordion .ui-accordion-content label{
            font-size:14px;
            color:#393939;
            display:inline-block;
            min-width:210px;
        }
        
        .ui-accordion .ui-accordion-content input.textbox,
        .ui-accordion .ui-accordion-content input[type="text"]{
            width:325px;
            height:16px;
            font-size:12px;
            line-height:16px;
            color:#555;
            padding:7px;
            background:url("../_i/dipsprite.png") 0px -60px no-repeat;
            border:0;
        }
        
        .ui-accordion .ui-accordion-content input[type="submit"],
        .ui-accordion .ui-accordion-content input[type="button"],
        .ui-accordion .ui-accordion-content input[type="reset"]{
            cursor:pointer;
            width:89px;
            height:34px;
            line-height:34px;
            padding:0px 10px;
            font-size:12px;
        }
        
        input:focus{ outline:none; }

        .ui-accordion .ui-accordion-content input.sorgula,
        .ui-accordion .ui-accordion-content input.temizle{
            cursor:pointer;
            width:89px;
            height:34px;
            margin-right:10px;
            padding:0;
            font-size:0;
            text-indent:-9999px;
            border:0;
        }
        
        .ui-accordion .ui-accordion-content input.sorgula{
            background:url("../_i/dipsprite.png") -700px 0px no-repeat;
        }
        
        .ui-accordion .ui-accordion-content input.temizle{
           background:url("../_i/dipsprite.png") -700px -44px no-repeat; 
        }
        
        span.customSelect{ 
            width:325px;
            height:16px;
            font-size:12px;
            line-height:16px;
            color:#555;
            padding:7px;
            margin-right: -4px;
            background:url("../_i/dipsprite.png") -350px -60px no-repeat;
        }

        .ui-icon-close,.ui-icon-closethick{
            outline-style:none;
            outline-width:0;
            background:url("../_i/dipsprite.png") -706px -53px no-repeat !important;
        }

        .responsive-notification{
            width:98%;
            margin:25px auto 0 auto;
            height:auto;
            background:#ededed;
            border-radius:5px;
            border:1px solid #d7d7d7;
            text-align:center;
            display:none !important;
        }
            .responsive-notification p{
                padding:5px 15px 15px 15px;
                font-size:13px;
                line-height:15px;
                color:#4e4e4e;
            }
            .responsive-notification img{ margin:15px auto 20px auto; display:block; }
            .no-borderradius .responsive-notification{
                behavior: url(pie/PIE.htc);
            }
            
/* Footer */
#footer{
    display:block;
    height:60px;
    left:0;
    margin:-64px auto 0;
    position:absolute;
    top:100%;
    width: 100%;
    z-index: 4;
    background:#2b2b2b;
    border-top:4px solid #444444; 
    text-align:center;
}

    #footer p{
        padding-top:5px;
        font-size:12px;
        line-height:14px;
        color:#cdcdcd;
    }
    
    #footer p a{
        color:#cdcdcd;
        text-decoration:none;
    }

/* Eng Class */
.logoflamaen{
	position:relative; width:226px; height:337px; background:url("../_i/flamalogoen.png") 0 0 no-repeat; margin-bottom:60px;
}

.h1logoen{
	width:517px;
	height:49px;
	display:block;
	margin:50px 0 0 50px;
	padding:0;
	font-size:0;
	background:url("../_i/h1logoen.png") 0 0 no-repeat;
}

.ui-accordion .ui-accordion-content input.sorgulaen,
.ui-accordion .ui-accordion-content input.temizleen{
	cursor:pointer;
	width:89px;
	height:34px;
	margin-right:10px;
	padding:0;
	font-size:0;
	text-indent:-9999px;
	border:0;
}

.ui-accordion .ui-accordion-content input.sorgulaen{
	background:url("../_i/dipsprite.png") -799px 0px no-repeat;
}

.ui-accordion .ui-accordion-content input.temizleen{
   background:url("../_i/dipsprite.png") -799px -44px no-repeat; 
}

/* ==========================================================================
   Helper Classes
   ========================================================================== */

/* Image replacement */
.ir {background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px; }
.ir:before { content:""; display:block; width:0; height:150%; }

/* Hide from both screenreaders and browsers */
.hidden {display: none !important;visibility: hidden;}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden;}

/* Clearfix: contain floats */
.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix {*zoom: 1;}

a.fillblank{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; cursor:pointer; background:url("../_i/transparent.gif") 0 0 repeat; }

/* ==========================================================================
   Responsive Design.
   ========================================================================== */
@media(max-width:480px){
    .ui-accordion .ui-accordion-header{ font-size:10px; }
    #ekran{ padding-bottom:64px; }
    #wrapper{padding-bottom:0px !important;}
    .rightbar{ margin-bottom:0; }
}
@media(max-width:767px){
    
    body{ background:#fff url("../_i/bodymini.png") 0 0 repeat-x; }
    
    #ekran{ padding-bottom:128px; }
    
    #wrapper{ width:100%; overflow:hidden; }
    
    .topnav { width:100%; }
    
    .leftbar{ width:90%; margin:0 5%; }
    .leftbar > .leftbox{ display:none; }
    
    .logoflama,.logoflamaen{
        position:relative;
        float:left;
        display:block;
        margin-bottom:0;
    }
    .logoflama{ width:262px; height:167px; background:url("../_i/flamalogomini.png") 0 0 no-repeat; }
    .logoflamaen{ width:245px; height:167px; background:url("../_i/flamalogoenmini.png") 0 0 no-repeat;}

    .rightbar{ width:90%; margin:0 5% 50px 5%; }
    
    h1.h1logo,h1.h1logoen{ display:none; }

    .content{ width:98%; margin-top:25px; }
    
    .ui-accordion .ui-accordion-header{ 
        width:96%;
        height:36px;
        margin:0 0 1px 0;
        padding:0 2%;
        background:#003d70;
        font-size:12px;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    .ui-accordion .ui-accordion-content{ padding:16px 11px 16px 11px; font-size:11px; }
    .ui-accordion .ui-accordion-content label{
        display:block; width:100%; font-size:11px;
    }
    .ui-accordion .ui-accordion-content input.textbox,
    .ui-accordion .ui-accordion-content input[type="text"]{ 
        width:95%;
        padding:3px;
        background:#ededed;
        border:1px solid #d7d7d7;
    }
    
    span.customSelect{
        width:95%;
        padding:5px 3px;
        background:#ededed url("../_i/customSelect.png") center right no-repeat;
        border:1px solid #d7d7d7;
    }
    
    .responsive-notification{ display:block !important; }
    
    #footer p{ font-size:10px; }
    
    .container{ position:relative; width:95%; height:auto; margin:0 auto; }
    
}
@media(){
    
}
@media(min-width:767px) and (max-width:767px){
    h1.h1ipadlogo,h1.h1ipadlogoen{
        position:absolute;
        display:block;
        width:362px;
        height:34px;
        padding:0;
        font-size:0;
        top:50px;
        left:350px;
    }
    h1.h1ipadlogo{ background:url("../_i/h1logomini.jpg") 0 0 no-repeat; }
    h1.h1ipadlogoen{ background:url("../_i/h1logoenmini.png") 0 0 no-repeat; }
}
@media(max-width:979px){.topnav { width:100%; }}
@media(min-width:980px){}
@media(min-width:1200px){}

/*
@media(min-height:1024px){
    #footer{
        position:fixed !important;
        bottom:0px;
        left:0px;
    }
}
*/

/* ==========================================================================
   Print styles
   ========================================================================== */
   
@media print {

    * {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}

    a,a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}

    /* Don't show links for images, or javascript/internal links */
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
    thead {display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important;}

    @page {margin: 0.5cm;}

    p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {page-break-after: avoid;}

}