/*
	- Hazırlayan		: Huseyin Toprak (Birebir Bilisim Hizmetleri)
	- Theme Adı			: Default Theme
	- Son Guncelleme	: 24.02.2013
*/
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0; border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
a, a:visited {text-decoration: none;}
select, input, textarea {outline: 0px;}
textarea {resize: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 4px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body {font-family: Arial, Helvetica, 'Times New Roman', sans-serif;font-size: 100%;background-color: #EEE;}

/* lightbox */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 9998;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 9997;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 115px;float: right;padding-bottom: 0.7em;}

/* genel input: text, password, textarea, email form verileri gorsel css */
input[type="text"], input[type="email"], input[type="password"], textarea {-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;border: 1px solid rgb(217, 217, 217);-webkit-border-radius: 2px;border-radius: 2px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {outline:0;border-color: rgba(82, 168, 236, .8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3),0 0 2px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3),0 0 2px rgba(82, 168, 236, 0.6)}
input[type=text]:-webkit-input-placeholder{color:#E1E1E1;}
input[type=text]:-moz-placeholder{color:#E1E1E1;}
input[type=text]:-ms-input-placeholder{color:#E1E1E1;}
input[type=text]:disabled:-webkit-input-placeholder{color:#999;}
input[type=text]:disabled:-moz-placeholder{color:#999;}
input[type=text]:disabled:-ms-input-placeholder{color:#999;}
input[type="text"].ro, input[type="email"].ro, input[type="password"].ro, textarea.ro {background-color:#e8e8e8; color: #000;}

button.gbt,input[type=submit].gbt,input[type=button].gbt{background-color:#33a457;padding:4px 8px;font-size:13px;text-decoration:none;color:#fff;border: solid 1px #2b8e4a;background-image: linear-gradient(bottom, rgb(51,164,87) 0%, rgb(57,185,97) 100%);background-image: -o-linear-gradient(bottom, rgb(51,164,87) 0%, rgb(57,185,97) 100%);background-image: -moz-linear-gradient(bottom, rgb(51,164,87) 0%, rgb(57,185,97) 100%);background-image: -webkit-linear-gradient(bottom, rgb(51,164,87) 0%, rgb(57,185,97) 100%);background-image: -ms-linear-gradient(bottom, rgb(51,164,87) 0%, rgb(57,185,97) 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(51,164,87)),color-stop(1, rgb(57,185,97)));-webkit-box-shadow: inset 0px 1px 0px #7ad497, 0px 1px 0px #fff;-moz-box-shadow: inset 0px 1px 0px #7ad497, 0px 1px 0px #fff;box-shadow: inset 0px 1px 0px #7ad497, 0px 1px 0px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-box-shadow:  0px 1px 1px -1px rgba(125, 125, 125, .5);box-shadow:  0px 1px 1px -1px rgba(125, 125, 125, .5);text-shadow: 1px 1px #29633b;}
button.gbt:not([disabled]):active,input[type=submit].gbt:not([disabled]):active,input[type=button].gbt:not([disabled]):active{background-color:#39b961;background-image: linear-gradient(bottom, rgb(57,185,97) 0%, rgb(51,164,87) 100%);background-image: -o-linear-gradient(bottom, rgb(57,185,97) 0%, rgb(51,164,87) 100%);background-image: -moz-linear-gradient(bottom, rgb(57,185,97) 0%, rgb(51,164,87) 100%);background-image: -webkit-linear-gradient(bottom, rgb(57,185,97) 0%, rgb(51,164,87) 100%);background-image: -ms-linear-gradient(bottom, rgb(57,185,97) 0%, rgb(51,164,87) 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(57,185,97)),color-stop(1, rgb(51,164,87)));}
button.gbt:disabled,input[type=submit].gbt:disabled,input[type=button].gbt:disabled{color:#8e8e8e; text-shadow: 1px 1px #fff; border:1px solid #d3d3d3;background-color:#d3d3d3;background-image:-moz-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:-ms-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#c9c9c9));background-image:-webkit-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:-o-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:linear-gradient(top, #d3d3d3, #c9c9c9);background-repeat:repeat-x;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

button.gbv,input[type=submit].gbv,input[type=button].gbv{background-color:#dedede;padding:4px 8px;font-size:13px;text-decoration:none;color:#717171;border: solid 1px #c5c5c5;background-image: linear-gradient(bottom, rgb(222,222,222) 0%, rgb(232,232,232) 100%);background-image: -o-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(232,232,232) 100%);background-image: -moz-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(232,232,232) 100%);background-image: -webkit-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(232,232,232) 100%);background-image: -ms-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(232,232,232) 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(222,222,222)),color-stop(1, rgb(232,232,232)));-webkit-box-shadow: inset 0px 1px 0px #7ad497, 0px 1px 0px #fff;-moz-box-shadow: inset 0px 1px 0px #7ad497, 0px 1px 0px #fff;box-shadow: inset 0px 1px 0px #7ad497, 0px 1px 0px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 1px 1px -1px rgba(125, 125, 125, .3);box-shadow:  0px 1px 1px -1px rgba(125, 125, 125, .3);text-shadow: 1px 1px #fff;}
button.gbv:not([disabled]):active,input[type=submit].gbv:not([disabled]):active,input[type=button].gbv:not([disabled]):active {background-color:#e8e8e8;background-image: linear-gradient(bottom, rgb(232,232,232) 0%, rgb(222,222,222) 100%);background-image: -o-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(222,222,222) 100%);background-image: -moz-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(222,222,222) 100%);background-image: -webkit-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(222,222,222) 100%);background-image: -ms-linear-gradient(bottom, rgb(232,232,232) 0%, rgb(222,222,222) 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(232,232,232)),color-stop(1, rgb(222,222,222)));}
button.gbv:disabled,input[type=submit].gbv:disabled,input[type=button].gbv:disabled{color:#8e8e8e;border:1px solid #d3d3d3;background-color:#d3d3d3;background-image:-moz-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:-ms-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#c9c9c9));background-image:-webkit-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:-o-linear-gradient(top, #d3d3d3, #c9c9c9);background-image:linear-gradient(top, #d3d3d3, #c9c9c9);background-repeat:repeat-x;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}


/* sifre derecelendirme */
#sifre_derece, #results{width: 226px;height: 2px;font-size: 1px;margin-top: -3px;-webkit-border-radius: 2px;border-radius: 2px; float:left; margin-left: 196px;}
#sifre_derece div{float: left;}
.bos{}
.weak{width: 100%;background:#FF0000;height: 2px;}
.strong{width: 100%;background: #FFCC00;height: 2px;}
.stronger{width: 100%; background: #006600;height: 2px;}

/* login ekrani */
#__login_by { overflow: hidden; padding-top: 8px; text-align: center}
#__login_by a{display: inline-block; height: 16px !important; width: 206px !important; background: url(by.png) no-repeat left 0;}
#__login_by a img {display: none;}
#__login-body{display: none; width: 360px; overflow: hidden; padding: 12px;}
.login-body{width: 360px; overflow: hidden; background-color: #fff;border: 1px solid #ccc; padding: 20px;-webkit-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 0px 3px 2px rgba(200, 200, 200, .6);box-shadow: 0px 0px 3px 2px rgba(200, 200, 200, .6);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.login-body h1{font-size:15pt; font-weight:normal; line-height:15pt;}
.login-body img{float: right;}
.login-body div{overflow:hidden; clear:both; font-size: 14px;}
.login-body input[type=text], .login-body input[type=password]{font-size:11pt; font-weight:normal; border: 1px solid #CCCCCC; padding: 5px; width: 100%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.login-body input[type=text].e, .login-body input[type=password].e{font-size:11pt; font-weight:normal; border: 1px solid #FF0000; padding: 5px; width: 100%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.login-body input[type=text]:focus, .login-body input[type=password]:focus{border: 1px solid #6782b8; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/* header */
#header{overflow:hidden;background-color: #196f4a; }
#header .banner{background-color: #b0f1c9; width: 960px; margin-left:auto; margin-right:auto; height: 62px;}
#header .banner .logo{float:left; margin-top: 5px; margin-left: 8px;}
#header .banner ul.menu{list-style: none;margin: 0;padding: 0; float:right;}
#header .banner ul.menu li.menu-li{list-style: none;margin: 0;padding: 0; float:left;}
#header .banner ul.menu li.menu-li a{height: 62px; width: 80px; display: block; padding-left: 12px; padding-right: 12px; text-align:center; font-size: 12px; overflow:hidden; color: #1a6f4a}
#header .banner ul.menu li.menu-li a:hover{color: #FFF; background-color: #0ab14b}
#header .banner ul.menu li.menu-li a span{margin-top: 30px; float:left; width: 100%;}
#header .banner .login-bilgi {float: right; overflow:hidden; height: 62px; font-size: 11px; padding: 3px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#header .banner .login-bilgi div{text-align:left; height: 62px; overflow:hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#header .banner .login-bilgi div span { width: 100%; display:inline-block;}

#__but_siparislerim{background: url(ana-menu.png) no-repeat center 0px;}
#__but_siparislerim:hover{background: url(ana-menu.png) no-repeat center -62px;}
.sip-aktif{color: #FFF !important; background: #84d8a5 url(ana-menu.png) no-repeat center -62px !important;}

#__but_bilgilerim{background: url(ana-menu.png) no-repeat center -124px;}
#__but_bilgilerim:hover{background: url(ana-menu.png) no-repeat center -186px;}
.bilgi-aktif{color: #FFF !important; background: #84d8a5 url(ana-menu.png) no-repeat center -186px !important;}

#__but_siparisler{background: url(ana-menu.png) no-repeat center 0px;}
#__but_siparisler:hover{background: url(ana-menu.png) no-repeat center -62px;}

#__but_urunler{background: url(ana-menu.png) no-repeat center -372px;}
#__but_urunler:hover{background: url(ana-menu.png) no-repeat center -434px;}
.urun-aktif{color: #FFF !important; background: #84d8a5 url(ana-menu.png) no-repeat center -434px !important;}

#__but_hesaplar{background: url(ana-menu.png) no-repeat center -124px;}
#__but_hesaplar:hover{background: url(ana-menu.png) no-repeat center -186px;}
.hesap-aktif{color: #FFF !important; background: #84d8a5 url(ana-menu.png) no-repeat center -186px !important;}

#__but_oturum_kapat{background: url(ana-menu.png) no-repeat center -248px;}
#__but_oturum_kapat:hover{background: url(ana-menu.png) no-repeat center -310px;}

.ara-baslik{background: url(yatay-cizgi.gif) repeat-x 0 13px; font-size: 3px; margin: 8px 0px; overflow:hidden; height: 24px; vertical-align:middle;}
.ara-baslik span{ float:left; background-color: #FFF; margin-left: 10px; margin-top: 4px; padding-left: 3px; padding-right: 3px; font-size: 14px; font-weight: bold;}

/* footer */
#footer {width: 960px; margin-left:auto; margin-right:auto; overflow:hidden; font-size: 100%; display:block; margin-top: 7px;}
#footer div{float: left; margin-left: 8px; font-size: 10px;color:#666;text-shadow: 1px 1px #fff;}
#footer a{display: block; height: 16px !important; width: 206px !important; float:right; background: url(by.png) no-repeat left 0; margin-right: 8px}
#footer a img {display: none;}

/* body */
#body{width: 960px; margin-left:auto; min-height: 480px; margin-right:auto; overflow:hidden; font-size: 100%; display:block; background-color: #FFF;-webkit-box-shadow:  0px 2px 4px -2px rgba(0, 0, 0, .2);box-shadow:  0px 2px 4px -2px rgba(0, 0, 0, .2);-webkit-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;}
#body .content{padding: 5px 8px;}
#body .content-tools {background-color: #84d8a5; overflow:hidden; padding-top: 4px;}
#body .content-tools ul.ct-ul{list-style: none;margin: 0;padding: 0; float:left; margin-left: 24px;}
#body .content-tools ul.ct-ul li.ct-ul-li{list-style: none;margin: 0;padding: 0; float:left; margin-right: 2px;}
#body .content-tools ul.ct-ul li.ct-ul-li a{height: 28px; display: block; padding-left: 30px; padding-right: 12px; text-align:center; font-size: 13px; overflow:hidden; color: #1a6f4a; background-color: #71c291; -webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
#body .content-tools ul.ct-ul li.ct-ul-li a:hover{color: #FFF; background-color: #0ab14b; -webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
#body .content-tools ul.ct-ul li.ct-ul-li a span{float:left; width: 100%; margin-top: 6px;}

#__ct_but_siparis_listesi{background: url(sub-menu.png) no-repeat left 0;}
#__ct_but_siparis_listesi:hover{background: url(sub-menu.png) no-repeat left -28px;}
.sip-list-aktif{background: #fff url(sub-menu.png) no-repeat left 0 !important; color: #1a6f4a !important; -webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
#__ct_but_yeni_siparis{background: url(sub-menu.png) no-repeat left -56px;}
#__ct_but_yeni_siparis:hover{background: url(sub-menu.png) no-repeat left -84px;}
.sip-yeni-aktif{background: #fff url(sub-menu.png) no-repeat left -56px !important; color: #1a6f4a !important; -webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}

/* checkbox (buyuk)*/
.veri-checkbox {display: none;}
.veri-checkbox + label {background-color: #fff;border: 1px solid #efefef;padding: 10px;border-radius: 2px;display: inline-block;position: relative;}
.veri-checkbox + label:active, .veri-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.veri-checkbox:checked + label {background-color: #fff;border: 1px solid #b6b6b6;color: #b6b6b6;}
.veri-checkbox:checked + label:after {font-family: 'WebSymbolsRegular', cursive;content: '.';font-size: 13px;position: absolute;top: 1px;left: 3px;color: #b6b6b6;}

/* checkbox (kucuk)*/
.veri-checkbox-o {display: none;}
.veri-checkbox-o + label {background-color: #fff;border: 1px solid #efefef;padding: 8px;border-radius: 2px;display: inline-block;position: relative;}
.veri-checkbox-o + label:active, .veri-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.veri-checkbox-o:checked + label {background-color: #fff;border: 1px solid #b6b6b6;color: #b6b6b6;}
.veri-checkbox-o:checked + label:after {font-family: 'WebSymbolsRegular', cursive;content: '.';font-size: 10px;position: absolute;top: 1px;left: 2px;color: #b6b6b6;}

/* checkbox (kucuk)*/
.veri-checkbox-k {display: none;}
.veri-checkbox-k + label {background-color: #fff;border: 1px solid #efefef;padding: 6px;border-radius: 2px;display: inline-block;position: relative;}
.veri-checkbox-k:checked + label {background-color: #fff;border: 1px solid #b6b6b6;color: #b6b6b6;}
.veri-checkbox-k:checked + label:after {font-family: 'WebSymbolsRegular', cursive;content: '.';font-size: 8px;position: absolute;top: 1px;left: 2px;color: #b6b6b6;}

/* bilgilerim */
.bilgi-baslik{font-size: 18px; font-weight:bold; margin-bottom: 12px;line-height: 28px; padding-top: 1px; color: #1a6f4a; margin-top: 12px;}

.bilgi-detay{overflow:hidden; font-size: 13px; clear:both;}
.bilgi-detay #bd{overflow:hidden;border-bottom: 5px solid #f6f6f6; border-top: 5px solid #f6f6f6;}
.bilgi-detay #bd div{overflow:hidden; font-size: 14px; border-bottom: 1px solid #f1f1f1}
.bilgi-detay #bd .l{float:left; width: 50%; clear:both; padding: 8px 0;}
.bilgi-detay #bd .r{float:left; width: 50%; padding: 8px 0;}
.bilgi-detay #bd .s{float:left; width: 100%; padding: 8px 0; clear:both;}
.bilgi-detay #bd div p{float:left;}
.bilgi-detay #bd div p:first-child{width: 130px; font-weight:}
.bilgi-detay #bd div p:first-child:after{float:right; content:":";font-style:normal;}
.bilgi-detay #bd div p:last-child{margin-left: 7px; color:#666}

ul.bilgi-button{float: right;list-style: none;margin: 0;padding: 0; margin-right: 15px;margin-top: 12px;margin-bottom: 12px;}
ul.bilgi-button li{float: left;font-size: 14px;}
ul.bilgi-button li a {border: 2px solid #CCC; color: #999; -webkit-border-radius: 2px; border-radius: 2px; overflow:hidden; width: 100%; display:inline-block; padding: 2px 1px 2px 5px; cursor:pointer;}
ul.bilgi-button li a:hover {background-color:#099; color: #fff; border-color: #099}
ul.bilgi-button li span{float:left;}
ul.bilgi-button li span:first-child{font-family: 'WebSymbolsRegular', cursive;font-size: 17px; margin-left: 2px}
ul.bilgi-button li span:last-child{ padding-top: 2px; margin-left:5px;}


/* veri tablolari (text) */
.verilist{width: 100%; border-collapse: collapse;border-spacing: 0;border-bottom: 5px solid #f6f6f6 !important}
.verilist thead{text-align: left; font-size: 14px;}
.verilist thead th{vertical-align: middle; background-color:#f6f6f6; border: 1px solid #efefef; color: #767676; text-shadow: 2px 1px #FFF}
.verilist thead th a{padding: 6px 4px; width: 100%; display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.verilist tbody{font-size: 12px;}
.verilist tbody a{color: #099;}
.verilist tbody a:hover{color: #000;}
.verilist tbody tr:hover{background-color: #fafafa;}
.verilist tbody tr.none:hover{background-color: #fff;}
.verilist tbody td{vertical-align: top;border: 1px solid #efefef !important; padding: 5px 4px;}
.verilist tbody tr select{font-size:12px; font-weight:normal; border: 1px solid #ccc; padding: 2px 2px;}
.verilist tbody tr input[type=text], .veriler tbody tr input[type=password]{font-size:13px; padding: 5px; border-width: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.verilist .bsz {font-size: 13px !important;}
.verilist tbody tr.vt-kayit-yok span{ padding-top: 3px; padding-bottom: 7px; width: 100%; display: inline-block; text-align:center}
.verilist tbody tr.vt-kayit-yok:hover{background-color: transparent !important;}

/* Sutunlar: Siparis listesi */
.siparis-veri-onay{width: auto; color: #099; font-size: 13px;}
td.siparis-veri-onay{width: auto;font-family: 'WebSymbolsRegular', cursive; padding-top: 3px !important; padding-bottom: 7px !important;}
.sipl-sino{width: 10%;}
.sipl-sita{width: 20%;}
.sipl-siad{width: 20%;}
.sipl-sidu{width: 30%;}
.sipl-sisg{width: 20%;}

.sipd-auto{width: auto;}
.sipd-urun{width: 50%;}
.sipl-olen{width: 15%; text-align:right}
.sipl-olby{width: 15%; text-align:right}
.sipl-mikt{width: 10%; text-align:right}
.sipl-biri{width: 10%;}

/* veri tablolari (input) */
.veriler{width: 100%; border-collapse: collapse;border-spacing: 0;border-bottom: 5px solid #f6f6f6 !important}
.veriler thead{text-align: left; font-size: 13px;}
.veriler thead th{vertical-align: middle; background-color:#f6f6f6; border: 1px solid #efefef; color: #767676; text-shadow: 2px 1px #FFF}
.veriler thead th a{padding: 6px 4px; width: 100%; display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.veriler tbody{font-size: 11px;}
.veriler tbody a{color: #099;}
.veriler tbody a:hover{color: #000;}
.veriler tbody tr:hover{background-color: #fafafa;}
.veriler tbody tr.none:hover{background-color: #fff;}
.veriler tbody td{vertical-align: top;border: 1px solid #efefef !important; padding: 3px 4px;}
.veriler tbody tr select{font-size:12px; font-weight:normal; border: 1px solid #ccc; padding: 2px 2px;}
.veriler tbody tr input[type=text], .veriler tbody tr input[type=password]{font-size:13px; padding: 5px; border-width: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.veriler tbody tr.vt-kayit-yok span{ padding-top: 3px; padding-bottom: 7px; width: 100%; display: inline-block; text-align:center}
.veriler tbody tr.vt-kayit-yok:hover{background-color: transparent !important;}

/* Sutunlar: Yeni Siparis */
.sipy-auto{width: auto; text-align:center;}
.sipy-sira{width: auto;}
.sipy-sira a{ cursor: help}
.sipy-urun{width: 70%;}
.sipy-urun input[type=text] {float:left; width: 90%;}
.sipy-urun input[type=button] {float:left; margin-left: 4px;}

.sipy-digr{width: 10%; text-align:right}
.sipy-digr input[type=text], .sipy-digr input[type=password]{text-align:right; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.sipy-idol{width: 20%; text-align:right}
.sipy-idol a{width: 100%;display:inline-block; text-align:center;font-size: 12px;}
.sipy-idol div{width: 50%; float:left; font-size: 12px; text-align:right; padding-right: 8px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.sipy-delk{width: auto; text-align:center}
td.sipy-delk a {font-size: 10px; display:none;}
td.sipy-delk input[type=text], .sipy-digr input[type=password]{text-align:right; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.satir-sil{padding: 0; text-align:right; border: 0; display:block; padding-top: 5px; padding-bottom: 5px; width: 40px;font-size: 15px; color: #666 !important;}
.satir-sil span{font-family: 'WebSymbolsRegular', cursive;font-size: 12px; float:left; margin-right: 2px; color:#ddd}
.satir-sil:hover span{ color:#F00;}

.urn-lst-win {font-family: 'WebSymbolsRegular', cursive; font-size: 14px !important; height: 28px !important; width: 28px !important; padding-top: 0 !important;}

/* tum ekrani blokla */
.alan-blok{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:1001;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50);}
.alan-blok-icerik{display: none;font-size: 12px;position: absolute;padding: 16px;text-align:center;border: 2px solid #84d8a5;background-color: #fff;z-index:1002;overflow: auto;-webkit-border-radius: 7px;border-radius: 7px;-webkit-box-shadow:  0px 0px 8px 2px rgba(0, 0, 0, .3);box-shadow:  0px 0px 8px 2px rgba(0, 0, 0, .3);}
.alan-blok-icerik-baslik{width: 100%;font-size: 14px;text-align:left;display:inline-block;font-weight:bold;padding-bottom: 7px;border-bottom: 1px solid orange;margin-bottom: 12px}
.alan-blok-icerik-alt-baslik{width: 100%; text-align:left !important; background-color: orange; font-weight:bold; display:inline-block; padding: 4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; margin-bottom: 5px;}
.alan-blok-icerik-alt-detay{width: 100%; text-align:left !important; display:inline-block; padding: 4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.alan-blok-icerik-button {width: 100%; text-align:right; display:inline-block; overflow:hidden; padding-top: 7px; border-top: 1px solid orange;margin-top: 12px}

/* siparis detay ekrani */
.sip-det-bekle{background: url(bekle.gif) no-repeat 0 8px; padding-left: 18px;}
.sip-det-tamam{background: url(onay.png) no-repeat 0 8px; padding-left: 18px;}
#__win_popup_close {float:right; height: 20px; margin-top: 4px; font-size: 15px;background: url(kapat.png) no-repeat 0 0; padding-left: 18px; font-weight:bold; padding-top: 2px; color: #5d5d5d; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#__win_popup_close:hover {background: url(kapat.png) no-repeat 0 -20px; color: #528cf7;}

#__win_popup_kadyet {float:right; height: 20px; margin-top: 4px; font-size: 15px;background: url(kapat.png) no-repeat 0 -40px; padding-left: 18px; font-weight:bold; padding-top: 2px; color: #004000; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#__win_popup_kadyet:hover {background: url(kapat.png) no-repeat 0 -60px; color: #008080;}

.pop-baslik{position:fixed; background-color: #FFF; overflow:hidden; width: 900px;}
.pop-baslik h5{font-size: 16px; font-weight:bold; margin-bottom: 12px;line-height: 28px; padding-top: 1px; color: #1a6f4a;}
.siparis-detay{overflow:hidden; margin-top: 36px;}
.siparis-detay div{overflow:hidden; font-size: 13px;}
.siparis-detay .satir{display:inline-block; width: 100%;border-bottom: 1px solid #f6f6f6; padding: 6px 4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.siparis-detay .satir .baslik{float:left; width: 120px;}
.siparis-detay .satir .baslik:after{float:right; content:":";font-style:normal;}
.siparis-detay .satir .detay{float:left; margin-left: 7px; color:#666}

/* ajax urun listesi */
.ajax-urun-baslik{font-size: 16px; font-weight:bold; margin-bottom: 12px;line-height: 28px; padding-top: 1px; color: #1a6f4a;}
.ajax-urun-baslik #__win_popup_close {float:right; height: 20px; margin-top: 0; font-size: 15px;background: url(kapat.png) no-repeat 0 2px; padding-left: 18px; font-weight:bold; padding-top: 0; color: #5d5d5d; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.ajax-urun-baslik #__win_popup_close:hover {background: url(kapat.png) no-repeat 0 -18px; color: #528cf7;}

.ajax-urun-arac {padding-bottom: 10px; margin-bottom: 2px; border-bottom: 4px solid #efefef;}
.ajax-urun-arac input[type=text]{width: 100%;font-size:14px; padding: 5px; border-width: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.ajax-ul-win{height: 305px; overflow:scroll; overflow-x: hidden;border-bottom: 4px solid #efefef;}
.ajax-urun-ul{list-style: none;margin: 0;padding: 0;}
.ajax-urun-ul li{width: 100%;border-bottom: 1px solid #efefef !important;}
.ajax-urun-ul li:hover{background-color: #fafafa; cursor:pointer;}
.ajax-urun-ul li a{width: 100%; display:block; font-size: 13px; padding: 6px 4px;}

/* delik cizim ekrani */
.delik-cizim-resim{width: 600px; height:600px; overflow:scroll; overflow-x: hidden; overflow-y: auto; float:left}
.delik-cizim-delikler{width: 290px; height:600px; overflow: hidden; float:left; margin-left: 5px;}
.delik-cizim-delikler h5{font-size: 16px; font-weight:bold; margin-bottom: 12px;line-height: 28px; padding-top: 1px; color: #1a6f4a;}
.dlkf-no{width: auto; text-align:right;}
td.dlkf-no{font-size: 16px !important;}
.dlkf-en{width: 33%; text-align:right}
.dlkf-en input[type=text], .sipy-digr input[type=password]{text-align:right; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dlkf-boy{width: 34%; text-align:right}
.dlkf-boy input[type=text], .sipy-digr input[type=password]{text-align:right; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dlkf-del{width: 33%; text-align:right}
.dlkf-del input[type=text], .sipy-digr input[type=password]{text-align:right; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#islem-durum {float:right}
.delik-alt-button {margin-top: 5px; padding-top: 5px; overflow:hidden; border-top: 3px solid #efefef}
.delik-alt-button input[type=button]{font-size: 10px;}

/* yeni siparis detaylar */
.siparis-kayit {border-top: 5px solid #f6f6f6 !important; border-bottom: 5px solid #f6f6f6 !important;overflow:hidden;}
.siparis-kayit div{overflow:hidden; font-size: 13px;}
.siparis-kayit .satir{display:inline-block; width: 100%;border-bottom: 1px solid #f6f6f6; padding: 6px 4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.siparis-kayit .satir .baslik{float:left; width: 120px; font-size: 14px; padding-top: 5px;}
.siparis-kayit .satir .baslik:after{float:right; content:":";font-style:normal;}
.siparis-kayit .satir .detay{float:left; margin-left: 7px; color:#666}
.siparis-kayit input[type=text], .siparis-kayit input[type=password]{width: 260px; font-size:13px; padding: 5px; border-width: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.siparis-kayit input[type=text].kisa, .siparis-kayit input[type=password].kisa{width: 125px;}
.siparis-kayit textarea{font-size:13px; padding: 3px; width: 260px; height: 60px; border-width: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.chr-bilgi{float:none;font-size:9px; font-weight:normal; color:#999999; padding-left: 19px;}
.siparis-notlar {width: 100%; overflow:hidden; display:inline-block; clear:both;}
.siparis-notlar textarea{font-size:12px; padding: 3px; width: 100%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.form-button {overflow:hidden; margin-top: 15px; margin-bottom: 15px; font-size: 10px;}
.form-button .button-right{float:right; padding-top: 14px; padding-bottom: 14px}
.form-button .button-left{float:left; color: #999;}
.form-button .button-left h5{font-size: 13px; color:#0C9; margin-top: 20px; display: inline-block; clear:both; cursor:pointer;}
.form-button .button-left h5 span{font-family: 'WebSymbolsRegular', cursive; padding-right: 5px; font-size: 14px; float:left}
.form-button .button-left h5 a{padding-top: 3px; float:left}
.form-button .button-left h5 a.ac{text-decoration:underline;}
.form-button .button-left ul{list-style: none;margin: 0;padding: 0; margin-left: 14px; display:none}
.form-button .button-left ul li{line-height: 18px; font-size: 12px;}
.form-button .button-left ul li span{width: 35px; float:left; margin-right: 8px;}
.form-button .button-left ul li span:after{float:right; content:":";font-style:normal;}
.form-button .button-left ul li span{float:left; margin-left: 5px;}

.form-button .button-right input[type=button]:first-child{ margin-right: 10px;}

.siparis-baslik{font-size: 18px; font-weight:bold; margin-bottom: 6px;line-height: 28px; padding-top: 1px; color: #1a6f4a; margin-top: 12px;}
.siparis-baslik a{font-size: 10px; font-weight:normal; padding-top: 1px; color: #ccc; margin-top: 12px; margin-left: 14px;}
.siparis-baslik a:hover{color: #0C9;}
.siparis-detay-baslik {background: url(ln.png) repeat-x left top; overflow:hidden; height:13px;}
.siparis-detay-baslik div{font-size: 14px; font-weight:bold; overflow:hidden; display:block;background: url(lnbg.png) repeat-x left 2px;padding: 4px; color: #1a6f4a; text-shadow: 1px 1px 0 rgba(255,255,255,0.6);}

.siparis-detay-input{}

/* siparis secim ekrani */
.siparis-secim {margin-top: 25px; padding: 10px; overflow:hidden; display: inline-block; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.siparis-secim h5{font-size: 16px; font-weight:bold; margin-bottom: 12px;line-height: 28px; padding-top: 1px; color: #1a6f4a;}

/* form bilgi penceresi */
.form-sonuc {width: 100%; overflow:hidden;}
.form-sonuc h5 {font-size: 16px; color:#1a6f4a; margin-top: 5px; margin-bottom: 16px; display: inline-block; clear:both; font-weight:bold}
.form-sonuc b {font-weight:bold; font-style:italic;}
.form-sonuc p {font-size: 13px; color:#000; margin: 0; line-height: 16px;}
.form-sonuc p.b{margin-bottom: 13px}
.form-sonuc p.a{margin-bottom: 7px}
.form-sonuc p.n{font-size: 10px; color:#666; margin: 0; line-height: 14px; margin-top: 8px;}
.form-sonuc p.bt{margin-top: 16px; margin-bottom: 16px}

.liste-arac{border-bottom: 5px solid #f6f6f6 !important; padding-bottom: 7px; padding-top: 7px; overflow:hidden;}
.liste-arac input[type=text]{font-size:13px; padding: 5px; border-width: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.liste-arac .ara{float:left}
.liste-arac .ara input[type=button]{font-family: 'WebSymbolsRegular', cursive; color: #999; background-color:transparent; margin-left: 3px; font-size: 15px; float:right; border: 2px solid #CCC; padding: 2px 4px; -webkit-border-radius: 2px; border-radius: 2px;}
.liste-arac .ara input[type=button]:hover{background-color:#099; color: #fff; border-color: #099}
.liste-arac .ara input[type=text]{width: 200px; float:left;}

.liste-arac .secenek {float:right; overflow:hidden}
.liste-arac .secenek .takvim {padding-right: 9px; margin-right: 9px; border-right: 1px solid #CCC; overflow:hidden; float:left}
.liste-arac .secenek .takvim span {float:left; margin-right: 9px; font-size: 13px; margin-top: 6px}
.liste-arac .secenek .takvim input[type=text]{width: 100px; float:left; padding-left: 24px; background: url(takvim.png) no-repeat 4px 4px;}
.liste-arac .secenek .takvim input[type=text]:first-child{ margin-right: 9px}

.liste-arac .secenek .filitre {float:left; overflow:hidden;}
.liste-arac .secenek input[type=button]{font-family: 'WebSymbolsRegular', cursive; color: #999; background-color:transparent; margin-left: 3px; font-size: 15px; float:right; border: 2px solid #CCC; padding: 2px 4px; -webkit-border-radius: 2px; border-radius: 2px;}
.liste-arac .secenek input[type=button]:hover{background-color:#099; color: #fff; border-color: #099}

.liste-arac .secenek .filitre ul {list-style: none;margin: 0;padding: 0;display:block;margin-bottom: 1px;}
.liste-arac .secenek .filitre ul li.f{font-size: 14px;}
.liste-arac .secenek .filitre ul li.f a.g{padding: 4px 4px; width:240px; display: block; color: #999; border: 2px solid #CCC; -webkit-border-radius: 2px; border-radius: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.liste-arac .secenek .filitre ul li.f a.g span {font-family: 'WebSymbolsRegular', cursive; float:right;}
.liste-arac .secenek .filitre ul li.f:hover a.g{background-color:#099; color: #fff; border-color: #099}

.liste-arac .secenek .filitre ul li ul {display: none; font-size: 14px !important; position: absolute; left:auto; top:auto; background-color:#fff; z-index: 9999; margin-top: auto;-webkit-box-shadow:  0px 1px 1px 0px rgba(125, 125, 125, 0.5);box-shadow:  0px 1px 1px 0px rgba(125, 125, 125, 0.5);}
.liste-arac .secenek .filitre ul li:hover ul{display:block; font-weight:normal;}
.liste-arac .secenek .filitre ul li ul li.sub{display:block; clear:left;border-bottom: 1px solid #f2f2f2; color: #999; overflow:hidden; }
.liste-arac .secenek .filitre ul li ul li.sub a{display:block; padding: 4px 4px; width:240px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.liste-arac .secenek .filitre ul li ul li.sub a span {float:right; width: 210px; text-align:left; padding-top: 1px; padding-bottom: 7px;}
.liste-arac .secenek .filitre ul li ul li.sub input[type=checkbox]{float:left ;}
.liste-arac .secenek .filitre ul li ul li.sub:hover{background-color:#dbedf2; color: #000;}

/* siparis detaylari */
.sipdet-popup{overflow:hidden; font-size: 13px;}

.sipdet-popup #bs{overflow:hidden; margin-bottom: 12px;}
.sipdet-popup #bs h5{float: left;font-size: 18px; font-weight:bold; color: #099; margin-top: 14px;}
.sipdet-popup #bs ul{float: right;list-style: none;margin: 0;padding: 0; margin-right: 15px;}
.sipdet-popup #bs ul li{float: left;font-size: 14px; margin-left:19px;}
.sipdet-popup #bs ul li a {border: 2px solid #CCC; color: #999; -webkit-border-radius: 2px; border-radius: 2px; overflow:hidden; width: 100%; display:inline-block; padding: 2px 3px 4px 5px; cursor:pointer;}
.sipdet-popup #bs ul li a:hover {background-color:#099; color: #fff; border-color: #099}
.sipdet-popup #bs ul li span{float:left;}
.sipdet-popup #bs ul li span:first-child{font-family: 'WebSymbolsRegular', cursive;font-size: 15px; }
.sipdet-popup #bs ul li span:last-child{ padding-top: 3px; margin-left:7px;}

.sipdet-popup #sb{overflow:hidden;border-bottom: 5px solid #f6f6f6; border-top: 5px solid #f6f6f6;}
.sipdet-popup #sb div{overflow:hidden; font-size: 14px; border-bottom: 1px solid #f1f1f1}
.sipdet-popup #sb .l{float:left; width: 50%; clear:both; padding: 8px 0;}
.sipdet-popup #sb .r{float:left; width: 50%; padding: 8px 0;}
.sipdet-popup #sb .s{float:left; width: 100%; padding: 8px 0; clear:both;}
.sipdet-popup #sb div p{float:left;}
.sipdet-popup #sb div p:first-child{width: 130px;}
.sipdet-popup #sb div p:first-child:after{float:right; content:":";font-style:normal;}
.sipdet-popup #sb div p:last-child{margin-left: 7px; color:#666}
.sipdet-popup #sb div p input[type=password]{width: 180px; font-size:10px; padding: 3px; border-width: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.duz-cam {
    width: 30%;
    height: 90px;
    overflow: hidden;
	margin-top: 12%;
    position: relative;
    float:left;
	background: #84d8a5; /* Old browsers */
	background: -moz-linear-gradient(top,  #84d8a5 0%, #74bc9b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84d8a5), color-stop(100%,#74bc9b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #84d8a5 0%,#74bc9b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #84d8a5 0%,#74bc9b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #84d8a5 0%,#74bc9b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #84d8a5 0%,#74bc9b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84d8a5', endColorstr='#74bc9b',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;    
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.dc-midd{margin-right: 5%;margin-left: 5%;}

.duz-cam a{
    width: 100%;
    height: 100%;
    display: block;
    color: #060;
    position: relative;
	font-size: 18px;
    opacity: 0.8;
	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.duz-cam a span{
	font-family: 'WebSymbolsRegular', cursive;
	font-size: 25px;
	width: 100%;
	display: block;
	clear:both;
	margin-bottom: 8px;
	margin-top: 8px;
}

.duz-cam:hover{
	background: #060;
    z-index:999;
    -webkit-transform: scale(1.05);  
    -moz-transform: scale(1.05);  
    -ms-transform: scale(1.05);   
    -o-transform: scale(1.05);   
    transform: scale(1.05);
}
.duz-cam:hover a{
	color: #fff;
	opacity:1;
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/* sayfa sonu araclari */
.sayfa-sonu{
	font-size: 12px;
	color: #5c5b5b;
	min-height: 20px;
	padding: 3px;
	overflow:hidden;
	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.sayfa-sonu input[type=submit],input[type=button]{float: left;}
.sayfa-sonu button {float: left;text-indent:-999em; width: 20px; height: 20px; border: 1px solid #CCC; padding: 0;}
.sayfa-sonu button:not([disabled]):hover{border: 1px solid #002f60;}

.sayfa-sonu #__pg_load_img{float:left; overflow:hidden; margin-top: 3px;}
.sayfa-sonu #__pg_load_img img{float:left; margin-right: 5px}

.sayfa-sonu .once{background: transparent url(sayfa.png) no-repeat center -4px; margin-left: 10px; margin-right: 5px; }
.sayfa-sonu .once:not([disabled]):hover{background-position: center -29px;cursor: pointer;}

.sayfa-sonu .sonra{background: transparent url(sayfa.png) no-repeat center -54px; margin-left: 5px}
.sayfa-sonu .sonra:not([disabled]):hover{background-position: center -79px;cursor: pointer;}
.sayfa-sonu .osc{float:left; overflow:hidden; margin-top: 2px; font-size: 14px;}
.sayfa-sonu .ostk{float:left; overflow:hidden; margin-top: 4px; font-size: 10px; padding-right: 10px; border-right: 1px solid #CCC;}

.sayfa-sonu .tools {float:right; overflow:hidden; padding-bottom: 5px}
.sayfa-sonu .tools span, .sayfa-sonu .tools button{float:left}