/* ----------------------------------------------------------
  Proje : Yabancilar Dairesi Baskanligi
  Hazirlayan : LST - www.lstyazilim.com
  ---------------------------------------------------------- */
/* ---------------------------------
	Reset
 --------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
:focus {outline:0px;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse: collapse;border-spacing: 0px;}

/* ---------------------------------
	Globals
 --------------------------------- */
body{background:#ffffff url(../images/body_bg.png) left top repeat-x;font:12px/1.3em Arial, Helvetica, sans-serif;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.clearfix{clear:both;}
a{text-decoration:none;}

.box_content a,.box_content a:visited{color:#0088cc;text-decoration:underline;}
.box_content a:hover{color:#a0b6bf;}

h3{background-color:#f3f3f3;color:#0088cc;font-size:12px;margin:10px 0px 0px;padding:4px 10px;}

/* ---------------------------------
	Skeleton
 --------------------------------- */
#wrapper{font-size:90%;height:auto;margin:0px auto;overflow:hidden;width:990px;}
#header{height:110px;margin:0px;width:990px;}
#horizontal_navBar{height:37px;margin:0px;width:990px;}
#container{height:auto;overflow:hidden;padding-top:10px;width:990px;}
	#left_column{float:left;height:auto;padding-right:10px;width:200px;}
	#right_column{float:right;height:auto;overflow:hidden;width:780px;}
		#right_column .page_left{background:url(../images/corner_left.png) left bottom no-repeat;float:left;height:565px;width:10px;}
		#page_content_container{float:left;width:760px;}
			#page_content{background-color:#FFFFFF;min-height:565px;}
			#page_content .content{min-height:355px;overflow:hidden;padding:0px 10px;text-align:justify;}
		#right_column .page_right{background:url(../images/corner_right.png) left bottom no-repeat;float:left;height:565px;width:10px;}

/* ---------------------------------
	Header
 --------------------------------- */
#logo{background:url(../images/csgb_logo.png) left top no-repeat;float:left;height:89px;margin:19px 0px 0px 31px;width:86px;}
#name{background:url(../images/name.png) left top no-repeat;float:left;height:66px;margin:26px 0px 0px 15px;width:427px;} 
#flag{background:url(../images/flag.png) right top no-repeat;float:right;height:115px;width:368px;}


/* ---------------------------------
	Horizontal Nav Bar
 --------------------------------- */
#horizontal_nav_bar{height:37px;padding:0px 10px;width:970px;}
	
	/* Breadcrumbs */
	#breadcrumbs{color:#759099;float:left;padding:11px 0px;width:600px;}
	#breadcrumbs a,#breadcrumbs a:visited{color:#759099;}
	#breadcrumbs a:hover{color:#425d66;text-decoration:underline;}
	
	/* Languages */
	#languages{float:right;position:relative;width:336px;z-index:99;}
	#languages a{color:#759099;float:left;margin:6px 3px 0px;}
	#languages a:hover{color:#425d66;}
	
	a#select_languages{background:url(../images/lang_bg2.png) left top no-repeat;display:block;height:19px;margin-top:7px;position:relative;padding:4px 5px 0px;width:75px;}
	
	#languages_container{background-color:#e7edef;border:1px solid #c3d0d5;display:none;height:auto;position:absolute;right:7px;top:29px;overflow:hidden;width:83px;z-index:99;}
	#languages_container div{background-color:#e7edef;display:block;height:auto;overflow:hidden;width:83px;z-index:99;}
	#languages_container a{margin:2px 3px;width:83px;z-index:99;}
	
/* ---------------------------------
	Box
 --------------------------------- */
.box{background-color:#ffffff;}
.top{background:#ffffff url(../images/box_tl.png) left top no-repeat;height:10px;overflow:hidden;}
	.top div{background:url(../images/box_tr.png) right top no-repeat;height:10px;}
.title{background:url(../images/title_bg.png) left top repeat-x;height:31px;margin:0px 10px;}
	.title .left{background:url(../images/title_left.png) left top no-repeat;height:31px;width:5px;}
	.title .title_content{color:#FFFFFF;float:left;font-weight:bold;padding:9px 8px 0px;}
	.title .right{background:url(../images/title_right.png) right top no-repeat;height:31px;width:5px;}
.box_content{color:#727677;line-height:20px;padding:10px 20px;text-align:justify;}
.bottom{background:#ffffff url(../images/box_bl.png) left top no-repeat;height:10px;overflow:hidden;}
	.bottom div{background:url(../images/box_br.png) right top no-repeat;height:10px;overflow:hidden;}

#page_content.home_page	{clear:both;min-height:380px;}
.home_page .top{background:#ffffff url(../images/box_tl2.png) left top no-repeat;}
.home_page .top div{background:url(../images/box_tr2.png) right top no-repeat;}

.sub_pages #page_content{clear:both;min-height:565px;}

/* ---------------------------------
	Blue Box
 --------------------------------- */
.blue_box{background-color:#f3f3f3;}
.blue_box .top{background:#f3f3f3 url(../images/blueBox_tl.png) left top no-repeat;}
	.blue_box .top div{background:url(../images/blueBox_tr.png) right top no-repeat;}
	.title .left{background:url(../images/title_left_2.png) left top no-repeat;}
	.title .right{background:url(../images/title_right_2.png) right top no-repeat;}
.blue_box .box_content{color:#616161;text-align:justify;}
.blue_box .bottom{background:#f3f3f3 url(../images/blueBox_bl.png) left bottom no-repeat;}
	.blue_box .bottom div{background:url(../images/blueBox_br.png) right bottom no-repeat;}

/* ---------------------------------
	Left Column - Navigation
 --------------------------------- */
#navigation_container{width:200px;margin-right:10px;}
#navigation{background-color:#FFFFFF;min-height:348px;height:348px;padding:5px 0px;}
body:nth-of-type(1) #navigation{height:348px;} /* Chrome ve Safari */ 
html:first-child #navigation{height:348px;}    /* Opera */

#navigation_blue{background:url(../images/navBottom_bg.png) left top no-repeat;height:70px;padding:15px 20px;width:160px;}
#navigation_blue a{float:left;color:#727677;margin-bottom:8px;width:160px;}
#navigation_blue a img{float:left;}
#navigation_blue a span{cursor:pointer;float:left;margin-left:10px;}
#navigation_blue a:hover{color:#425d66;text-decoration:underline;}

#query_box{background:url(../images/query_bg.png) left top no-repeat;height:91px;margin-top:10px;padding:20px 15px;width:170px;}
#query_box a,#query_box a:visited{color:#FFFFFF;line-height:20px;}
#query_box a:hover{color:#727677;}
	
.sf-menu a.classification{color:#FF6600;font-weight:bold;}	

/* ---------------------------------
	Footer
 --------------------------------- */	

#footer{background-color:#f0f3f4;border-top:1px solid #dfe7ea;color:#bbcacf;font-size:90%;}
#footer_content{height:auto;margin:0px auto;overflow:hidden;padding:10px;width:970px;}	
	/* Copyright */
	#copyright{float:left;line-height:18px;width:355px;}
	/* Footer Nav */
	#footer_nav{float:right;width:400px;}
		#footer_nav ul{float:right;}
		#footer_nav ul li{color:#7a929b;float:right;padding:0px 5px;}
		#footer_nav ul li a{color:#7a929b;}
		#footer_nav ul li a:hover{border-bottom:1px solid #727677;color:#727677;text-decoration:none;}
	
/* ---------------------------------
	Announcement
 --------------------------------- */
#flash{float:left;margin-bottom:20px;width:490px;}
#flash .box_content{padding:0px 10px;}
#announcement{float:right;margin-bottom:20px;width:250px;}	
#announcement .box_content{height:140px;overflow:hidden;}

#announcement_container{/*border-bottom:1px dashed #e8edef;*/height:130px;overflow:hidden;position:relative;}
#announcement_content_container{height:auto;left:0px;position:absolute;top:0px;z-index:12;}
#announcement_content_container div{height:130px;text-align:left;}	
	
#permissions{width:480px}
#permissions .box_content{min-height:276px;}
#permissions a,#permissions a:visited{color:#0088cc;text-decoration:underline;}
#permissions a:hover{color:#616161;}

#box1, #box2{margin-bottom:10px;width:480px}

#help_desk{background:url(../images/alo.jpg) left top no-repeat;height:347px;width:240px;}

#announcement_content_container div a.important_link{font-size:11px;font-weight:bold;border-bottom:1px solid #0088cc;text-decoration:none;}
#announcement_content_container div a.important_link:hover{border-bottom-color:#a0b6bf;text-decoration:none;}

a.orange{color:#FF6600;}
a.orange:hover{color:#0088CC;}

/* ---------------------------------
	Table
 --------------------------------- */
.box_content table{border:none;width:100%;}
.box_content table tr td{border:1px solid #CCCCCC;padding:5px;}

.box_content table.sss_table td{border:none;padding:0px;}
.box_content table.sss_table td a{text-decoration:none;}

.box_content table.table_schema{margin:0px auto;width:200px;text-align:center;}
.box_content table.table_schema td{background:url(../images/down_arrow.gif) center center no-repeat;border:none;padding:10px;}
.box_content table.table_schema td.table_box{background:none;border:1px solid #CCCCCC;padding:10px;}

.box_content table.left{margin-left:150px;}
.box_content table.right{margin-right:150px;}

/* Contact Table */
.box_content table.contactTable{margin:20px auto;width:400px;}
.box_content table.contactTable td{border:none;padding:5px;vertical-align:top;}
.box_content table.contactTable td input{width:200px;}
.box_content table.contactTable td textarea{font:12px Arial, Helvetica, sans-serif;width:200px;}

/* ---------------------------------
	SlideShow
 --------------------------------- */
#slideshow{position:relative;height:190px;padding:0px 10px;}

#slideshow a{position:absolute;top:0px;left:10px;z-index:8;opacity:0.0;}
#slideshow a.active{z-index:10;opacity:1.0;}
#slideshow a.last-active{z-index:9;}

/* ---------------------------------
	Tips
 --------------------------------- */
.tip_box{background-color:#f0f3f4;border:2px solid #d1dfe3;display:none;line-height:15px;padding:20px;position:absolute;width:200px;text-align:left;}
 
/* ---------------------------------
	Superfish Menu
 --------------------------------- */
.sf-menu, .sf-menu * {margin:0px;padding:0px;list-style:none;z-index:99;}
.sf-menu{background-color:#FFFFFF;}
.sf-menu ul{position:absolute;top:-999em;padding:10px;width:200px;}
.sf-menu ul ul{padding:10px;width:450px;}
.sf-menu ul li{background:#ffffff url(../images/menu_seperator.png) left top repeat-x;width:200px;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu li a:hover{color:#0088cc;}
.sf-menu li{float:left;position:relative;background:url(../images/menu_seperator.png) left top repeat-x;}
.sf-menu a{display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0px;top:27px;z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:200px;top:0px;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:200px;top:0px;}
.sf-menu{float:left;}
.sf-menu a{color:#759099;display:block;font-size:100%;font-weight:bold;padding:7px 10px;width:180px;text-decoration:none;}
.sf-menu a, .sf-menu a:visited{}
.sf-menu li li{background-color:#ffffff;}
.sf-menu li li li{overflow:hidden;width:450px;}
.sf-menu li li li a{width:450px;padding:3px 10px;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{}
.sf-menu a.sf-with-ul{min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:.75em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(../images/menu_arrow.png) no-repeat -10px -100px;}
a > .sf-sub-indicator{top:14px;background-position:0px -100px;}
.sf-menu ul .sf-sub-indicator{background-position:-10px 0px;}
.sf-menu ul a > .sf-sub-indicator{background-position:0px 0px;}
.sf-shadow ul{background:url(../images/shadow.png) no-repeat 3px 3px;padding:10px;}
.sf-shadow ul.sf-shadow-off{background:transparent;}
.sf-menu li ul{padding:0px 3px 3px 0px;}
.sf-menu li ul a{font-weight:normal;text-transform:capitalize;}
.sf-menu iframe{padding:0px;}
.sf-vertical, .sf-vertical li{width:200px;}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul{left:200px;top:0px;}
.sf-vertical .sf-sub-indicator{background-position:-10px 0px;}
.sf-vertical a > .sf-sub-indicator{background-position:0px 0px;}
.sf-menu ul li a{border-left:3px solid #0088cc;font-weight:bold;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
		#cboxCloseText{position:absolute; bottom:0; right:25px;width:40px;padding:5px;height:15px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
