/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		MarketPlace
   TEMPLATE CODE: 	S-0017
   VERSION:          1.0	
	DATE:          	August-31-2007          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0;}

body {
	background: #aca8a1;
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	padding: 0px;
}

/* links */
a, a:visited {	
	color: #105289; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #D31141;
	padding-bottom: 0;
	background: inherit;
	text-decoration: underline;
/*	border-bottom: 2px solid #dbd5c5; */
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 	
	color: #333;		
}
h1 {
	font-size: 160%;	
	font-weight: normal;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;	
}
h3 {
	font-size: 130%;	
}
h4 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 110%;
	padding-top: 10px;		
	margin: 0;
	color: #d21a4e;
	text-transform: uppercase;	
}
h5 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 150%;	
	font-weight: Bold;
	text-transform: uppercase;
	padding: 0 10px 0 10px;		
	margin: 0;
	color: #838181;
}

h1, h2, h3 {
	padding: 10px;
	margin: 0;
}
p {
	padding: 2px 0 5px 10px;
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* images */
img {
	background: #FAFAFA;
   	border: 1px solid #DCDCDC;
	padding: 2px;
	max-width:100%;
	height:auto;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;	
	margin: 10px;
 	padding: 0 0 0 25px;  
	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;	
	color: #444;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	background: #e7e6e6 url(images/button.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
form {
	margin: 0; padding: 0;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background:#fff;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #333;
	background: #e7e6e6 url(images/button.jpg) repeat-x;
	border: 1px solid #dadada;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 5px 0 10px; padding: 5px 0 15px 0;	
	width: 190px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 100px;
	height: 16px;
	padding: 1px 5px;
	background-color: #FFFFFF;
	border: 1px solid #B4BAC0;
	color: #333333;
	vertical-align: top;
}
.searchform input.textbox:hover {
	border: 1px solid #11A3EA;
}
.searchform input.textbox:focus {
	border: 1px solid #11A3EA;
	color: #0F4987;
}
.searchform input.button {
	cursor: pointer;
	width: 45px;
	height: 20px;
	padding: 1px 5px;
	vertical-align: top;
	border: 1px solid #666666;
	color:#000;
	background-color: #FAFAFA;
	background-image: url("./forums/styles/prosilver/theme/images/bg_button.gif");
	font-size:1.1em;
}
.searchform input.button:hover {
	border: 1px solid #BC2A4D;
	color: #BC2A4D;
}
.searchform input.button:focus {
	border: 1px solid #11A3EA;
	color: #0F4987;
}

/********************************************
   LAYOUT
********************************************/ 
.outer {
	max-width: 930px; 
	margin: 0 auto; 
	overflow: hidden;
}
#wrap {
	position: relative;
	max-width: 910px;	
	margin: 0 auto;
	text-align: left;
	background: #fff url(images/content.jpg) repeat-y center top;
	border-radius: 15px;
}
#content-wrap {
	text-align: left;
	max-width: 850px;
	margin: 0 auto;
	display: block;	
	border-top: 5px solid #fff;
	background: #fff url(images/content-wrap.jpg) repeat-x;
}
#header {
	clear: both;
	max-width: 910px;
	font-size: 95%;
	padding: 15px 0;
	margin-top: 30px;
	text-align: left;
	background: #fff url(images/header-top.jpg) repeat-y center top;
	border-radius: 15px;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 650px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 870px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

/* header links */
#header #header-links {
	position: absolute;
	top: -15px; left: 1.4%;	
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
}
#header #header-links ul {
    display:inline-block;
	margin-left: -20px;
}
#header #header-links li {
    margin: -5px 5px 0px 5px;
    float:left;
    font-size:10px;
	list-style:none;
}
#header #header-links .toggle-nav {
    display:none;
}
#header #header-links p {	
	padding: 0;	margin: 0;	
}
#header #header-links a {	
	color: #333333;
	text-decoration: none;	
}
#header #header-links a:hover {
  color: #444;		
}
@media (max-width: 400px) {
#header #header-links {
	top: -21px; left: 1.4%;
    display:inline-block;
	z-index: 2;
}
#header #header-links ul.active {
    display:none;
}
#header #header-links ul {
    position:absolute;
    top:20px;
    left:18px;
    padding:0px 18px 0px 18px;
    box-shadow:0px 1px 1px rgba(0,0,0,0.15);
    border-radius:3px;
    background:#F5F5F5;
}
#header #header-links ul:after {
    width:0px;
    height:0px;
    position:absolute;
    top:0px;
    left:13px;
    content:'';
    transform:translate(0%, -100%);
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #303030;
}
#header #header-links li {
    margin:5px 0px 10px 0px;
    float:none;
    display:block;
    list-style:none;
}
#header #header-links li:first-child {
	margin-left: 0px;
}
#header #header-links .toggle-nav {
	position: absolute;
	top: -5px; left: 1.4%;
    padding:0 10px;
	line-height: 24px;
    float:left;
    display:inline-block;
    border-radius:3px;
    background:#444444;
    color:#FAFAFA;
    font-size:18px;
}
#header #header-links-right {
	position: absolute;
	top: 0px; left: 35px;
	color: #838181;
	margin-top: -27px;
	margin-right: 45px;
	font-size: 10px;
	font-weight: bold;
}
#header #header-links a:hover {
	color: #fff;
}
#header #header-links li a:hover{
	color: #444;
}
}
#header #header-links-right {
	position: absolute;
	top: 0px; right: 1%;	
	color: #838181;
	margin-top: -27px;
	font-size: 10px;
	font-weight: bold;
}
/* Header block with images */
#page-header {	
	clear: both;
	height: 136px;
	}
* html #page-header {	
	margin: 0 0 -39px 0;
	}
body div.headerlogo {
	background-repeat: no-repeat;
	background-position: 50% 0;
	width: 100%;
	height: 129px;
	position: relative;
	}
body div.headerlogo h1 {
	margin: 0;
	padding: 0 30px 0 30px;
	}
@media (max-width: 860px) {
body div.headerlogo h1 {
	padding: 0;
	}
}	
body div.headerlogo h1 a {
	display: block;
	width: 100%;
	height: 129px;
	text-indent: -5000px;
	text-decoration: none;
	margin: 0;
	}
html>body div.headerlogo h1 a {
	background: url("images/logo_phpbb.png") 25px 30px no-repeat;
	}
* html div.headerlogo h1 a {
	background: url("images/logo_phpbb.gif") 25px 30px no-repeat;
	}

@media (max-width: 700px) {
html>body div.headerlogo h1 a {
	background: url("images/logo_phpbb.png") 10px 15px no-repeat;
	}
* html div.headerlogo h1 a {
	background: url("images/logo_phpbb.gif") 10px 15px no-repeat;
	}
}
/* Section header images */
body div.headerlogo {
	background-image: url("images/header-photo.jpg");
	margin-top: 0;
	}

/* Corners and sides */

span.side-left, span.side-right {
	display: block;
	max-width: 20px;
	}
html>body span.side-left, span.side-right {
	height: 150px;
	}
span.side-left {
	background-position: 0 0;
	float: left;
	margin-right: 10px;
	}
span.side-right {
	background-position: 100% 0;
	float: right;
	}

/* Navigation
#nav {
	clear: both;	
	padding: 0;	
	height: 34px;
	margin-top: -10px;	
}
#nav ul {
	float: left;
	list-style: none;
	background: url(images/topnav_stretch.gif) repeat-x;	
	width: 850px;
	height: 35px;
	padding: 0;	margin: 0 0 0 30px;	
	display: inline;
	text-transform: uppercase;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #5e5f5e;
	font: bold 12px/35px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li#ozellikler a:hover, 
#nav ul li#ozellikler a:active {
	background: #e00904 repeat-x;
	color: #fff;
}

#nav ul li#demo a:hover, 
#nav ul li#demo a:active {
	background: #2d3e50 repeat-x;
	color: #fff;
}

#nav ul li#yuklemeler a:hover, 
#nav ul li#yuklemeler a:active {
	background: #ab2a2a repeat-x;
	color: #fff;
}

#nav ul li#destek a:hover, 
#nav ul li#destek a:active {
	background: #f60 repeat-x;
	color: #fff;
}

#nav ul li#forumlar a:hover, 
#nav ul li#forumlar a:active {
	background: #41c7ff repeat-x;
	color: #fff;
}

#nav ul li#stiller a:hover, 
#nav ul li#stiller a:active {
	background: #27ae61 repeat-x;
	color: #fff;
}

#nav ul li#modlar a:hover,
#nav ul li#modlar a:active {
	background: #f39c11 repeat-x;
	color: #fff;
}

#nav ul li#hosting a:hover, 
#nav ul li#hosting a:active {
	background: #7e8c8d repeat-x;
	color: #fff;
}

#nav ul li#projeler a:hover, 
#nav ul li#projeler a:active {
	background: #297fb8 repeat-x;
	color: #fff;
}
.navmenu {
	border-top: 1px solid #5e5f5e;
}	
.ppshadow {
    border-bottom: 2px solid #5e5f5e;
}
 */
/* Main Column */
.three-col #main {
	margin: 10px 310px 0 10px;
}
.two-col #main {
	margin: 10px 5px 0 200px;
}

#main h1 {
	margin: 10px 10px 0 10px;
	font: normal 1.2em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #d21a4e;
	padding: 15px 0 2px 0px; 		
	border-bottom: 1px solid #dadada;
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 195px;	
	margin-top: 10px;	
}	
/* right column */
@media (max-width: 860px) {
.three-col #main {
	margin: 0 10px 0 5px;
}
}

#rightcolumn {
	float: right;
	color: #d21a4e;
	width: 280px;
	height: 202px;
	margin-top: 10px;
}
#rightcolumn h1, #sidebar h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444; 		
}
@media (max-width: 860px) {
#rightcolumn {
	float: none;
	color: #d21a4e;
	width: 100%;
	height: 100%;
	margin: 10px;
}
}

/* sidemenu */
ul.sidemenu {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 95%;
}
ul.sidemenu li {
	padding: 2px 0 2px 0;
	border-top: 1px solid #CCCCCC;
	margin: 0;
}
* html body ul.sidemenu li {
	height: 1%;
}
ul.sidemenu li a {
	text-decoration: none;	
	color: #105289; 
	border: none;		
}
ul.sidemenu li a:hover {	
	color: #D31141;
	border: none;
	text-decoration: underline;	
}
ul.sidemenu li.last {
	border-bottom: none;
}
/* Menu  listing */
div.mini-panel {
	border-radius: 5px;
	padding: 10px;
	background-color: #ebebeb;
	margin: 0 18px 5px 0;
}
div.mini-panel h3 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
	text-transform: uppercase;
	font-size: 110%;
}
/* footer-wrap */
#footer-wrap {
	clear: both;
	max-width: 910px;
	font-size: 90%;
	padding: 15px 0;
	text-align: left;	
	background: url(images/footer-bottom.jpg) no-repeat center bottom;	
	border-radius: 15px;
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {
	padding: 10px 0;
}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

/* footer-links */
#footer-links {
	clear: both;
	color: #444;
	font-size: 80%;	
	margin: 0 auto 0 auto; 
	max-width: 850px;
	padding: 5px 0;
	text-align: center;
}
#footer-links a {
	text-decoration: none;
	color: #444444;
	font-weight: bold;
}
#footer-links a:hover {
	color: #000;	
}

/* footer-sublinks */
#footer-sublinks {
	clear: both;
	color: #444;
	font-size: 90%;	
	margin: 0 auto 0 auto; 
	max-width: 850px;
	padding: 5px 0;
	text-align: center;
}
#footer-sublinks a {
	text-decoration: none;
	color: #444444;
	font-weight: normal;
}
#footer-sublinks a:hover {
	color: #000;	
}

/* footer */
#footer {
	clear: both;
	color: #666;	
	margin: 0 auto 10px auto; 
	max-width: 850px;
	padding: 5px 0;
	text-align: center;
	background: #F8F7F7;
	border-top: 1px solid #F2F2F2;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* post */
.post-by {
	font-size: .95em;	
	padding-top: 0;
}
.post-footer {
	background: #F5F5F5;
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size: 95%;	
	color: #666666;	
}
.post-footer .date{
	margin: 0 10px 0 5px;	
}
.post-footer a.comments {
	margin: 0 10px 0 5px;	
}
.post-footer a.readmore {
	margin: 0 10px 0 5px;	
}
/* Extras column */
#extras {
	display: block;
}
@media (max-width: 820px) {
#extras {
	width: 280px;
	margin: 0 auto;
}
}
dl.extra-box {
	display: inline-block;
	width: 260px;
	height: 77px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 5px;
	}
dl.extra-box dt a {
	font-weight: bold;
	font-size: 10px;
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	color: #333333 !important;
	text-decoration: none !important;
	}
dl.extra-box dd a {
	font-weight: bold;
	font-size: 10px;
	display: block;
	color: #FFFFFF !important;
	padding-left: 10px;
	margin-bottom: -5px;
	text-decoration: none !important;
	}
dl.extra-box .ddextras a {
	font-weight: bold;
	font-size: 10px;
	display: block;
	color: #535353 !important;
	padding-left: 10px;
	margin-bottom: -5px;
	text-decoration: none !important;
	}
dl.extra-box dt a:hover {
	text-decoration: none;
	color: #000000 !important;
	}
dl.download {
	background-image: url("images/bg_download.png");
	}
dl.download2 {
	background-image: url("images/bg_download2.png");
	}
dl.download3 {
	background-image: url("images/bg_download3.png");
	}
dl.download4 {
	background-image: url("images/bg_download4.png");
	}
dl.download5 {
	background-image: url("images/bg_download5.png");
	}
dl.download6 {
	background-image: url("images/bg_download6.png");
	}
dl.shop {
	background-image: url("images/bg_shop.png");
	}
#home-dl-link {
	position: absolute;
	display: block;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	text-align: center;
	right: 45px;
	top: 10px;
	height: 77px;
	width: 124px;
	background: url("images/home-version-bg.png") no-repeat;
}

@media (max-width: 700px) {
#home-dl-link {
	right: 5px;
	top: 10px;
}
}
#home-dl-link a {
	color: #FFFFFF;
	display: block;
	width: 124px;
	height: 57px;
	padding: 10px 0;
}

#home-dl-link span {
	display: block;
}

#home-dl-link .version {
	font-weight: bold;
	font-size: 18px;
}

#home-dl-link a:hover {
	text-decoration: none;
	color: #CCCCCC;
	/*
	background: url("images/home-version-bg.png") no-repeat -124px 0;
	*/
}

/* Top Social Icons */
#top-social {
	position: absolute;
	bottom: 15px;
	right: 10px;
	margin: 0 auto;
	height: 20px;
}
.top-social-home {
	right: 48px !important;
}
@media (max-width: 700px) {
.top-social-home {
	right: 8px !important;
}
}
#top-social-icons {
	float: right;
}
#top-social-icons img {
	background-color: transparent;
	padding: 0 3px;
	float: left;
	border: 0px solid #DCDCDC;
}
#top-social-icons div {
	float: left !important;
	padding: 0 3px !important;
}

/* Main Ads Side-Block */
#ads {
	position: relative;
	text-align: center;
	margin-right: 15px;
}
#ads img {
   	border: 0px;
}

/*	
-------------------------------------------
	3. Kwick Slider Styles
-------------------------------------------
*/
.kwicks img {			float:none !important;	border:0; display:none;}
.kwicks {				background-color:#f1f1f1;	list-style: none;	position: relative;	margin: 0;	padding: 0;	top: 0;	left: 0;	}
.kwicks li{				float: left; margin: 0;	position: relative;	display: block;	overflow: hidden;	padding: 0;	background: url(/National_Library/20170827070107oe_/https://www.phpbbturkey.com/images/ajax_loader.gif) 50% 50% no-repeat;	}
.kwick_shadow {			height:100%; z-index: 1;	position: absolute;	right: 0px;	width: 25px;		background: url(/National_Library/20170827070107oe_/https://www.phpbbturkey.com/images/overlay.png) repeat-y;	}
.last .kwick_shadow{		background: none !important;	}
.kwick_title{			width: 100%; z-index: 1;	float: left;	height: 20px;	position: absolute;	overflow: hidden;	left: 0px;	bottom: 0px; 	padding: 15px;	}
.kwick_desc {			bottom: -300px;	width: 100%; z-index: 2;	padding: 15px;	color:#555;	position: absolute;}
.kwick_desc_title {		display: block;	font-size: 23px;	line-height: 23px;	padding-bottom: 5px;	color:#fff;	font-family:Arial;	}
.full_shadow{			clear:both; background:url(/National_Library/20170827070107oe_/https://www.phpbbturkey.com/images/full_shadow.png) no-repeat; height:10px; margin-bottom:-10px; font-size:0; line-height:0; text-indent:-9999px; }

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:45px;
	right:15px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(/National_Library/20170827070107oe_/https://www.phpbbturkey.com/images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(/National_Library/20170827070107oe_/https://www.phpbbturkey.com/images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
/*	-moz-opacity: 0; */
/*	filter:alpha(opacity=0); */
}

#toTop:active, #toTop:focus {
	outline:none;
}

#cssmenu {
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif;
  font-size: 12px;
  font-weight: bold;  
  line-height: 15px;
  text-align: left;
  margin-top: -5px;
}
#cssmenu > ul {
  max-width: 850px;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  background: #F5F5F5;
}
#cssmenu > ul.navmenu {
	border-top: 1px solid #5e5f5e;
}	
#cssmenu > ul.ppshadow {
    border-bottom: 2px solid #5e5f5e;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  /* *display: inline;
  zoom: 1; */
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
  z-index: 2;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #f5f5f5;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #5e5f5e;
  border-top: 0 none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #2d3e50 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 16px 11px 16px;
  text-decoration: none;
  color: #747474;
  border-right: 1px solid #dadada;
  border-left: 1px solid #fafafa;    
  text-shadow: 0px 1px 0px #FFF;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #e00904;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li.home-link-icon > a{
   background-image: url('images/home.png');
   background-repeat: no-repeat;
   background-position: 50% -55%;
   text-indent: -9999px;
   width: 10px;
   border-left: 0 none;   
}
#cssmenu > ul li.home-link-icon > a.active,
#cssmenu > ul li.home-link-icon > a:hover {
  background: #5e5f5e url('images/home.png') no-repeat;
  background-position: 50% 165%;
}
/* Features */
#cssmenu > ul li#ozellikler a.active,
#cssmenu > ul li#ozellikler a:hover {
  background: #e00904;
  color: #fff;
  text-shadow: 0px 1px 0px #000; 
}
#cssmenu > ul li#ozellikler.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#ozellikler.has-sub > a.active,
#cssmenu > ul li#ozellikler.has-sub > a:hover {
  background: #e00904 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Demo */
#cssmenu > ul li#demo a.active,
#cssmenu > ul li#demo a:hover {
  background: #2d3e50;
  color: #fff;
  text-shadow: 0px 1px 0px #000;   
}
#cssmenu > ul li#demo.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#demo.has-sub > a.active,
#cssmenu > ul li#demo.has-sub > a:hover {
  background: #2d3e50 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Downloads */
#cssmenu > ul li#yuklemeler a.active,
#cssmenu > ul li#yuklemeler a:hover {
  background: #ab2a2a;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li#yuklemeler.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#yuklemeler.has-sub > a.active,
#cssmenu > ul li#yuklemeler.has-sub > a:hover {
  background: #ab2a2a url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Support */
#cssmenu > ul li#destek a:hover {
  background: #f60;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li#destek.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#destek.has-sub > a.active,
#cssmenu > ul li#destek.has-sub > a:hover {
  background: #f60 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Forums */
#cssmenu > ul li#forumlar a.active,
#cssmenu > ul li#forumlar a:hover {
  background: #41c7ff;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li#forumlar.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#forumlar.has-sub > a.active,
#cssmenu > ul li#forumlar.has-sub > a:hover {
  background: #41c7ff url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Styles */
#cssmenu > ul li#stiller a.active,
#cssmenu > ul li#stiller a:hover {
  background: #27ae61;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li#stiller.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#stiller.has-sub > a.active,
#cssmenu > ul li#stiller.has-sub > a:hover {
  background: #27ae61 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Extensions */
#cssmenu > ul li#eklentiler a.active,
#cssmenu > ul li#eklentiler a:hover {
  background: #f39c11;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li#eklentiler.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#eklentiler.has-sub > a.active,
#cssmenu > ul li#eklentiler.has-sub > a:hover {
  background: #f39c11 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Hosting */
#cssmenu > ul li#hosting a.active,
#cssmenu > ul li#hosting a:hover {
  background: #7e8c8d;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li#hosting.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#hosting.has-sub > a.active,
#cssmenu > ul li#hosting.has-sub > a:hover {
  background: #7e8c8d url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
/* Projects */
#cssmenu > ul li#projeler a.active,
#cssmenu > ul li#projeler a:hover {
  background: #297fb8;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
#cssmenu > ul li#projeler.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li#projeler.has-sub > a.active,
#cssmenu > ul li#projeler.has-sub > a:hover {
  background: #297fb8 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
@media (max-width: 860px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('images/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #747474;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #f5f5f5;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
  #cssmenu > ul li.home-link-icon > a{
    background-image: none;
	text-indent: 0px;
	text-shadow: 0px 1px 0px #FFF;
	width: auto;
  }
  #cssmenu > ul li.home-link-icon > a.active,
  #cssmenu > ul li.home-link-icon > a:hover {
	background: #5e5f5e;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
  }  
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 860px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    /* *display: inline;
    zoom: 1; */
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}
/* Generic colored tags */
.mini-tag {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 3px;
	margin: 1px 5px 1px 0;
	padding: 0 3px;
	font-weight: bold;
	color: #000;
	text-shadow: 0 0 2px rgba(255,255,255,0.5);
}
.mini-tag.green {
	background: #95b178;
	border: 1px solid #228822;
	color: #014700;
}
.mini-tag.blue {
	background: #a1d7ff;
	border: 1px solid #49afff;
	color: #00507d;
}
.mini-tag.orange {
	background: #ffc561;
	border: 1px solid #c98a00;
	color: #6b4600;
}
.mini-tag.dirty-green {
	background: #e1ecd4;
	border: 1px solid #bccca7;
	color: #3c4e20;
}
.mini-tag.red {
	background: #bb422e;
	border: 1px solid #c96e6d;
	color: #000;
}

.mini-tag a {
	text-decoration: none !important;
}

#search_BH input[type="text"] { 
    background: url('images/search-dark.png') no-repeat 10px 3px #F5F5F5; 
    border: 0 none;
    color: #444444;
    width: 100px;
	font-size: 11px;
	font-style: italic;
    padding: 4px 10px 4px 35px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); 	
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
    -webkit-transition: all 0.7s ease 0s; 
    -moz-transition: all 0.7s ease 0s; 
    -o-transition: all 0.7s ease 0s; 
    transition: all 0.7s ease 0s; 
}
@media (max-width: 400px) {
#search_BH input[type="text"] { 
    width: 100%;
}
}
/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  position: relative;
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
  padding: 0;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  width: 100%;
  height: 100%;
  margin: 0 0 60px;
  position: relative;
/*zoom: 1;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
/*  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);*/
}
/*.flexslider .slides {
  zoom: 1;
}*/
.flexslider .slides img {
  height: auto;
}
.flexslider .flex-caption {
    position: absolute;
	width: 100%;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 480px) {
.flexslider .flex-caption {
    display: none;
}
}
.loading {
	min-height: 239px;
	background: url('images/loading.gif') no-repeat center center;
}
@media (max-width: 860px) {
.loading {
	min-height: auto;
	background: url('images/loading.gif') no-repeat center center;
}
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
/*.flex-direction-nav {
  *height: 0;
}*/
.flex-direction-nav a {
  text-decoration: none;
  line-height: 40px;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
/*  filter: alpha(opacity=0);*/
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a .flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  /*zoom: 1;
  *display: inline;*/
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

#footer-ads {
	width: 728px;
	margin: 0 auto;
}

@media (max-width: 860px) {
  #footer-ads {
	display: none;
  }
}

/* Home announcement */
.labelfield{ /*CSS for label field in general*/
color:#804000;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#announce1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#announce1 div{ /*CSS specific to demo 1*/
margin-bottom: 5px;
}

#announce1 div a{ /*CSS specific to demo 1*/
text-decoration: none;
font-weight: bold;
font-size: 105%;
}

#announce1 div a:hover{ /*CSS specific to demo 1*/
color: #D31141;
padding-bottom: 0;
background: inherit;
text-decoration: underline;
font-weight: bold;
font-size: 105%;
}

#announce2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#announce2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
font-size: 105%;
}

#announce2 div a:hover{ /*CSS specific to demo 2*/
color: #D31141;
padding-bottom: 0;
background: inherit;
text-decoration: underline;
font-weight: bold;
font-size: 105%;
}

#announce3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#announce3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

.google-panel {
	margin-bottom: 1em;
}
.google-results  h2 {
	margin-top: 2px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.google-results  {
	background-color: #505C65;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 10px #505c65;
	border-radius: 6px;
}
.google-results html>body span.side-left, span.side-right, tr {
	height: auto;
}
.google-results table, td{
	margin: 0;
	padding: 0;
}