﻿/*RESET CSS -----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
:focus {outline:0;}
/*RESET CSS SON*/
/* Styles for layout
-----------------------------------------------------------------------------*/
.clear{clear:both;}
.right{float: right;}
.left{float: left;}
.middle {vertical-align:middle;}

.bold { font-weight: bold;}
.green { color: #00D500; }
.red { color: #FF0000; }

#right { text-align: right;}
#center { text-align: center;}
#middle { vertical-align: middle; margin-bottom:3px;}

ul,ol,li{
    list-style:none;
}

/* Set up the document-----------------------------------------------------------------------------*/
body {background:#cccccc url(../images/back_main.gif) repeat-x top;font:11px segoe ui;color:#333;}
input,select { font:12px segoe ui; } 

a { text-decoration:none;}
a:link, a:visited { color:#26598c;}
a:hover {text-decoration:underline;}

.wrapper {width:960px;margin:auto;}
.header {height:101px;position:relative;}
    a.logo  { color:#FFF; font-size:2.4em;}
	.logo {position:absolute;left:15px;top:15px; }
	/* üst sekmeli menü */
	.nav_top {height:31px;position:absolute;bottom:0;left:0;width:100%;}
	.nav_top li {float:left;}
		.nav_top a {background:url(../images/sprite_top_nav.gif) left -62px;float:left;height:31px;padding-left:7px;margin-right:5px;font-weight:normal;color:#fff; font-size: 1.2em;}
			.nav_top a span {background:url(../images/sprite_top_nav.gif) right -93px;float:left;height:21px;padding:10px 12px 0 6px;}
		    .nav_top a.selected {background:url(../images/sprite_top_nav.gif) left 0;}
			.nav_top a.selected span {background:url(../images/sprite_top_nav.gif) right -31px;color:#000;}
			.nav_top li.sepetiniz {float:right;}
			.nav_top li.sepetiniz a {background:url(../images/ico_sepetiniz.png) no-repeat left top;padding-left:25px;margin-top:7px;float:right;height:24px;}
			
	/* üst login ve kullanıcının bilgi alanı */
	.user {background:url(../images/sprite_top_right.gif) left 0;float:left;height:57px;padding-left:10px;position:absolute;right:0;top:10px;color:#fff;}
		/* giriş yapmadığı zaman gösterilen stil*/
		.user li {background:url(../images/sprite_top_right.gif) right -57px;padding-right:10px;height:57px;}
        .user li input[type=button] { border:1px solid #F0F0F0; padding:1px; margin:10px 3px 0 3px; background-color: #79B3EC; color:#fff;}
		.tinput {width:120px;border:0;padding:4px;color:#999;font-size:10px;margin:10px 5px 0 0;}
		.tsubmit {margin-top:10px;}
		/* giriş yaptıktan sonra */
		.user_info {padding-top:15px;color:#204b72;text-align:right;}
		.user_info span.kullanici_adi{color:#fff;font-weight:bold;}
		.user_info a:link, .user_info a:visited {color:#fff;}
			
			.user_info span.kullanici_adi, .user_info a{padding:0 10px;}
			
.content {background:url(../images/back_content.gif) repeat-y;border:4px solid #D0D0D0;width:950px;margin:20px 0 10px 0;overflow:hidden;}
	/* sol menü */
	.c_left {width:200px;padding:20px;}
		/* sol navigasyon */
		.nav_left {min-height:140px;}
		.nav_left li {margin-bottom:11px;border-bottom:1px solid #cad0d7;padding-bottom:5px;}
		.nav_left li a {display:block;color:#000;}
			.nav_left li li{margin-bottom:1px;border-bottom:0;padding-bottom:0; margin-top:5px;}
			.nav_left li ul {margin-left:5px;}
			
			.treeview, .treeview ul {padding: 0;margin: 0;list-style: none;}
			.treeview .hitarea {height: 16px;width: 16px;margin-left: -16px;float: left;cursor: pointer;}
			/* fix for IE6 */
			* html .hitarea {display: inline;float:none;}
			.treeview a.selected {background-color: #eee;}
			#treecontrol { margin: 1em 0; display: none; }
			.treeview .hover { color: red; cursor: pointer; }
			.treeview li.collapsable {background:url(../images/ico_collapsable.gif) no-repeat right top;}
			.treeview li.expandable {background:url(../images/ico_expandable.gif) no-repeat right top;}
			.treeview li span {display:block;}
			.treeview li span.main {font-size: 1.2em;}
		.arama {margin-top:20px;}
			.arama .tinput {border:1px solid #CCC;width:160px;}
			.arama .tsubmit {padding-top:5px;}
	
	/* sağ içerik alanı */
	.c_right {width:672px; padding:18px; min-height:400px; }
        #inner_content { min-height:400px; padding:0; margin:0; }  
		.mainx_title {background:#033649 url(../images/main_title.gif) repeat-x top;color:#fff;font-size:12px;padding:8px 10px; margin:0 0 7px 0;}
        /* üst başlık kısmı */
        p.main_title {background:#033649 url(../images/main_title.gif) repeat-x top;color:#fff;font-size:15px;padding:8px 10px;overflow:hidden;}
            .title_b {color:#0a81b3;}
            .title_sub_link {padding-top:5px;}
                .title_sub_link a:link, .title_sub_link a:visited {color:#fff;}
                
        /* başlığı ve bilgilerinin olduğu kısım */
        .title_topic{background:#eeeeee;padding:10px;overflow:hidden;}
            .topic_date {text-align:right;}
    
			.w_150 {width:150px;}
            .w_200 {width:200px;}
            .w_250 {width:250px;}
			.w_300 {width:300px;}
            .w_350 {width:350px;}
			.w_450 {width:450px;}
            
            .fs_10 {font-size:10px;}
            .fs_11 {font-size:11px;}
            .fs_12 {font-size:12px;}
            .fs_14 {font-size:14px;}
            .orange{color:#ff5b00;}
            .c_999 {color:#999;}
            .b {font-weight:bold;}
            
    .announcement_list li { padding:5px 0 5px 11px; background: url(../images/arrow_right.gif) no-repeat left 8px;}
	.announcement_list li #date { color: #C0C0C0; font-size: 0.9em; }
    
    .announcements li #title {  border-bottom:1px solid #e8edef; padding-bottom:5px; margin-top:5px;  font-size:1.7em; }
    .announcements li p { font-size: 1.3em; padding:0 20px 20px 15px; }
    .announcements li #date { color: #C0C0C0; font-size: 1.0em; text-align: right; } 		
            /* hata mesajları */
.msg_ok {background:#d8ffcc;border:1px solid #7bbf66;color:#4e903a;padding:10px;margin:5px 0; line-height: 160%;}
.msg_warn {background:#ffe8d0;border:1px solid #b79168;color:#764919;padding:10px;margin:5px 0; line-height: 160%;}
.msg_error {background:#fccccc;border:1px solid #a06666;color:#6f1414;padding:10px;margin:5px 0; line-height: 160%;}
    .c_right h4 { color:#fff; font-size: 13px; font-weight: normal; padding:3px 5px; margin:20px 0 3px 0; background-color: #66CC66; }
	.c_right h3 { color:##808080; font-size: 13px; font-weight: normal; padding:3px 5px; margin:20px 0 3px 0; background-color: #D6EABF; }		
.footer {text-align:center;}

#datalist {width:100%;}
#datalist table { border:1px solid #C0C0C0; border-top:0px; }
    #datalist h2{ 
        margin-top:15px; padding:7px 0 5px 8px; font-weight: normal; font-size:1.3em; color:#000;
        background: url(../images/header_title.gif);
        height:21px;
        border:1px solid #C0C0C0;
        border-bottom:0px;
    }
#datalist th {
    color:#000; 
    padding:7px 3px; 
    font-size: 1.0em; font-weight: normal;
    background-image: url(../images/th_bg_b.gif);
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}
	#datalist td{border-bottom:1px solid #D5DEFF; padding:5px 3px;}
	#datalist tr.alt{background:#e1f0ff;}
    #datalist tr.alt2{background:#ABCFF9;}
    #datalist td#center { text-align:center; }
    
	.w_5{width:5%;text-align:center;}
	.w_10{width:10%;}
	.w_20{width:20%;}
	.w_45{width:45%;}
    
/* Data Display */
#datagrid { width: 100%; margin: 5px 0;}
    #datagrid th { padding:5px 5px; background-color: #e1f0ff; border-bottom:1px solid #D5DEFF; }
    #datagrid td { padding:5px 5px; background-color: #fff; border-bottom:1px solid #D5DEFF; }
    
/* form stilleri*/
#formgrid {margin-top:10px;border-top:1px solid #fff;padding:10px 0;}
#formgrid legend {padding:0 2px;margin-left:10px;font-size:14px;font-weight:bold;}
    #formgrid li { border-top: 1px solid #F0F0F0;  padding:5px 10px; font-size:1.2em; width:100%; line-height: 1.8; list-style:none;}
    #formgrid li.first {border-top: 0px;}
    #formgrid label {width:170px; display:inline-block; float:left;}
    #formgrid div { float:left;} 
    #formgrid div label { float:none; display:inherit ;}
    #formgrid span {display:block;}
    #formgrid input[type=radio], #formgrid input[type=checkbox] {vertical-align:middle;margin:0 0 0 10px;}
    #formgrid input[type=text], #formgrid input[type=file]  {border:1px solid #ccc;padding:5px;color:#666;}
    #formgrid input[type=text].error { background-color: #FFDDDD;}
    #formgrid input[type=submit], .submit {  background:#D6E0EA; border:1px solid #033246;color:#033246;padding:3px; cursor:pointer; margin:3px;}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* input */
form.cmxform fieldset { 
    margin-bottom: 10px;
}

form.cmxform input[type=text] { border:1px solid #ccc;padding:5px;color:#666;}

form.cmxform input[type=text].error { background-color: #FFDDDD;} 
    
form.cmxform legend{
    padding: 0 2px;
    font-weight: bold;
    _margin: 0 -7px; /* IE Win */
}
    
form.cmxform label {
    display: inline-block;
    line-height: 280%;
    font-weight:normal;
    width: 180px; 
    vertical-align: top;
    color: #000000;
    margin-right: 5px;      
}

form.cmxform ol.alt li label {
    width: 120px;    
}
    
form.cmxform fieldset ol {
    margin: 0;
    padding: 0;
}
    
form.cmxform fieldset li {
    list-style: none;
    padding-left:5px;
    margin: 0;
    border-bottom: 1px solid #F5F5F5;
    line-height: 280%;
    font-size: 1.0em; 
    
}
form.cmxform fieldset li.odd {
    background-color: #F9F9F9;
}
form.cmxform fieldset li.odd label{
    background-color: #F5F5F5;
}

form.cmxform fieldset li span {
    font-size:0.9em;
}    
 
form.cmxform fieldset input[type=text] {
    width:250px;
}         
    
form.cmxform fieldset fieldset {
    border: none;
    margin: 3px 0 0;
    }
    
form.cmxform fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
    }
    
form.cmxform fieldset fieldset label {
    display: block;
    width: auto;
    }

form.cmxform em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
    }

form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */




/* Section Tabs */

#tabnav {
    height: 34px;
    margin: 0px;
    padding-left: 10px;
    border-bottom: 1px solid #D0D0D0;
    font-family: segoe ui;
    font-size: 13px;
    background-color: #F0F0F0;
}

#tabnav ul {
    padding-top:10px;
}
#tabnav li {
    margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none;
}
#tabnav a:link, #tabnav a:visited {
    float: left;
    background: #D0D0D0;
    line-height: 14px;
    padding: 4px 10px 4px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #808080;
}
#tabnav a:link.active, #tabnav a:visited.active {
    margin-top:1px;
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}
#tabnav a:hover {
    background: #808080;
    color: #fff;
    border: 1px solid #808080;
}

#tabcontent {

    padding: 15px; margin: 0px;
    min-height: 300px;
}
