/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: ;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6E697D;
}

form, h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #7C6DA6;
}

blockquote {
	font-style: italic;
}

a {
	text-decoration: none;
	color: #FFFFFF;
        background: #0000FF; 
}

a:hover {
	text-decoration: underline;
        color: #0000ff; 
        background: #FFFFFF;   
}



img {
	border: 0px solid #7F7772;
}

img.left {
	float: left;
	margin: 6px 15px 0 0;
}

img.right {
	float: right;
	margin: 6px 0 0 15px;
}







 #mesaj
    {
        font-family: Calibri, Arial, sans-serif;
        font-size: 10px;
        width: 500px;
    }
    #mesaj a
    {
       text-decoration: none;
       color: #000;
    }

    .aciklama
    {
        position: relative;
        display: inline-block;
    }
    .aciklama::after
    {
        content: attr(data-title);
        position: absolute;
        top: 100%;
        left: -50%;
        padding: 15px;
        background: #eee;
        color: #333;
        opacity: 0;
        word-wrap: break-word;
        height: auto;
        width: 200%;
        -moz-box-shadow: 0 0 4px #222;
        -webkit-box-shadow: 0 0 4px #222;
        box-shadow: 0 0 4px #222;
        pointer-events: none;
    }
    .aciklama:hover::after
    {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        pointer-events: auto;
    }