@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/40haramiler_background.jpg);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
}

.link_mus{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.link_mus:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #900;
}

.hints {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color:#FFF;
}
.icerik_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
	text-decoration: none;
}

.icerik_text a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
	text-decoration: underline;
}

.icerik_textbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
	width: 150px;
	border:solid 1px #dadada;	
}
.icerik_dropbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 21px;
	width: 150px;
	border:solid 1px #dadada;	
}
.icerik_text_bold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #505050;
	text-decoration: none;
}
.atolye_text_01 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c8c8c;
	text-decoration: none;
}
.icerik_buton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #505050;
	background-color: #f3f3f3;
	border: 1px solid #000000;
	}
	
#icerik
{
	vertical-align: top;
	overflow-y: auto;
	width: 660px;
	height: 450px;
	scrollbar-3dlight-color: #E1DFDC;
	scrollbar-base-color: #F2F1F0;
}

#portfolyo
{
	vertical-align: top;
	overflow-y: auto;
	width: 715px;
	height: 572px;
	scrollbar-3dlight-color: #E1DFDC;
	scrollbar-base-color: #F2F1F0;
}

.b1_light, .b2_light, .b3_light, .b4_light{font-size:1px; overflow:hidden; display:block;}
.b1_light {height:1px; margin:0 5px; background: #FFFFFF) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}
.b2_light {height:1px; margin:0 3px; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; background: #FFFFFF none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}
.b3_light {height:1px; margin:0 2px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background: #FFFFFF none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}
.b4_light {height:2px; margin:0 1px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background: #FFFFFF none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}

.b1_gray, .b2_gray, .b3_gray, .b4_gray{font-size:1px; overflow:hidden; display:block;}
.b1_gray {height:1px; margin:0 5px; background: #cccccc) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}
.b2_gray {height:1px; margin:0 3px; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; background: #cccccc none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}
.b3_gray {height:1px; margin:0 2px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: #cccccc none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}
.b4_gray {height:2px; margin:0 1px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: #cccccc none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}

div.fixwidth { text-align: left; margin: 0 auto; width: 715px; }
div.footer{ text-align: left; margin: 0 auto; width: 962px; }

div.content1 { /*background: #0D0D0D;*/ }

#magara
{
	vertical-align: top;
	overflow-x: auto;
	width: 670px;
	height: 345px;
	scrollbar-3dlight-color: #E1DFDC;
	scrollbar-base-color: #F2F1F0;
}

#portfolyoFrame
{
	vertical-align: top;
	overflow-y: auto;
	width: 714px;
	height: 585px;
	scrollbar-3dlight-color: #E1DFDC;
	scrollbar-base-color: #F2F1F0;
	background-color:#FFFFFF;
}

#atolye
{
	vertical-align: top;
	overflow-y: auto;
	width: 714px;
	height: 270px;
	scrollbar-3dlight-color: #E1DFDC;
	scrollbar-base-color: #F2F1F0;
}
.profharami {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.portfolyo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-indent: 15px;
}
.hr_kimlik{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
	text-decoration: none;
}
.hr_kimlik_bold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #505050;
	text-decoration: none;
}
.set_kart{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E0007C;
	text-decoration: none;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4a4b4b;
	text-decoration: none;
}
 .loginGreen {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 50px;
	font-weight: bold;
	color: Green;
	text-decoration: none;
	letter-spacing: -5px;
	/*line-height:69px; */
}
.loginRedSmall 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}
.login_textarea {
	height: 18px;
	width: 96px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #dadada;
	border-left-color: #dadada;
}
.login2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}
.kbg1 {
	background-image: url(../images/kbg4.gif);
	background-repeat: repeat-x;
}
.kbg2 {
	background-image: url(../images/kbg2.gif);
	background-repeat: repeat-x;
}
.kbg3 {
	background-image: url(../images/kbg1.gif);
	background-repeat: repeat-y;
}
.kbg4 {
	background-image: url(../images/kbg3.gif);
	background-repeat: repeat-y;
}
.sbg {
	background-image: url(../images/sbg.gif);
	background-repeat: repeat-x;
}
.ara_textarea {
	height: 28px;
	width: 120px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #dadada;
	border-left-color: #dadada;
}
.sabg1 {
	background-image: url(../images/sa_bf.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #505050;
	text-indent: 15px;
}
.EtkinlikBaslik 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #505050;
	text-decoration:none;
}
.gk1_bg {
	background-image: url(../images/gk1_bg.gif);
	background-repeat: repeat-x;
}
.gk2_bg {
	background-image: url(../images/gk2_bg.gif);
	background-repeat: repeat-y;
}
.gk3_bg {
	background-image: url(../images/gk3_bg.gif);
	background-repeat: repeat-x;
}

.gk4_bg {
	background-image: url(../images/gk4_bg.gif);
	background-repeat: repeat-y;
}
.harami_nokta{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.harami_nokta_big{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.validatorCalloutSyle
{
	background-color:lemonchiffon;
}
.port_name{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.yildizli_text_01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #4a4b4b;
	text-decoration: none;
}
.porttable_bg {
	background-image: url(../images/port_table_bg1.gif);
	background-repeat: repeat-x;
}

#FlashBanner {
	/*position:absolute;*/
	top:0px;
	width:714px;
	height:278px;
	z-index:10;
}


/*--------------------------------------------------*/
/*------J-Carousel---------------------------------*/
/*------------------------------------------------- */
#jCarouselLiteHome .carousel  { padding: 0 0 0 0; margin: 0 0 0 0; position: relative; width:580px; }
#jCarouselLiteHome .carousel button {  float: left;}     /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ 

#jCarouselLiteHome .carousel a.prev, #jCarouselLiteHome .carousel a.next { display: block; float: left; width: 84px; height: 439px; text-decoration: none;}

#jCarouselLiteHome .carousel a.next { background: url("../images/buton/sagok_norm.gif") right no-repeat; }
#jCarouselLiteHome .carousel a.next:hover { background-image: url("../images/buton/sagok_roll.gif"); }

#jCarouselLiteHome .carousel a.prev { background: url("../images/buton/solok_norm.gif") right no-repeat; }
#jCarouselLiteHome .carousel a.prev:hover { background-image: url("../images/buton/solok_roll.gif"); }

#jCarouselLiteHome .carousel a:hover, #jCarouselLiteHome .carousel a:active {border: none;  outline: none; }
#jCarouselLiteHome .carousel .jCarouselLite { width:786px; height:445px; border: 1px solid #2D2A26; background-color:#0d0d0c; float: left;  /* Needed for rendering without flicker */ 
                                              position: relative; visibility: hidden; left: -5000px;}
#jCarouselLiteHome .carousel ul { margin: 0; }
#jCarouselLiteHome .carousel li { width: 786px; height: 445px; }
#jCarouselLiteHome .carousel li img { width: 780px; height: 439px;  }
#jCarouselLiteHome .carousel li .foto { border: 1px solid rgb(0,0,0); width:780px;height:439px; margin:2px; }
#jCarouselLiteHome .carousel li .info { margin: -30px 0 3px 0;width:787px;height:30px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }

.cEnd {
    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
        display: inline-table;  /* Hides from IE-mac \*/  height: 1%;  display: block;   /* End hide from IE-mac */ }
        html>body .cEnd {  height: auto;  }
        
        
        
    /* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:577px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}