/* CSS Document for Işık Üniversitesi v1.0 */

/*reset*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,ul,li { margin:0; padding:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
#RadioButtonList2 input, #RadioButtonList2 textarea { font: 12px Tahoma, Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:20px;}
p { padding-bottom:10px;}
hr { height:1px; border: 1px solid #d6d6d6; margin:0px 0px 3px 0px; width:95%; }


body {
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	padding:0px;
	background-color: #81BAD5;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}
.searchInput { background:url(../images/input_bg.gif) 0px 0px no-repeat; width:192px; height:22px; display:block; border:0; padding:4px 0px 0px 10px}
.searchButon { background:url(../images/search_btn.gif) 0px 0px no-repeat; width:19px; height:19px; display:block; border:0; padding:3px}
.ebultenButon { background:url(../images/ebulten_buton.jpg) 0px 0px no-repeat; width:19px; height:19px; display:block; border:0; padding:3px}
.ebultentext { background-color:#e8f3f9; border:1px solid #92c4db; height:16px; width:160px; }
.ebulten { color:#33708d; font-weight:bold; font-size:12px; }

.mainTable { text-align:left; width:980px;}
.destek { width:940px; padding:6px 40px 0px 0px; }
.destek img { float:right; margin:0px 0px 2px 0px} 
.homeFooterMenu { margin-top:20px; width:920px;}
.homeFooterMenu img { margin:0px 18px 10px 0px}
.homeFooterMenu a { color:#000000; font-weight:bold}
.homeFooterMenu li { list-style-image:none; background:url(../images/bullet_home.gif) 5px 7px no-repeat; padding:3px 0px 6px 20px}
.marginLeft20 { margin-left:20px}
.anasayfa { padding:0; margin:0px 0px 0px 10px; display:block; width:237px; height:45px; background:url(../images/grid_logo.jpg) 0 0 no-repeat;}
.center { width:960px}
.center-icerik { height:600px}
.header { height:63px; margin:0px 0px 1px 0px}
.headerLink { background:url(../images/header_bullet.gif) 0px 6px no-repeat; color:#507089; text-decoration:none; padding:0px 0px 0px 8px; margin:0px 4px 0px 0px }
.ust-nav { background:#FFFFFF url(../images/menu/m_bos.jpg) repeat-x; }
.bolumGorsel { padding:0; margin:0; background-color:#FFFFFF; border-top:8px solid #367598; border-bottom:5px solid #AEC8D5; border-right:1px solid #fff}
.left-nav { width:221px; background:#F4F8FB url(../images/left_nav_bg.jpg) no-repeat; height:163px; padding:10px 10px 10px 18px}
.left-nav h3 { color:#FFFFFF; font-size:12px; font-weight:normal; background:url(../images/bullet_beyaz.gif) 0px 6px no-repeat; padding:0px 5px 0px 20px; margin-bottom:20px }
.left-nav li { list-style-image:none; background:url(../images/left_menu_border.gif) left bottom no-repeat; padding:3px 0px 6px 0px }
.left-nav li a { list-style-image:none; background:url(../images/bullet_turuncu.gif) 0px 6px no-repeat; padding:0px 0px 0px 20px; color:#333333; text-decoration:none; display:block; }
.left-nav li a:hover { list-style-image:none; background:url(../images/bullet_turuncu.gif) 0px 6px no-repeat; padding:0px 0px 0px 20px; color:#FE6100; text-decoration:none; display:block; }
.left-nav .secili {color:#FE6100; }

.left-nav li li { list-style-image:none; background:none; padding:3px 0px 6px 10px }
.left-nav li li a { list-style-image:none; background:url(../images/bullet_turuncu.gif) 0px 8px no-repeat; padding:0px 0px 0px 20px; color:#333333; text-decoration:none; display:block; }
.left-nav li li a:hover { list-style-image:none; background:url(../images/bullet_turuncu.gif) 0px 8px no-repeat; padding:0px 0px 0px 20px; color:#FE6100; text-decoration:none; display:block; }

.leftBorder { background-color:#D0E8F2;}
.rightBorder { background-color:#BDDEED;}
.nav-icerik { background-color:#FFFFFF}
.breadcrumb { padding:10px 20px 10px 15px; margin:0px 15px 0px 15px; border-bottom:1px solid #B1CDDB;}
.breadcrumb a { color:#004F76; margin-right:5px}
.icerik { padding:15px 30px 30px 30px;}
.icerik ul { margin-bottom:15px}
.icerik li {list-style-image:none; margin-left:20px; margin-bottom:10px; background:url(../images/bullet.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; }
.icerik h2 { color:#000; font-size:12px; font-weight:bold; margin-bottom:10px }
.icerik .iletisimformu { border:1px solid #81BAD5; padding:3px;}
.icerik .multiline { border:1px solid #81BAD5; padding:3px;}
.icerik .buton { border:0px; background-color:#367598; color:#FFFFFF; font-weight:bold; padding:3px}
.icerik  a { color:#004F76; }
.icerik  a:hover { color:#FE6100; }

.list1b { cursor:pointer; font-size:12px; text-decoration:underline; margin-bottom:4px; }

.footer { background:url(../images/footer_border.gif) 0px 0px repeat-x; margin:20px 0px 10px 0px; padding:10px 20px 10px 20px; color:#FFFFFF;  }
.footer a { color:#FFFFFF;  }
.footerDiv { width:940px; text-align:left;}
.footerDiv img {
	float:right;
	position: absolute;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 500px;
}

/* Arama modülü */
#search { font-size:11px; color:#c41010; padding:0; margin:0; height:30px; margin-top:5px; display:block;}
#search .textbox2 { background-color:#ffffff; color:#002264; width:185px; height:17px; border:0px; font-size:11px; padding-left:2px; padding-top:2px; font-weight:bold; float:left;}
#search .Arabuton { background:url(/images/btn_search.gif) top left no-repeat; width:20px; height:20px; border:0px; padding:0; margin-left:0; cursor: pointer; margin-left:0px; margin-left:-10px; }
.aramaButton01 { background:url(/images/btn_search.gif) top left no-repeat; width:20px; height:20px; border:0px; padding:0; margin-left:3px; cursor: pointer; margin-top:4px;}
.aramaButton02 { background:url(/images/btn_search2.gif) top left no-repeat; width:55px; height:24px; border:0px; padding:0; margin-left:3px; cursor: pointer; margin-top:4px;}
.textboxSearch {color:#c41010; width:450px; height:16px; border:0px; padding:0; margin:0; color:#000; font-size:11px; padding-left:2px; padding-top:3px; border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; border-left:1px solid #C8C8C8; margin-top:4px;}
/* Arama modülü */

/* Mouseover image gallery */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ECF1F4;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;  }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 1200px;
	background-color:#004386;
	}
	
#m_selected { color: #FF9000; }

/* Accordion jquery class */
#list1b { margin-top:10px;}
#list1b a.listbaslik { display:block; background :url(/images/listb_bg.gif) right no-repeat; text-decoration:underline; border-bottom:1px solid #15204A; margin-bottom:8px; cursor:pointer; } 
.listbaslik { display:block; text-decoration:none;  border-bottom:1px solid #b1cddb;  margin-bottom:4px; cursor:pointer; } 
.listbaslik2 { display:block; text-decoration:none;  margin-bottom:4px; cursor:pointer; } 
#list1a { margin-top:10px;}
#list1a a.listbaslik2 { display:block; margin-bottom:8px; cursor:pointer; width:200px; background:url(../images/bullet.gif) left 5px no-repeat; 
	padding:0px 0px 0px 10px; } 
	
.acordionlink { display:block; margin:0px 0px 0px 200px; position:relative; width:98px; height:15px; }

#list1a a.listbaslik3 { display:block; cursor:pointer; width:200px; background:url(../images/bullet.gif) left 6px no-repeat; height:15px; padding:0px 0px 0px 10px; line-height:20px; margin:0px; position:relative; top:-15px; } 

/* Accordion jquery class */

.size_nasil { margin-top:15px; }
.icerik_tabli { padding:15px 30px 30px 30px;}
.icerik_tabli h2 { color:#000; font-size:12px; font-weight:bold; margin-bottom:10px }
.icerik_tabli .iletisimformu { border:1px solid #81BAD5; padding:3px;}
.icerik_tabli .multiline { border:1px solid #81BAD5; padding:3px;}
.icerik_tabli .buton { border:0px; background-color:#367598; color:#FFFFFF; font-weight:bold; padding:3px}
.icerik_tabli  a { color:#004F76; }
.icerik_tabli  a:hover { color:#FE6100; }
.avantaj li {list-style-image:none; margin-left:20px; margin-bottom:10px; background:url(../images/bullet.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; }

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
list-style:none;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #b1cddb;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}


/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;  }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 1200px;
	background-color:#bfeafe;
	}
	
#m_selected { color: #FF9000; }

.saver {
height:0px !important;
clear:both;
line-height:0px !important;

}

.hiddentext{
font-size:0px;
text-indent:-9999px;
}




#HeaderMenuCenter2 #gridaccessnedir.active, #HeaderMenuCenter2 #gridaccessnedir:hover { color:#517c9c !important; background:url(/images/menu/gridaccessnedir_bg.jpg) left top no-repeat !important; }

#HeaderMenuCenter2 #hizmetlerimiz.active, #HeaderMenuCenter2 #hizmetlerimiz:hover { color:#517c9c !important; background:url(/images/menu/hizmetlerimiz_bg.jpg) left top no-repeat !important; }

#HeaderMenuCenter2 #videolar.active, #HeaderMenuCenter2 #videolar:hover { color:#517c9c !important; background:url(/images/menu/videolar_bg.jpg) left top no-repeat !important; }

#HeaderMenuCenter2 #kampanyalarimiz.active, #HeaderMenuCenter2 #kampanyalarimiz:hover { color:#517c9c !important; background:url(/images/menu/kampanyalarimiz_bg.jpg) left top no-repeat !important; }

#HeaderMenuCenter2 #bizeulasin.active, #HeaderMenuCenter2 #bizeulasin:hover { color:#517c9c !important; background:url(/images/menu/bizeulasin_bg.jpg) left top no-repeat !important; }

#HeaderMenuCenter2 a.active, #HeaderMenuCenter2 a:hover { color:#517c9c; }
					
#HeaderMenuCenter2 a { 
display:block;
font-size:14px;
height:25px;
padding-left:4px;
padding-right:4px;
padding-top:10px;
padding-bottom:0px;
text-decoration:none;
 }
					
					
					
.HiddenText { font-size:0px !important; text-indent:-9999px; }
.Saver { clear:both; height:0px !important; line-height:0px !important; }






a:link {
	color: #181d20;
	text-decoration: none;
	font-weight:bold
	    font-size: 12px;
}
a:visited {
	text-decoration: none;
	color: #181d20;
	font-weight:bold
	    font-size: 12px;
}
a:hover {
	text-decoration: none;
	color: #181d20;
	font-weight:bold
	    font-size: 12px;
}
a:active {
	text-decoration: none;
	color: #181d20;
	font-weight:bold
	    font-size: 12px;
}
.ustmenu {font-size: 12px; font-weight:bold}