/* 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, 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: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


form,form input,select, textarea{
	font-family:Arial, Helvetica, sans-serif !important;
}

div.content_page a{
color:#555;
text-decoration:none;
}

div.content_page a:hover{
color:#000;
text-decoration:underline;
}

/* RESET END */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#333;
}

div.odtu-top{
background:url(images/metu-bg-top-birim.jpg) repeat-x;
height:197px;
width:100%;
position:absolute;
top:0;
z-index:0;
overflow:hidden;
}

div.container{
position:relative;
width:935px;
margin:0 auto;
overflow:hidden;
min-height:600px;
background:url(images/bg_middle-birim.png) repeat-y;
}

div.container-top{
background:url(images/metu-container-top-birim.png) repeat-x;
height:202px;
width:909px;
margin:0 auto;
}

div.odtu-bottom{
background:url(images/bottom-birim.png) no-repeat;
width:935px;
margin:0 auto;
height:43px;
}

.logo_text{
float:left;
margin-top:22px;
margin-left:44px;
margin-bottom:16px;
}

ul.lang{
margin-top:10px;
margin-right:7px;
overflow:hidden;
float:right;
height:16px;
}

ul.lang li{
float:left;
display:inline;
border-left:1px solid #ccc;
}

ul.lang li:first-child{
border:0px;	
}

ul.lang li a{
display:block;
color:#9d9b9b;
font-size:10px;
text-decoration:none;
margin-left:3px;
margin-right:3px;
line-height:10px;
}

ul.lang li a:hover{
color:#333;	
}

div.title span{
line-height:12px;
font-size:21px !important;
font-weight:bold;
color:#cf0101;
text-decoration:none;
border-top:1px solid #d1d1d1;
padding-top:2px;
display:block;
text-align:right;
padding-right:15px;
}

div.title span.title-top{
font-size:19px !important;
color:#626167 !important;
border-top:0px;
padding-top:0px;
height:19px;
}

div.arama{
margin-top:33px;
margin-right:17px;
float:right;
width:234px;
}



.slogan{
float:left;
}

/*---*/
div.middle_nav ul{
position:absolute !important;
z-index:9999 !important;
margin-left:0px;
margin-bottom:10px;
margin-top:2px;
}

div.middle_nav ul li{
position:relative;
display:block;
float:left;
border-right:1px solid #950101;
border-left:1px solid #e44848;
padding-left:10px;
padding-right:10px;
height:46px;
line-height:46px;
margin:0px;
}

div.middle_nav ul li:first-child{
padding-left:25px;	
}

div.middle_nav ul li:first-child{
border-left:0px;
}

div.middle_nav ul li a, div.middle_nav ul li{
font-size:12px;
color:#fff;
text-decoration:none;
font-weight:bold;
}

div.middle_nav li{
background:none !important;
}
div.middle_nav ul li a{
padding-bottom:10px;
}

div.middle_nav ul ul a{
padding:0px;
}

/* -- */
.middle_nav ul ul{
position:absolute;
display:none;
background:#dadada;
width:190px;
z-index:9999;
margin-left:-12px;
margin-top:0px;
border-top:0px;
padding:0px !important;
border:1px solid #fff;
z-index:9999 !important;
}

.middle_nav ul ul li{
border-left:0px !important;
border-right:0px !important;
margin:0px !important;
padding:0px !important;
height:auto;
}

div.middle_nav ul li ul li{
padding:0px !important;	
display:inline;
}

.middle_nav ul li:hover{
background:#950101 !important;	
}

.middle_nav ul li:hover ul{
display:block !important;
}

.middle_nav ul ul li a{
display:block;
width:180px;
text-decoration:none;
color:#333 !important;
font-weight:bold;
font-size:11px !important;
border-bottom:1px solid #fff !important;
line-height:22px;
padding-left:5px;
padding-right:5px;
}

.middle_nav ul ul li a:hover{
background:#950101;
color:#fff !important;
}

span.nolink{
padding-bottom:10px;	
}


/* --- */
div.main{
width:875px;
margin:0px auto;
padding-top:0px;
padding-bottom:0px;
background:#fff;
overflow:hidden;
}

div.content_page{
clear:both;
min-height:400px;
overflow:hidden;
}

div.main_content{
float:left;
width:655px;
border:1px solid #fff;
/* padding-top:8px; */
background:#fff;
line-height:16px !important;
}

form.search_box{
overflow:hidden;	
float:right;
}

form.search_box input[type=text]{
border:1px solid #ccc;
width:190px;
height:14px;
float:left;
}

form.search_box input[type=submit]{
background:url(images/search_button-birim.png) no-repeat;
border:0px;
width:20px;
height:18px;
float:left;
margin-left:5px;
display:block;
cursor:pointer;
}

ul.menu_bottom{
float:left;
margin-left:25px;
margin-top:13px;
}

ul.menu_bottom_right{
float:right;
margin-right:25px;

color:#fff;
display:block;
line-height:10px;
font-size:11px;
}

ul.menu_bottom li{
display:inline;
float:left;
border-left:1px solid #fff;
padding-left:6px;
padding-right:6px;
}

ul.menu_bottom li a{
color:#fff;
text-decoration:none;
line-height:10px;
font-size:11px;
}

ul.menu_bottom li:first-child{
border:0px;
}

p.adres{
clear:both;
font-size:11px;
margin:0 auto;
width:895px;
color:#9d9b9b;
text-align:center;
padding-bottom:5px;
}

.arrow{
vertical-align:middle;
}

div.content ul{
list-style-type:disc;
margin-left:15px;
color:#000;
}

div.content ol{
list-style-type:decimal;
margin-left:25px;
color:#000;
}

div.content ul li a{
color:#333;
}

div.content ul li a:hover{
color:#cf0101;
}

.col_5 span{
color:#333 !important;
}
.col_5 a{
color:#333;
} 

.col_5 a:hover{
color:#cf0101;
}

.photo_padd{
margin:3px;
border:1px solid #333;	
}

.photo_align{
float: left; 
border: 1px solid black; 
margin: 3px;	
}

/* breadcrumb */
div.breadcrumb{
margin-top:0px;
margin-bottom:0px;
}

div.breadcrumb a{
color:#333;
text-decoration:none;
}

div.breadcrumb a:hover{
color:#000;
text-decoration:underline;
}

/* --- */
a.translation-link{
color:#333;
float:right;
text-decoration:none;
}

a.translation-link:hover{
text-decoration:underline;
}

/* -- */
div.sidebar{
float:right;
width:215px;
}

div.sidebar h1, div.sidebar h2{
height:22px;
line-height:22px;
font-size:12px;
display:block;
clear:both;
overflow:hidden;
background:#ccc url(images/col_bg-birim.png) bottom left no-repeat;
color:#7e7c7c;
border-bottom:1px solid #a5a5a5;
border-top:1px solid #a5a5a5;
padding-left:15px;
}

.col_sidebar{
padding:10px;
padding-top:5px;
overflow:hidden;
}

.col_1{
//min-height:263px;
background:#efefef;
border-left:1px solid #a5a5a5;
border-right:1px solid #a5a5a5;
border-bottom:1px solid #a5a5a5;
overflow:hidden;
}

.col_1:first-child{
border-bottom:1px solid #efefef;
}

.col_1:last-child{
border-bottom:1px solid #a5a5a5;
}

.col_1 a{
text-decoration:none;
} 

.col_1 a:hover{
text-decoration:underline;
}


.col_1 h3{
border:1px solid #ccc !important;
border-bottom:1px solid #ccc !important;
}

.col_2{
width:208px;
border:1px solid #a7a7a7;
background:#efefef;
min-height:262px;
float:left;
}

.col_2 p{
padding:5px;
}


.sidebar ul li.first {
margin-top:7px;
}

.sidebar ul li.last {
margin-bottom:7px;
}

.sidebar ul li a {
float:left;
width:100%;
color:#333;
background:none;
padding:3px;
padding-left:0px;
}

.sidebar ul li{
display:inline;
float:left;
width:100%;
}

div.col_4{
font-size:11px;
float:left;

width:440px;
margin-left:5px;
}

div.col_2 h3{
padding:3px;
padding-left:10px;
background:#ccc url(images/col_bg-birim.png) bottom left no-repeat;
border-bottom:1px solid #a5a5a5;
font-size:16px;
line-height:110%;
font-weight:normal;
color:#656565;
}

div.col_4 h1{
border:1px solid #a5a5a5;
background:#ccc url(images/col_bg-birim.png) bottom left no-repeat;
padding-left:15px;
height:22px;
line-height:22px;
font-size:12px;
color:#7e7c7c;
}

div.col_4 ul{
width:100%;
width:435px;
margin:0px;
margin-top:5px;
}

div.col_4 ul li{
float:left;
display:block;
border-bottom:1px dashed #b2b2b2;
margin:0px;
padding:0px;
width:435px;
}

div.col_4 ul li img{
border:1px solid #999;
float:left;
margin-right:5px;
display:block;
}

div.col_4 a,div.col_2 a{
text-decoration:none;
color:#0099ff;
font-weight:bold;
font-size:11px;
}

.view-footer a{
float:right !important;
margin-right:5px;
}

div.col_4 a:hover{
text-decoration:underline;
}

div.col_5{
width:640px;
overflow:hidden;
}

.radius{
min-height:243px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;	
border-bottom:1px solid #a5a5a5 !important;
}

h3.main_header_title{
font-size:14px;
padding-bottom:5px;
}

div.social ul li,div.media ul li{
display:inline;
float:left;	
}

div.social ul li a{
margin-right:3px;
}

div.social{
bottom:0px;
float:left;
left:30px;
min-width:200px;
position:absolute;
bottom:0px;
margin-bottom:2px;
}

div.media{
float:right;
}

div.media ul li a{
margin-left:3px;
}

div.social img,div.media img{
height:18px;
}

.view-ana-sayfa-duyurular .views-field-title{
font-weight:bold;	
}

.view-ana-sayfa-duyurular{
overflow:hidden;
}

.view-ana-sayfa-duyurular .item-list ul li{
overflow:hidden;
margin-bottom:5px;
min-height:67px;
}

/* calendar */
.ical-icon {
display:none;
}

.view-content .calendar-calendar ul {
left:65px
}

.view-ana-sayfa-duyurular .view-footer{
float:right;
margin-top:5px;
}

/* ---- *//* ---- */

/* user_login_form */
#user-login-form label{
float:left;
width:85px;
}

#user-login-form div{
padding:2px;
}

#user-login-form input[type=text],
#user-login-form input[type=password]{
width:110px;
border:1px solid #ccc;
}

/* webform */
form.webform-client-form div{
}

.container-inline div *{
float:left;
display:block !important;
}

.container-inline select{
clear:both;
margin-bottom:10px;
}

form.webform-client-form label{
width:100%;
display:block;
font-weight:bold;
clear:both;
margin-top:10px !important;
overflow:hidden;
}

form.webform-client-form input[type=text]{
width:95%;
}

form.webform-client-form textarea{
width:95%;
}

form.webform-client-form input[type=submit]{
float:left;
cursor:pointer;
}

#edit-body{
background:#fff;	
}
/* ---- */

table tr td{
border:1px dotted #ddd;
padding:3px !important;
}

/*  editting page  */
table.sticky-enabled{
border:1px solid #000;
margin-top:10px;
}

table.sticky-enabled a{
color:#f90101;
}

table.sticky-enabled a:hover{
color:#333;
}


table.sticky-enabled tr,table.sticky-enabled td,table.sticky-enabled th{
padding:5px;
border:1px solid #ccc;
margin:2px;
}

form#i18n-node-select-translation{
margin-top:10px;
}

form#i18n-node-select-translation *{
padding:2px;
margin:2px;
margin-left:0px;
padding-left:0px;
}

div.main div.main_content *{
font-family:Arial, Helvetica, sans-serif !important;
}

div.middle_nav ul ul ul li{
display:none !important;
}
div.middle_nav ul ul ul{
border:0px solid #000 !important;
}

/* all announcements */
div#node-26 ul li.views-row-odd,
div#node-25 ul li.views-row-odd{
background:#f9f9f9;
margin:3px;
padding:3px;
display:block;
border:1px solid #ccc;
clear:both;
overflow:hidden;
}

div#node-26 ul li.views-row-even,
div#node-25 ul li.views-row-even{
background:#efefef;
margin:3px;
padding:3px;
display:block;
border:1px solid #ccc;
clear:both;
overflow:hidden;
}

div#node-26 ul li.views-row-even:hover,
div#node-26 ul li.views-row-odd:hover,
div#node-25 ul li.views-row-even:hover,
div#node-25 ul li.views-row-odd:hover{
background:#fff;
}

div#node-26 ul li.views-row-odd img,
div#node-25 ul li.views-row-odd img{
border:1px solid #ccc;
float:left;
margin-right:5px;
}

div#node-26 ul li.views-row-even img,
div#node-25 ul li.views-row-even img{
float:left;
border:1px solid #ccc;
margin-right:5px;
}

div#node-26 ul li.views-row-odd a,
div#node-26 ul li.views-row-even a,
div#node-25 ul li.views-row-odd a,
div#node-25 ul li.views-row-even a{
vertical-align:top;
text-decoration:none;
}

div#node-26 ul li.views-row-even:hover a,
div#node-26 ul li.views-row-odd:hover a,
div#node-25 ul li.views-row-even:hover a,
div#node-25 ul li.views-row-odd:hover a{
text-decoration:underline;
}

div#node-26 ul.pager,
div#node-25 ul.pager{
width:60px;
margin:0 auto;
overflow:hidden;
}

div#node-26 ul.pager li,
div#node-25 ul.pager li{
list-style:none !important;
list-style-type:none !important;
float:left;
display:inline;
padding:0px;
margin-left:2px;
margin-right:2px;
font-weight:bold;
font-size:11px;
color:#333;
}

table.birim-ortala, table.birim-ortala *{
vertical-align:middle;
}

/* People - Start */
.content .field-field-people-picture {
float: left;
margin-right: 30px;
margin-bottom: 20px;
}

.group-people-personal .field-field-people-fnwt {
margin-top: 10px !important;
font-weight: bold;
font-size: 14px;
margin-bottom: 10px !important;
}

.group-people-personal .field-label-inline-first {
float: left;
font-weight: bold;
margin-right: 5px;
}

.group-people-personal .field-field-people-room {
margin-top: 10px;
margin-bottom: 10px;
}

.group-people-personal .field-field-people-email{
margin-top: 10px;
margin-bottom: 10px;
} 

.group-people-academic {
clear: left;
}

.group-people-academic .field-type-text {
margin-bottom: 10px;
}

.group-people-academic .field-label {
font-weight: bold;
margin-bottom: 10px;
color:#000;
}

.fieldgroup ul li{
margin-top:3px;
color:#333;
}


.people ul{
margin-top:10px;
margin-bottom:10px;
overflow:hidden;
margin-left:0px;
}

.people a{
text-decoration:none;
}

.people h4{
border-bottom:1px dotted #666 !important; 
padding-bottom:4px;
color:#333;
font-size:13px;
}

.people ul li{
float:left;
width:180px;
margin-left:20px;
margin-bottom:2px;
margin-top:2px;
}

.people ul li:nth-child(3n+4) {
  clear:both;
}

.people-faculty .views-field-title {
display: inline;
}

.people-faculty .views-field-phpcode {
display: inline;
font-size: 10px;
font-style: italic;
}

.group-people-personal .field-field-people-work {
font-style: italic;
font-size: 13px;
}

/* People - End */

/* cal */
.view-calendar{
margin-top:5px;
margin-bottom:10px;
}

.view-calendar ul .views-field-title{
overflow:hidden;
}

.view-calendar .views-field-field-event-date-value{
font-size:11px;
color:#777;
margin-bottom:5px;
}

.view-calendar ul li{
border-bottom:1px dotted #999; 
width:193px;
margin:0px;
padding-left:5px;
padding-right:5px;
margin-left:5px;
margin-right:5px;
}

.view-calendar .view-footer a{
font-size:11px;
margin-top:5px;
margin-bottom:10px;
overflow:hidden;
color:#0099ff;
font-weight:bold;
}

.field-field-event-date{
margin-top:10px;
font-weight:bold;
}

/* cal - pop-up icin ek */
div#nodelink a{
color:#333;
display:block;
float:right;
}

#calpopup-body p{
margin-top:10px;
margin-bottom:10px;
}

#calpopup-body .field-field-event-date{
font-size:11px;
float:right;
color:#666;
}

.link-red {
text-decoration:none;
color:#CD0012 !important;
}

link-red a:hover{
text-decoration:underline;
}