﻿html, body
{
    color: #000000;
    
    font-family: 'Segoe UI';
    font-size: 12px;
}

    body a
    {
        color: #648dd5;
        font-size: 15px;
    }
        /*text-decoration:none; color:#686868; font-family:'avenir';*/
        body a:hover
        {
            color: #0bbb14;
            text-decoration: none;
            font-size: 15px;
        }

    body input
    {
        font-size: 15px;
        color: #000000;
        height: 15px;
        line-height: 15px;
        border: 3px solid #ddd;
        outline: none;
        padding-left: 3px;
        /*Köşeleri Yuvarlak Yapmak İçin*/
        /*display: block;*/
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        body input:hover
        {
            font-size: 15px;
            color: #000000;
            height: 15px;
            line-height: 15px;
            border: 3px solid #C7C7C7;
            outline: none;
            padding-left: 3px;
            /*Köşeleri Yuvarlak Yapmak İçin*/
            /*display: block;*/
            -khtml-border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }



    /* width:150px; radiobuttonlist ve checkboxları bozuyor width koyunca*/
    body textarea
    {
        font-family: 'Segoe UI';
        font-size: 15px;
        color: #000000;
        height: 60px;
        border: 2px solid #ddd;
        outline: none;
        padding-left: 3px;
    }

    /* width:150px; */
    body span
    {
        color: #000000;
        font-size:15px;
        
    }

    body label
    {
        font-size: 15px;
        color: #000000;
    }


    body select
    {
        font-size: 15px;
        color: #000000;
        height: 26px;
        line-height: 26px;
        border: 3px solid #ddd;
        outline: none;
        padding-left: 3px;
        /*Köşeleri Yuvarlak Yapmak İçin*/
        /*display: block;*/
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        body select:hover
        {
            font-size: 15px;
            color: #000000;
            height: 26px;
            line-height: 26px;
            border: 3px solid #C7C7C7;
            outline: none;
            padding-left: 3px;
            /*Köşeleri Yuvarlak Yapmak İçin*/
            /*display: block;*/
            -khtml-border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

    body input[type=checkbox], input[type=radio]
    {
        border: none;
        background: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }

        body input[type=checkbox]:hover, input[type=radio]:hover
        {
            border: none;
            background: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            padding: 0;
            margin: 0;
            border: 2px solid #ddd;
        }


hr
{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



/*#region İÇ MENÜ */


.Menu
{
}


    .Menu table
    {
        border-spacing: 0;
        padding: 0;
    }

    .Menu td
    {
        background-image: url('/Images/IcMenuOrta.png');
        background-repeat: repeat-x;
        width: 280px;
        height: 20px;
        text-align: left;
    }

        .Menu td:hover
        {
            background-image: none;
        }

    .Menu a
    {
        color: #727272;
        font-weight: bold;
        font-size: 15px;
        
    }

        .Menu a:hover
        {
            color: #6d6c6c;
            font-weight: bold;
            font-size: 15px;
        }





.Ic_Menu
{
    background: #EFF3FB;
    background-image: -webkit-linear-gradient(top, #EFF3FB, #dfe3eb);
    background-image: -moz-linear-gradient(top, #EFF3FB, #dfe3eb);
    background-image: -ms-linear-gradient(top, #EFF3FB, #dfe3eb);
    background-image: -o-linear-gradient(top, #EFF3FB, #dfe3eb);
    background-image: linear-gradient(to bottom, #EFF3FB, #dfe3eb);
  
    text-decoration: none;
       
    /*Köşeleri Yuvarlak Yapmak İçin*/
    /*display: block;*/
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 0px 5px 0px;
}

    .Ic_Menu:hover
    {
        background: white;
        padding: 5px 0px 5px 0px;
        /*Köşeleri Yuvarlak Yapmak İçin*/
        /*display: block;*/
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border-left: 5px solid #5E85D7;
    }

    .Ic_Menu a
    {
        color: #000000;
        font-weight: bold;
        font-size: 15px;
         text-decoration:none;
  
    }

        .Ic_Menu a:hover
        {
            color: #6d6c6c;
            font-weight: bold;
            font-size: 15px;
        }


.Ic_Menu_Secili
{
    background: white;
    padding: 5px 0px 5px 0px;
    /*Köşeleri Yuvarlak Yapmak İçin*/
    /*display: block;*/
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left: 5px solid #5E85D7;
}

    .Ic_Menu_Secili a
    {
        color: #6d6c6c;
        font-weight: bold;
        font-size: 15px;
    }


/*#endregion */

/*#region Güncelle/Kaydet butonu */


.YesilButon
{
    background: #00AD7D;
    /*background-image: -webkit-linear-gradient(top, #45b063, #409958);
    background-image: -moz-linear-gradient(top, #45b063, #409958);
    background-image: -ms-linear-gradient(top, #45b063, #409958);
    background-image: -o-linear-gradient(top, #45b063, #409958);
    background-image: linear-gradient(to bottom, #45b063, #409958);*/
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    font-size: 15px;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

    .YesilButon:hover
    {
        background: #d0e7d0;
        /*background-image: -webkit-linear-gradient(top, #d0e7d0, #bed1be);
        background-image: -moz-linear-gradient(top, #d0e7d0, #bed1be);
        background-image: -ms-linear-gradient(top, #d0e7d0, #bed1be);
        background-image: -o-linear-gradient(top, #d0e7d0, #bed1be);
        background-image: linear-gradient(to bottom, #d0e7d0, #bed1be);*/
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        font-size: 15px;
        font-family: Arial;
    }

/*#endregion */

/*#region İptal/Vazgeç Butonu */


.KirmiziButon
{
    background: #EB5B5B;
    /*background-image: -webkit-linear-gradient(top, #cd3234, #b32e31);
    background-image: -moz-linear-gradient(top, #cd3234, #b32e31);
    background-image: -ms-linear-gradient(top, #cd3234, #b32e31);
    background-image: -o-linear-gradient(top, #cd3234, #b32e31);
    background-image: linear-gradient(to bottom, #cd3234, #b32e31);*/
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

    .KirmiziButon:hover
    {
        background: #e29393;
        /*background-image: -webkit-linear-gradient(top, #e29393, #c78282);
        background-image: -moz-linear-gradient(top, #e29393, #c78282);
        background-image: -ms-linear-gradient(top, #e29393, #c78282);
        background-image: -o-linear-gradient(top, #e29393, #c78282);
        background-image: linear-gradient(to bottom, #e29393, #c78282);*/
        text-decoration: none;
        font-size: 15px;
        color: #CD3234;
    }


/*#endregion */

/*#region Yeni Kayıt vs Mavi Butonlar */


.MaviButon
{
    background: #0073B9;
    /*background-image: -webkit-linear-gradient(top, #374898, #2e3d7d);
    background-image: -moz-linear-gradient(top, #374898, #2e3d7d);
    background-image: -ms-linear-gradient(top, #374898, #2e3d7d);
    background-image: -o-linear-gradient(top, #374898, #2e3d7d);
    background-image: linear-gradient(to bottom, #374898, #2e3d7d);*/
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

    .MaviButon:hover
    {
        
        background: #ADC4E7;
        /*background-image: -webkit-linear-gradient(top, #ADC4E7, #99adcc);
        background-image: -moz-linear-gradient(top, #ADC4E7, #99adcc);
        background-image: -ms-linear-gradient(top, #ADC4E7, #99adcc);
        background-image: -o-linear-gradient(top, #ADC4E7, #99adcc);
        background-image: linear-gradient(to bottom, #ADC4E7, #99adcc);*/
        text-decoration: none;
        font-size: 15px;
        color: #0073B9;
    }



/*#endregion */


/*#Login Buton */

.LoginButon
{
    background: #13BFF1;
    /*background-image: -webkit-linear-gradient(top, #1277B1, #5db3de);
    background-image: -moz-linear-gradient(top, #1277B1, #5db3de);
    background-image: -ms-linear-gradient(top, #1277B1, #5db3de);
    background-image: -o-linear-gradient(top, #1277B1, #5db3de);
    background-image: linear-gradient(to bottom, #1277B1, #5db3de);*/
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
  font-family: Segoe UI;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-weight:bold;
    text-align:center;
}

    .LoginButon:hover
    {
        background: #04BCF1;
        /*background-image: -webkit-linear-gradient(top, #5db3de, #1277B1);
        background-image: -moz-linear-gradient(top, #5db3de, #1277B1);
        background-image: -ms-linear-gradient(top, #5db3de, #1277B1);
        background-image: -o-linear-gradient(top, #5db3de, #1277B1);
        background-image: linear-gradient(to bottom, #5db3de, #1277B1);*/
        text-decoration: none;
      font-family: Segoe UI;
        font-size: 15px;
        padding: 10px 20px 10px 20px;
         color: #ffffff;
         font-weight:bold;
    }

/*#endregion */
.td_Renkli
{
    background-color: #EFF3FB;
    /*border-bottom: 1px solid #C0C0C0;*/
    /*border-bottom:solid; border-width:1px; border-color:GrayText*/
}


.td_Header
{
    background-color: gray;
    color: white;
    font-weight: bold;
}


.ORG_tbl
{
    /*background-color:#E1F1F8;*/
    width: 300px;
}



.Org_Dv
{
    border: 0px solid;
    border-color: #B5D9EA;
    width: 100%;
    height: 20px;
}

    .Org_Dv:hover
    {
        background-color: #B5D9EA;
        color: black;
    }

.kutucuk
{
    /*width: 400px;
    height: 40px;*/
    display: block;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*#region Datalist DataGrid ve Gridview item ve alterning item cssleri */

.ArkaPlan
{
    background-color: #E0E0E0;
}

.td_Firs
{
    background-color: #B2DBE7;
    border: 1px solid #B2DBE7;
}

    .td_Firs:hover
    {
        border: 2px solid #ddd;
    }

.td_Second
{
    border: 1px solid white;
}

    .td_Second:hover
    {
        border: 2px solid #ddd;
    }

.List_Head
{
    background: #c4c0c4;
    background-image: -webkit-linear-gradient(top, #005092, #0073B9);
    background-image: -moz-linear-gradient(top, #005092, #0073B9);
    background-image: -ms-linear-gradient(top, #005092, #0073B9);
    background-image: -o-linear-gradient(top, #005092, #0073B9);
    background-image: linear-gradient(to bottom, #005092, #0073B9);
    color: white;
    font-size: 12px;
    
    padding: 4px 4px 4px 4px;
    /*Köşeleri Yuvarlak Yapmak İçin*/
    /*display: block;*/
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.Yazi_Renkli_Koyu
{
    font-weight: bold;
    color: #34448E;
}

.Yazi_Renkli_Acik
{
    font-weight: bold;
    color: #5B6DC4;
}



/*#endregion */


/*#region DataList Sayfalama */

.Tbl_Sayfalama
{
    width: 100%;
    background: #E8E8E8;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    font-size: 10px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}

    .Tbl_Sayfalama a
    {
        background: #cfcfd1;
        background-image: -webkit-linear-gradient(top, #cfcfd1, #c2c5cc);
        background-image: -moz-linear-gradient(top, #cfcfd1, #c2c5cc);
        background-image: -ms-linear-gradient(top, #cfcfd1, #c2c5cc);
        background-image: -o-linear-gradient(top, #cfcfd1, #c2c5cc);
        background-image: linear-gradient(to bottom, #cfcfd1, #c2c5cc);
        -webkit-border-radius: 6;
        -moz-border-radius: 6;
        border-radius: 6px;
        font-family: Arial;
        color: #ffffff;
        font-size: 10px;
        padding: 3px 10px 3px 10px;
        text-decoration: none;
    }

        .Tbl_Sayfalama a:hover
        {
            border: 1px solid #666666;
            -webkit-border-radius: 6;
            -moz-border-radius: 6;
            border-radius: 6px;
            font-family: Arial;
            color: #ffffff;
            font-size: 10px;
            padding: 3px 10px 3px 10px;
            text-decoration: none;
        }


/*#endregion */



/*.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(customForm/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(customForm/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; 
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(customForm/select.png) no-repeat;
	overflow: hidden;
}*/

