body 
{
    margin:0;
    vertical-align: top;
    height:100%;
    
    font-family:Verdana;
    font-size:11px;
    color:#6b6d6b;
    background-color: #eef0ef;
}

table, tr, td, th
{
    font-family:Verdana;
    font-size:11px;
    color:#6b6d6b;
}

#login
{
    width:792px;
    height:457px;
    /*background-color:White;*/
    text-align:center;
    background-image: url(../images/login_bg.jpg);
    background-repeat:no-repeat;
}

#loginMobile
{
    width:792px;
    height:457px;
    background-color:White;
    text-align:center;
    background-image: url(../images/login_bg.jpg);
    background-repeat:no-repeat;
}

*:focus { outline: none; }

input:focus 
{
    /*{global-active-background-color}*/
    background-color:White;
	-moz-box-shadow: 0px 0px 12px #3399ff ;
	-webkit-box-shadow: 0px 0px 12px #3399ff ;
	box-shadow: 0px 0px 12px #3399ff;
}

input, textarea  
{
    /*Border ve Arkaplan*/ 
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border: 1px solid #DADADA; 
    background: #F9F9F9; 

    /*Font style*/ 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    color: #747474; 
    font-size: 14px; 
    font-style: italic; 
    
    /*Boşluk*/ 
    padding: 3px;
} 

input:hover, textarea:hover, select:hover
{
    border: 1px solid Gray; 
    background: White; 
} 

/*input[type=submit]:active  Buton Basılı 
{
    border: 1px solid Gray; 
    background: #c8c8c8; 
} */

input[type=submit]
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-style: normal; 
    cursor:pointer;
    padding-left:15px;
    padding-right:15px; 
} 

.buton-a { background: #b7dbff; border: 1px solid #8ec5fc; }
.buton-a:hover { background: #d8ebfe; border: 1px solid #8ec5fc; } 
.buton-a:active { background: #8ec5fc;border: 1px solid #8ec5fc; } /* Buton Basılı */

.buton-b { background: #e6e5e5; border: 1px solid #DADADA; }
.buton-b:hover { background: #f5f4f4; border: 1px solid #DADADA; } 
.buton-b:active { background: #d5d3d3; border: 1px solid #d5d3d3; } /* Buton Basılı */

/* MESAJ BÖLÜMÜ BAŞLA */
.mBoxHata, .mBoxUyari, .mBoxTamam, .mBoxBilgi {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}

.mBoxHata    {background: #fbe3e4 url(../images/mesaj/mbox_hata.png) 2.2em center no-repeat; border-color: #e0011b}
.mBoxHata a  {color: #d12f19}

.mBoxUyari    {background: #fff6bf url(../images/mesaj/mbox_uyari.png) 2.2em center no-repeat; border-color: #ffd324}
.mBoxUyari a  {color: #817134}

.mBoxTamam   {background: #e9ffdd url(../images/mesaj/mbox_tamam.png) 2.2em center no-repeat; border-color: #72c868}
.mBoxTamam a {color: #529214}

.mBoxBilgi   {background: #e2ecee url(../images/mesaj/mbox_bilgi.png) 2.2em center no-repeat; border-color: #9ddae6}
.mBoxBilgi a {color: #2d7ba2}

                                            /* listeler */
.mBoxHata ul, .mBoxUyari ul, .mBoxTamam ul, .mBoxBilgi ul { list-style: none; margin: 1.3em 1.5em }
.mBoxHata ul li, .mBoxUyari ul li, .mBoxTamam ul li, .mBoxBilgi ul li {padding-left: 1.3em } 
.mBoxHata ul li  { background: url(../images/mesaj/mbox_hata-bullet.png) 0 0.55em no-repeat }
.mBoxUyari ul li { background: url(../images/mesaj/mbox_uyari-bullet.png) 0 0.55em no-repeat }
.mBoxTamam ul li { background: url(../images/mesaj/mbox_tamam-bullet.png) 0 0.55em no-repeat }
.mBoxBilgi ul li { background: url(../images/mesaj/mbox_bilgi-bullet.png) 0 0.55em no-repeat }
/* MESAJ BÖLÜMÜ BİTTİ */

/* LİSTE BİÇİMLENDİRMESİ BAŞLA*/
.ulBilgi { list-style-image:url('../images/mesaj/mbox_bilgi-bullet.png'); }  
.ulBilgi a {color: #2d7ba2; text-decoration:none;}
.ulBilgi a:hover {text-decoration: underline;}

.ulHata { list-style-image:url('../images/mesaj/mbox_hata-bullet.png'); } 
.ulHata a {color: #d12f19; text-decoration:none;}
.ulHata a:hover {text-decoration: underline;}

.ulTamam { list-style-image:url('../images/mesaj/mbox_tamam-bullet.png'); } 
.ulTamam a {color: #529214; text-decoration:none;}
.ulTamam a:hover {text-decoration: underline;}
/* LİSTE BİÇİMLENDİRMESİ BİTTİ */

.Oval
{
    /*
    border-left:1px solid #bab9b9;
    border-right:1px solid #bab9b9;
    border-bottom:1px solid #bab9b9;
    border-top:1px solid #bab9b9;
*/
    border-radius: 10px 10px 10px 10px; /* Standart Özellik: CSS 3 standart yazılışı*/ 
    -moz-border-radius: 10px 10px 10px 10px; /* Mozilla Firefox için özellik*/ 
    -webkit-border-radius: 10px 10px 10px 10px; /* Safari ve Chrome için kullanılan yazılış.*/
}

/* CSS-CHECKBOX & CSS-DROPDOWN BASLA */

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

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

input[type=checkbox]:checked + label, input[type=radio]:checked + label {
	background-position: 0 -17px;
}
						
label{ background-image:url(../images/css-checkbox.png); background-repeat:no-repeat; }

.css-dropdown{
    padding:0;
    margin:0;
    margin-top:3px;
    border-radius:4px; 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px; 
    border:1px solid #d8d8d8;
    background:#fafafa;
    background-image:url(../images/css-dropdown.png);
    background-position:right center;
    background-repeat:no-repeat;
    width:200px;
    overflow:hidden;
}

.css-dropdown select{
    background-color:transparent;
    -webkit-appearance: none;
    border:0;
    font-size:14px; 
    margin:0;
    padding:5px 5px 4px 5px;
    width:200px;
}

.css-dropdown select:focus{ border:0; outline:none; }
.css-dropdown select[disabled] { background-color: White; }
/* CSS-CHECKBOX & CSS-DROPDOWN BITTI */

/* LOGIN INPUT BASLA*/
ul.input-list {
  list-style: none;
  padding: 0;
}

ul.input-list li {
  display: block;
  padding: 10px 0px 0px 0px;

  float: left;
}

.style-1 input[type="text"], 
.style-1 input[type="password"] {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}

.style-1 input[type="text"]:focus,
.style-1 input[type="text"].focus,
.style-1 input[type="password"]:focus,
.style-1 input[type="password"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

/* LOGIN INPUT BITTI*/


@media(min-width:767px) {
    .divMobile {
        visibility:hidden;
    }
}

/* MOBILE VERSION */
@media(max-width:767px) {
    .divMobile {
        visibility:visible;
    }

    #login
    {
        width:250px;
        height:457px;
        background-color:White;
        text-align:center;
        background-image: url(../logo/faydam_logo.png);

        background-size: 200px;
        background-position: center 20px;
    }

    #lblMsj
    {
        width:90%;
    }

}