* { border: 0; margin: 0; padding: 0; } body, input, textarea, button, form, div, td, ul, li, p, a { font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11px; line-height: 20px; letter-spacing: 0px; color: #222; } /* @Font-Face */ @font-face { font-family: 'semibold'; src: url('../webfonts/OpenSans-Semibold-webfont.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'bold'; src: url('../webfonts/OpenSans-Bold-webfont.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'opensans'; src: url('../webfonts/OpenSans-Bold-webfont.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } header, nav { display: block; position: relative; } img, a, *:focus { outline: none; } a { text-decoration: none; } .c { text-align: center; } .l { text-align: left; } .r { text-align: right; } .j { text-align: justify; } .b { font-weight: bold; } .i { font-style: italic; } span.hl { font-weight: bold; color: #444; } .fl { float: left; } .fr { float: right; } .active, .active:hover, .active *, .active *:hover { cursor: default; } h1, h2, h3, h4, h5 { font-weight: normal; font-family: "semibold" , Arial, Helvetica, sans-serif; color: #000000; } .clear, form br { display: block; clear: both; float: none; line-height: 0px; font-size: 0px; } .notext { line-height: 0px; font-size: 0px; } .noheight { height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; } .hidden { display: none; } .forcew { display: inline-block; } header { padding-bottom: 40px; } .page { position: relative; width: 900px; margin: 0px auto 50px auto; padding: 5px; } .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; /* background: white; box-shadow: 0px 3px 15px -10px #000; -moz-box-shadow: 0px 3px 15px -10px #000; -webkit-box-shadow: 0px 3px 15px -10px #000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; */ } .inner { position: relative; padding: 45px 45px 85px 45px; box-shadow: 0px 0px 100px #f1f1f1 inset; background: white; } #doc_banner { margin: 100px 0px; } .inner a { border-bottom: 1px dotted #222; } .inner a:hover { color: #000; border-color: #000; } .inner h2.description a { color: #555; border-color: #555; } .inner h2.description a:hover { color: #111; border-color: #111; } nav a { border: 0px !important; } h1 { font-size: 30px; } h2 { font-size: 22px; } h2.description { margin: 20px 100px 0px 30px; font-size: 15px; font-style: italic; } h3 { font-size: 22px; } .page .inner p { margin-left: 30px; } .page .inner ul { margin: 20px 0px 0px 50px; list-style: circle; } .page .inner p { margin-top: 20px; list-style: circle; } .sep { width: 840px; height: 4px; margin: 50px 0px 0px -15px; background: url(../images/static.png) 0px -206px; } body { border-top: 4px solid #657178; } .leaves { display: none; position: absolute; } .doc { margin-left: 155px; padding-bottom: 115px; } .doc h3 { margin-top: 100px; } .doc ul { margin: 10px 0px 0px 50px !important; list-style: upper-alpha !important; } .doc ul li { margin-bottom: 10px; } .doc ul li ul { margin: 10px 0px 15px 30px !important; list-style: decimal !important; } .doc ul li ul li { margin-bottom: 5px; } /* LayerSlider Layers and Sublayers unique styles */ #layerslider { width: 1000px; height: 351px; margin: 0px auto; } #leaf1 { left: 110px; top: -110px; } #leaf2 { left: -20px; top: 200px; } #leaf3 { left: 500px; top: -210px; } #clouds { left: -100px; top: -100px; } #urun { left: 0px; top: 10px; } #l5text1, #l5text2, #l5text3, #l5text4 { padding: 5px; text-align: left; color: #000; /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FFF; background-color: rgba(255,255,255,.07);*/ font-size: 12px; } #l5text1, #l5text2, #l5text3 { width: 350px; /* -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); */ font-family: "bold" , Arial, Helvetica, sans-serif; left: 650px; } #l5text1 { top: 40px; font-size: 32px; color: #414548; } #l5text2 { top: 76px; font-size: 22px; font-family: "semibold" , Arial, Helvetica, sans-serif; color: #414548; } #l5text3 { top: 120px; font-size: 16px; color: #323232; } #l5text4 { width: 250px; left: 500px; top: 400px; background-color: #000 !important; } #l5text4 a { color: #ddd; font-style: italic; } #l5text4 a:hover { color: #ddd; border-bottom: 1px dotted #ccc; } /* LayerSlider Styles */ .ls-layer { display: none; } .ls-active, .ls-animating { display: block; } .ls-layer > * { position: absolute; left: 0px; top: 0px; } .ls-layer .ls-bg { left: 50%; top: 50%; } .ls-nav { text-align: center; } .ls-nav a { display: inline-block; } .header { width: 100%; height: 525px; background: url(../images/bg-header.jpg) repeat-x; } .header .head { width: 1000px; margin: auto; height: 180px; position: relative; } .header .head .logo { position: absolute; top: -4px; } .header .head .slogan { position: absolute; top: 56px; left: 360px; } .header .head .menu { position: absolute; top: 140px; z-index: 99999; left: 0; background: url(../images/bg-menu.png) no-repeat; } .header .head .phone { position: absolute; top: 15px; z-index: 99999; right: 148px; } .header .head .sizi_arayalim { position: absolute; top: 20px; z-index: 99999; right: 0px; } .header .head .social { position: absolute; top: 150px; z-index: 999999; right: 0px; } .header .head .social ul { margin: 0; padding: 0; } .header .head .social li { list-style: none; margin: 0; padding-left: 10px; float: left; } #content_main { width: 1000px; margin: auto; position: relative; height: 392px; } #content_main #content_middle { height: 222px; padding: 20px; } .foot { width: 1000px; margin: auto; height: 65px; position: relative; padding-top: 35px; } .foot .logo_small { position: absolute; left: 0; } .foot .copy { position: absolute; left: 140px; color: #010101; } .foot .copy p { color: #828379; } .foot .venus_ajans { position: absolute; right: 0; } .foot .venus_ajans a { color: #010101; } /*HABER / DUYURU*/ div#news { width: 1000px; position: absolute; top: -18px; } div#news .news_title { font-size: 16px; float: left; width: 220px; padding: 20px 0px 20px 20px; color: #FFFFFF; background: url(../images/bg-news.png) no-repeat; } div#news ul { width: 425px; float: left; height: 48px; } div#news ul li { font-family: "semibold" , Arial, Helvetica, sans-serif; padding: 10px 0 10px 0; margin: 0; } div#news .tumHaberler a { float: left; font-family: "semibold" , Arial, Helvetica, sans-serif; padding: 10px 0 10px 120px; color: #285187; text-decoration: underline; font-size: 10px; } a.right2 { background: url(../images/arrow-next.png) no-repeat; width: 20px; height: 19px; cursor: pointer; top: 10px; right: 20px; position: absolute; z-index: 99999; } a.left2 { background: url(../images/arrow-prev.png) no-repeat; width: 20px; height: 19px; cursor: pointer; top: 10px; right: 50px; position: absolute; z-index: 99999; } .assan { top: -81px; right: -8px; position: absolute; z-index: 99999; } /*REFERANSLAR*/ div#reference_bg { width: 1000px; position: absolute; top: 337px; height: 60px; } div#reference_bg .reference_title { float: left; width: 220px; height: 80px; background: url(../images/bg-ayrac.png) no-repeat 180px 0px; padding: 0 20px; } div#reference_bg .reference_title h2 { font-size: 15px; color: #000; padding-top: 20px; } div#reference { width: 780px !important; margin-left: 220px; top:-78px !important; } div#reference ul { float: left; height: 56px; } div#reference ul li { font-family: "semibold" , Arial, Helvetica, sans-serif; padding:0; width:156px; height:57px; text-align:center;} .shadow { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); border: 1px solid #E3E3E3; } #content { background: url(../images/bg-content.jpg) repeat-x #FFF; width: 100%; } #content .banner { width: 1000px; margin: auto; position: relative; height: 190px; } #content .banner .banner_left { left: 0; position: absolute; top: 30px; width: 180px; font-family: "semibold" , Arial, Helvetica, sans-serif; } #content .banner .banner_left h2 { font-family: "semibold" , Arial, Helvetica, sans-serif; font-size: 22px; color: #000000; } #content .banner .banner_left h3 { font-family: "semibold" , Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; margin-bottom: 10px; } #content .banner .banner_right { right: 0; position: absolute; top: 0; } .content_page { width: 1000px; margin: auto; } .content_page .content_page_left { float: left; width: 214px; margin-right: 10px; } .content_page .content_page_right { float: left; width: 714px; margin-right: 10px; background: url(../images/bg-content-left.png) no-repeat; padding: 50px 0 0 40px; } .content_page .content_page_right h2 { font-family: "semibold" , Arial, Helvetica, sans-serif; font-size: 22px; color: #2e97b9; margin-bottom: 30px; } .content_page .content_page_right p { line-height: 24px; font-size: 11px; } .menu_top { float: left; width: 212px; height: 49px; background-image: url('../images/menu-top.png'); background-repeat: no-repeat; text-decoration: none; border: 0px; outline: none; } .menu_top h2 { font-family: "semibold" , Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; padding: 20px 0 0 45px; } .menu_middle { float: left; width: 212px; height: auto; min-height: 150px; background-image: url('../images/menu-middle.png'); background-repeat: repeat-y; text-decoration: none; border: 0px; outline: none; padding: 0px; } .menu_bottom { float: left; width: 212px; height: 15px; background-image: url('../images/menu-bottom.png'); background-repeat: no-repeat; text-decoration: none; border: 0px; outline: none; } /*MENÜ*/ #nav ul { list-style: none; margin: 0 0 10px 0; padding: 10px 10px 0 0; } #nav li { font-family: 'semibold' , Arial, Helvetica; font-size: 15px; margin: 0; padding: 0; } #nav li a:link, #nav li a:visited { font-size: 15px; display: block; padding: 5px 15px 5px 25px; color: #FFF; text-decoration: none; left: -41px; text-align: left; } #nav li a:hover, #nav li a:focus { background: url(../images/nav.png) no-repeat; color: #fff; left: -5px; padding: 5px 45px 5px 25px; } .title { background: #639bc2 url(../images/icon-logo.png) no-repeat 5px; padding: 3px 8px; } .title h2 { font-size: 15px; color: #FFFFFF; margin-left: 20px; } .title span {position:absolute; right:7px; top:3px; } .title span a { color:#FFFFFF; text-decoration:underline} #content_main_page { margin: auto; width: 1000px; height: auto; padding: 15px 0; } #content_main_page .content_left { float: left; width: 265px; } #content_main_page .content_left .assan_panel { padding: 20px 36px; margin: 20px 0; } #content_main_page .content_right { float: left; width: 715px; margin-left: 18px; } #content_main_page .content_banner { width: 690px; height: 208px; padding: 12px; float: right; margin-bottom: 20px; position: relative; } #content_main_page .content_banner .banner { position: relative; height: 208px; width: 690px; top: 0; } #content_main_page .content_banner .banner .banner_title1 { position: absolute; top: 100px; left: 0px; z-index: 22; background: #0870c1; padding: 8px; } #content_main_page .content_banner .banner .banner_title1 h2 { color: #FFF; } #content_main_page .content_banner .banner .banner_title2 { position: absolute; top: 140px; left: 0px; z-index: 22; background: #FFF; padding: 8px; } #content_main_page .content_banner .banner .banner_title2 h2 { color: #274c80; } #content_main_page .content_content { padding: 20px; margin: 0; min-height: 275px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight: 300; font-size: 13px; } #content_main_page .content_content p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight: 300; font-size: 13px; } #content_main_page .content_content div{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight: 300; font-size: 13px; } #content_main_page .content_content ul{ margin-left:5px; padding-left:10px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight: 300; font-size: 13px; } #content_main_page .content_content ul li{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight: 300; font-size: 13px; } #content_main_page .content_content strong { font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif; font-weight:bold; } #content_main_page .content_content h3 { font-weight:normal; font-size:18px; color:#000000; font-family: 'bold' , Arial, Helvetica, sans-serif; } #content_main_page .content_content h4 { font-weight:normal; font-size:14px; color:#000000; font-family: 'bold' , Arial, Helvetica, sans-serif; } #content_main_page .content_content h2 { margin-bottom: 20px; color:#274c80 } .menu_content { height:auto; min-height: 215px; padding-bottom:15px } .menu_content ul { margin: 0px; padding: 0; } .menu_content ul li { float: left; margin: 0; padding: 0; list-style: none; width: 100%; } .menu_content ul li a { padding: 10px 16px 10px 24px; text-align: left; display: block; background: url(../images/arrow-menu.png) no-repeat 8px; font-family: 'light' , Arial, Helvetica, sans-serif; font-size: 13px; border-bottom: 1px dotted #BDBDBD; } .menu_content ul li a:hover { background: url(../images/arrow-menu.png) no-repeat 0px #ffffff; } .menu_content h2 { height: 30px; font-size: 18px; margin: 0; text-align: left; padding: 12px 15px; background: url(../images/content-bg-menu.png) no-repeat; color: #FFFFFF; } .contact_content { height: auto; } .contact_content h2 { height: 24px; font-size: 14px; margin: 0; text-align: left; padding: 10px 15px; background: url(../images/content-bg-contact.png) no-repeat; color: #FFFFFF; } .contact_content p { padding: 10px; } .buton_detay {background:#274c80; font-size:16px; color:#FFFFFF; padding:8px 10px;font-family:"bold", Arial, Helvetica, sans-serif; cursor:pointer; float:right; margin:5px 5px 0 0; -webkit-border-radius: 4px 4px;-moz-border-radius: 4px/4px; border-radius: 4px/4px;} #shadow { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); border: 1px solid #E3E3E3; background: url(../images/content-bg-tr.png) repeat; } .photos, .videos { float: left; } .photoGallery li { width: 200px; height: 148px; position: relative; border: 1px #00016A solid; list-style: none; float: left; margin: 0 17px 17px 0; -moz-box-shadow: 1px 1px 4px #888; -webkit-box-shadow: 1px 1px 4px #888; -khtml-box-shadow: 1px 1px 4px #888; box-shadow: 1px 1px 4px #888; } .photoGallery li .image { height: 120px; overflow: hidden; } .photoGallery li .title { background: url(/images/service-title-bg.jpg) repeat-x; font: 12px/28px 'semibold'; text-align: center; } .photoGallery li .title a { color: #eaeaea; } .photoDetail li { height: 120px; } .icon { width: 28px; height: 28px; background: url(/images/photoGallery-icon.png) no-repeat; left: -10px; top: 45px; text-align: center; color: #fff; font: 14px/31px 'myriad_pro_semicondregular'; } .otherPhotos { width: 658px; } .thumb { width: 140px !important; height: 93px !important; } .thumb .icon { top: 35px; } .otherPhotoGallery li.active { border: 1px #0E76BF solid; -moz-box-shadow: 1px 1px 4px #0E76BF; -webkit-box-shadow: 1px 1px 4px#0E76BF; box-shadow: 1px 1px 4px #0E76BF; } .error { border: 1px red solid; background: #fdf4f5; font-size: 11px; padding: 5px; color: red; margin: 0 0 10px; } #ref { padding: 0px; } #ref .jcarousel-container { top: 6px; } #ref .jcarousel-container li { width: 300px; } .tab { position: relative; overflow: hidden; } .tab li { float: left; background: url(/images/th-bg.jpg) repeat-x; padding: 5px 10px; list-style: none; margin: 0 2px 0 0; font: 13px 'myriad_pro_semicondregular'; color: #fff; cursor: pointer; } .tab li.active { background: url(/images/masterRight-title-bg.png) right top repeat; } #projectNav { top: 2px; left: 5px; list-style: none; } #projectNav li a { background: url(/images/project-nav-bg.png) 0 0 no-repeat; padding: 0 0 0 20px; } .ref_lower { background: url(/images/arrow_sort_arrows.png) 0 0 no-repeat; width: 15px; height: 15px; border: none; position: absolute; margin: -2px 0 0 2px; cursor: pointer; } .ref_higher { background: url(/images/arrow_sort_arrows.png) -18px 0 no-repeat; width: 15px; height: 15px; border: none; position: absolute; margin: 7px 0 0 5px; cursor: pointer; } ul.test {margin:0 !important; padding:0 !important} ul.test li {float:left; width:290px; margin:0 10px 0 0; list-style:none; height:450px; padding:10px; border: 1px dotted #fefefe; position:relative} ul.test li:hover { background:#FFFFFF;-webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px rgba(0,0,0,0.2); border: 1px solid #E3E3E3;} .listeler {padding: 10px 0; border-bottom: 1px dotted #CDCDCD; margin:0 0 10px 0} .liste_sol {width:260px; float:left} .liste_sag {width:280px; float:left;} .liste_sag p { font-size:11px !important} .liste_sag h5 { font-size:12px !important; display:inline-block; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold} .liste_sag h4 { font-size:13px !important; font-family:"semibold", Arial, Helvetica, sans-serif !important; color:#000 !important; margin:10px 0 } .devam {font-size: 12px; font-weight:normal; display: block; padding: 5px 15px; color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; border:1px solid #FFF; background:#29538a; margin-top:10px; position:absolute; bottom:20px} .devam:hover { background:#121212} ul.breadcrumb { margin:0; padding:0 !important } .breadcrumb { list-style: none; overflow: hidden; font: 18px Helvetica, Arial, Sans-Serif; } .breadcrumb li { float: left; } .breadcrumb li a { color: white; text-decoration: none; padding: 10px 0 10px 55px; background: #274c80; /* fallback color */ background: hsla(215,70%,50%,1); position: relative; display: block; float: left; font-size:16px;font-weight: normal; font-family: "bold" , Arial, Helvetica, sans-serif; } .breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid hsla(215,70%,50%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .breadcrumb li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .breadcrumb li:first-child a { } .breadcrumb li:nth-child(2) a { background: hsla(215,70%,50%,1); } .breadcrumb li:nth-child(2) a:after { border-left-color: hsla(215,70%,50%,1); } .breadcrumb li:nth-child(3) a { background: hsla(215,70%,50%,1); } .breadcrumb li:nth-child(3) a:after { border-left-color: hsla(215,70%,50%,1); } .breadcrumb li:nth-child(4) a { background: hsla(215,70%,50%,1); } .breadcrumb li:nth-child(4) a:after { border-left-color: hsla(215,70%,50%,1); } .breadcrumb li:nth-child(5) a { background: hsla(215,70%,50%,1); } .breadcrumb li:nth-child(5) a:after { border-left-color: hsla(215,70%,50%,1); } .breadcrumb li:last-child a { background: #FFF !important; color: black; pointer-events: none; font-size:16px;font-weight: normal; font-family: "bold" , Arial, Helvetica, sans-serif; color:#274c80 } .breadcrumb li:last-child a:after { border: 0; } .breadcrumb li a:hover { background: hsla(240,2%,26%,1); } .breadcrumb li a:hover:after { border-left-color: hsla(240,2%,26%,1) !important; } ul.urunGruplar { padding:0 !important; margin: 20px 0; } ul.urunGruplar h2 { font-size:16px } ul.urunGruplar li { float: left; width: 322px; height:211px; padding: 0; margin: 0; list-style:none; background:url(/images/bg-urun.png) no-repeat; position:relative } ul.urunGruplar li img { color: #121212; cursor: pointer; position:absolute; left:52px; top:80px; } ul.urunGruplar li div { color: #121212; cursor: pointer; position:absolute; top:22px; right:14px; text-align:right } ul.urunGruplar li div a{ font-weight:normal; font-size:16px; color:#012b5d; font-family: 'bold' , Arial, Helvetica, sans-serif; letter-spacing:-1px } .kampUrun {float:left; width:290px; margin:10px 10px 10px 0; list-style:none; height:180px; padding:10px; border: 1px dotted #fefefe; position:relative;-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px rgba(0,0,0,0.2); border: 1px solid #E3E3E3;} .kampUrun:hover { background:#FFFFFF;-webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px rgba(0,0,0,0.2); border: 1px solid #E3E3E3;} .kampUrun img { position:absolute; top:70px; left:50px } .kampUrun h2 { font-size:15px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; bottom:0; left:15px } .kampUrun h2 span { font-size:12px !important; } .kampUrun h3 { font-size:16px !important; } .urunIcerik strong {font-size:14px; color:#444; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; font-weight:bold !important;} .kampUrunResim {float:left; width:430px; margin:10px 0 10px 0; height:auto; padding:10px; border: 1px dotted #fefefe; position:relative;-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px rgba(0,0,0,0.2); border: 1px solid #E3E3E3; background:#FFFFFF} .kampUrunResim img { padding:20px 10px } .kampUrunResim h2 { font-size:15px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; bottom:0; left:15px } .kampUrunResim h2 span { font-size:12px !important; } .kampUrunResim h3 { font-size:16px !important; } .kampUrunAciklama {float:left; width:160px; margin:10px 0 0 12px; padding:10px; border: 1px dotted #fefefe; position:relative;-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px rgba(0,0,0,0.2); border: 1px solid #E3E3E3; background:#FFFFFF} .referenceCheckbox {border:1px #285288 solid; background:#274C80; padding:5px 0 0 10px; border-collapse:separate !important;} .referenceCheckbox td {text-align:center;} .referenceCheckbox span{position:relative; top:-2px; margin:0 20px 0 0; color:#fff;} #referenceSearch .form {height:20px; background:url(/images/input-bg.jpg) left top repeat-x; border:1px #fff solid; color:#000; padding:0 5px;} #referenceSearch {padding:4px 5px 5px; background:#dcdfe3; color:#fff; width:663px; font-size:10px; overflow:hidden;} #referenceSearch .butongonder {background:#404041; color:#fff; cursor:pointer; height:24px; position:relative; top:1px; padding:0 5px;} #referenceSearch p {color:#666; font-size:12px !important; padding:0 0 0 6px;} .referansTablo {border:1px #ccc solid; padding:10px; border-collapse:separate !important; margin:10px 0 0; background:#fff;} .referansTablo th {background:url(/images/reference-th-bg.png) repeat-x; color:#fff; padding:5px 5px 15px;} .referansTablo td {border-top:1px #ccc solid; height:45px; padding:0 5px;} .referansTablo tr.even {background:#f5f5f5;} .referansTablo tr.odd {background:#fff;} .referansTablo tr:hover {background:#f1f6fd;} .referansTablo tr:hover td {color:#274C80;} .referenceResult {border:1px #efd24b solid; padding:10px; background:#fbf7e5;} .pager {position:relative; margin:5px 0 0; display:block;} .pager a,.pager span{display:block; width:20px; height:20px; float:left; text-align:center; background:#404041; color:#fff; margin:0 1px 0 0; line-height:21px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .pager span,.pager a:hover {background:#0870C1;} .pager span {line-height:19px;}