﻿/* normal buton tasarımı başlangıç */

.normalButon {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bdd7ff), color-stop(1, #f2f2f2));
	background:-moz-linear-gradient(top, #bdd7ff 5%, #f2f2f2 100%);
	background:-webkit-linear-gradient(top, #bdd7ff 5%, #f2f2f2 100%);
	background:-o-linear-gradient(top, #bdd7ff 5%, #f2f2f2 100%);
	background:-ms-linear-gradient(top, #bdd7ff 5%, #f2f2f2 100%);
	background:linear-gradient(to bottom, #bdd7ff 5%, #f2f2f2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdd7ff', endColorstr='#f2f2f2',GradientType=0);
	background-color:#bdd7ff;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #d6d6d6;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.normalButon:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #bdd7ff));
	background:-moz-linear-gradient(top, #f2f2f2 5%, #bdd7ff 100%);
	background:-webkit-linear-gradient(top, #f2f2f2 5%, #bdd7ff 100%);
	background:-o-linear-gradient(top, #f2f2f2 5%, #bdd7ff 100%);
	background:-ms-linear-gradient(top, #f2f2f2 5%, #bdd7ff 100%);
	background:linear-gradient(to bottom, #f2f2f2 5%, #bdd7ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#bdd7ff',GradientType=0);
	background-color:#f2f2f2;
}
.normalButon:active {
	position:relative;
	top:1px;
}


/* normal buton tasarımı bitişi */

/* ikinci buton tasarımı başlangıç */

.ikinciButon {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #99c2ff), color-stop(1, #66a3ff));
	background:-moz-linear-gradient(top, #99c2ff 5%, #66a3ff 100%);
	background:-webkit-linear-gradient(top, #99c2ff 5%, #66a3ff 100%);
	background:-o-linear-gradient(top, #99c2ff 5%, #66a3ff 100%);
	background:-ms-linear-gradient(top, #99c2ff 5%, #66a3ff 100%);
	background:linear-gradient(to bottom, #99c2ff 5%, #66a3ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99c2ff', endColorstr='#66a3ff',GradientType=0);
	background-color:#99c2ff;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #d6d6d6;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.ikinciButon:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #66a3ff), color-stop(1, #99c2ff));
	background:-moz-linear-gradient(top, #66a3ff 5%, #99c2ff 100%);
	background:-webkit-linear-gradient(top, #66a3ff 5%, #99c2ff 100%);
	background:-o-linear-gradient(top, #66a3ff 5%, #4747d1 100%);
	background:-ms-linear-gradient(top, #66a3ff 5%, #99c2ff 100%);
	background:linear-gradient(to bottom, #66a3ff 5%, #99c2ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66a3ff', endColorstr='#99c2ff',GradientType=0);
	background-color:#66a3ff;
}
.ikinciButon:active {
	position:relative;
	top:1px;
}


/* ikinci buton tasarımı bitişi */


/* uyarı butonu tasarımı başlangıç */


.uyariButonu {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffa3a3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffa3a3;
	box-shadow:inset 0px 1px 0px 0px #ffa3a3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f20000), color-stop(1, #ff9696));
	background:-moz-linear-gradient(top, #f20000 5%, #ff9696 100%);
	background:-webkit-linear-gradient(top, #f20000 5%, #ff9696 100%);
	background:-o-linear-gradient(top, #f20000 5%, #ff9696 100%);
	background:-ms-linear-gradient(top, #f20000 5%, #ff9696 100%);
	background:linear-gradient(to bottom, #f20000 5%, #ff9696 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f20000', endColorstr='#ff9696',GradientType=0);
	background-color:#f20000;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #ff4747;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ff00ff;
}
.uyariButonu:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9696), color-stop(1, #f20000));
	background:-moz-linear-gradient(top, #ff9696 5%, #f20000 100%);
	background:-webkit-linear-gradient(top, #ff9696 5%, #f20000 100%);
	background:-o-linear-gradient(top, #ff9696 5%, #f20000 100%);
	background:-ms-linear-gradient(top, #ff9696 5%, #f20000 100%);
	background:linear-gradient(to bottom, #ff9696 5%, #f20000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9696', endColorstr='#f20000',GradientType=0);
	background-color:#ff9696;
}
.uyariButonu:active {
	position:relative;
	top:1px;
}


/* uyarı butonu tasarımı bitişi */

/* yazı kutusu tasarımı başlangıç */


 .yaziKutusu {
 	    width: 77%;
     padding: 3px;
     font-size: 12px;
     border-width: 2px;
     border-color: #bdd7ff;
     background-color: #FFFFFF;
     color: #000000;
     border-style: groove;
     border-radius: 10px;
     box-shadow: 0px 0px 20px rgba(189,215,255,.95);
     text-shadow: 0px 0px 0px rgba(66,66,66,.0);
}
 .yaziKutusu:focus {
     outline:none;
}
/* yazı kutusu tasarımı bitiş */





/* Radio Butonu tasarımı başlangıç */

input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -15px;
						}
						label.css-label {
				background-image:url(radiobutonu.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
			
/* Radio Butonu tasarımı bitiş */
/* Linklerin lat çizgisini ve rengini kaldırma başlangıç */
a:link {text-decoration: none; color:inherit;}
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color:inherit;}
a:active {text-decoration: none; color:inherit;}
/* Linklerin lat çizgisini ve rengini kaldırma bitiş */
/* açılır menü başlangıcı */
.select {
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
    width: 81%;
}    .select select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 3px 15px;
        outline: 0;
        border: 2px solid #87eeff;
        border-radius: 12px;
        background: #ffffff;
        color: #000000;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
        .select select::-ms-expand {
            display: none;
        }
        .select select:hover,
        .select select:focus {
            color: #000000;
            background: #bdd7ff;
        }
        .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
.select_arrow {
    position: absolute;
    top: 10px;
    right: 16px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: gray transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #ffffff;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #ffffff;
}
/* açılır menü bitişi */
