/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
 
/*li.menu-path-node-1804 a,
li.menu-path-node-1803 a{
  color:#666 !important;
}*/

body {
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:18px;
}

#page {
  position:relative;
  z-index:10;
} 


/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */

#main {
	background:#fff;
}

/*
 * Content
 */

#content {
}



.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}

/* ekler */
.front-bg{position:fixed;width:200%;height:200%;left:-50%; z-index:-9999}
.front-bg img{display:block;margin:auto;min-width:50%;min-height:50%;}

.popup{
   font-size:24px;
     padding-left:20px;
  padding-right:20px;
  font-weight: bold;
  background:#000;
   color:#fff;
   padding-top:30px;
   padding-bottom:30px;
line-height:40px;
}

.popup p{
  margin-bottom: 30px;
}


#cboxLoadedContent{
background:#000 !important;	
}

.popup{
margin:0 auto;
width:800px;
}

#colorbox{
width:850px;	
}


div.odtu-top{
background:#940101;
height:203px;
width:100%;
position:absolute;
z-index:0;
}

div.container{
position:relative;
max-width:960px;
min-width:320px;
margin:0 auto;
border:0px solid #7e7e7e;
box-shadow: 0px 0px 15px #444;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding-bottom:0px;
background:#7e7e7e;
margin-bottom:15px;
}

div.container-top{
height:173px;
margin:0 auto;
/* menu arkaplanı gri */
background:#fff url(../images/menu-bg.png) repeat-x;
padding-left:20px;
padding-right:20px;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}

#footer{
background:#8c8c8c;
overflow:hidden;
height:25px;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}

#main{
padding-top: 0em;
}

.column a{
text-decoration:none;
color:#145aa7;
}

.column a:hover{
color:#cf0101;
text-decoration:underline;
}

#content{
padding-left:30px;
padding-right:30px;
}

#skip-link{
position:absolute;
}

#skip-link a{
background:#940101 !important;
}

div.kkk{
background-color: #9a3939;
background:url(../images/kkk-gradient.png) repeat-y;
width:180px;
position:absolute;
right:-15px;
top:25px;
border-radius:13px;
}

div.kkk a{
color:#fff;
text-decoration:none;
text-align:center;
display:block;
line-height:32px;
}

#logo{
float:left;
margin-top:41px;
margin-left:9px;
width:424px;
height:40px;
}

.logo-en{
background:url(../images/logo-en.png) no-repeat;	
}

.logo-tr{
background:url(../images/logo-tr.png) no-repeat;	
}

/* kullanıcı gurubu menusu */
div.user-menu{
max-width:935px;
min-width:320px;
margin:0 auto;
padding-top:6px;
overflow:hidden;
position:relative;
z-index:99;
height:24px;
}

div.user-menu ul#nav a.active{
background:#fff;
color:#6e0101;
}

ul#nav{
float:right;
margin-top:0px;
margin-right:50px;
}

ul#nav li{
display:inline;
float:left;
}

ul#nav li a{
text-decoration:none;
color:#fff;
display:block;
background:#6e0101;
margin-right:6px;
padding:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
padding-top:0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size:11px;
}

.pane-node-body .field-body ul,
.pane-node-body .field-body ol{
margin-left:15px;
}

/* translate interface */
.language-switcher-locale-url{
position:absolute;
top:42px;
right:35px;
}

.language-switcher-locale-url li{
float:left;
display:inline;
}

.language-switcher-locale-url a.active,
.language-switcher-locale-url .language-link.locale-untranslated{
display:none;
}

/* arama kutusu */
div.arama{
float:right;
width:auto;
height:18px;
}

form.search_box{
overflow:hidden;	
}

form.search_box input[type=text]{
width:186px;
height:14px;
margin-right:5px;
float:left;
color:#666;
font-size:11px;
}


form.search_box button[type=submit]{
width:32px;
height:24px;
float:left;
cursor:pointer;
}

/* dil degistirici */
#language-switcher div{
padding:0px;
margin:0px;	
}

ul.lang{
margin-top:10px;
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;	
}

#navigation{
position:relative;
height:42px;
}

#main-menu{
float:left;
position:absolute !important;
top:0px;
left:0;
background:#7e7e7e;
padding:0px;
margin:0px;
-webkit-text-size-adjust: none;
}

/* main menu*/
ul.nice-menu{
float:left;
position:relative !important;
z-index:11;
height:45px;
}

ul.nice-menu li{
border:0;
display:inline;
float:left;
background:#7e7e7e;
}


ul.nice-menu-down li.menuparent{
background: #7e7e7e;
}

ul.nice-menu li a{
color:#fff;
display:block;
padding:16px 18px 16px 18px;
font-weight:bold;
position:relative;
text-decoration:none;
}

ul.nice-menu li:last-child a{
border-bottom:0px solid #f00 !important;
}

ul.nice-menu > li > a{
background:none; 
z-index:10;
box-shadow: 5px 0px 5px -2px #666 !important;
}

ul.nice-menu li a:hover{
background:#950101;
}

ul.nice-menu ul{
position:absolute;
top:48px;
width:220px;
border:1px solid #fff;
z-index:11;
background:#dadada;
}

ul.nice-menu li ul li{
background:#dadada !important;
}

ul.nice-menu li ul li a{
display:block;
width:210px;
text-decoration:none;
color:#333;
padding:5px !important;
font-weight:bold;
font-size:11px;
border-bottom:1px solid #fff !important;
}

ul.nice-menu li ul li a:hover{
color:#fff;	
}

ul.nice-menu > li:last-child a{
/*background:url(../images/menu-prospective-bg.png) top right no-repeat !important;*/
background-color:#B8152E !important;  /*aday ogrenci renk degisikligi MA */ 
padding-left:0px;
padding-right:0px;
width:253px;
text-align:center;
box-shadow:none !important;
}

.menu-tr ul.nice-menu > li:last-child a{
width:156px;
}

.menulinks{
display:none !important;	
}

.aktif{
background:#950101 !important;
}

div.slogan *{
padding:0px;
margin:0px;	
line-height:1em;
}

div.orta-bolum h2{
color:#3d4a5f;
font-size:15px;
border-bottom:1px dotted #b0b7d4;
line-height:21px;
padding-bottom:7px;
padding-top:9px;
}

.pane-title{
margin:0px;
padding:0px;	
}

div.col{
max-width:221px;
min-width:221px;
float:left;
margin-bottom:10px;
margin-left:0px;
}

div.col a{
color:#3d4a5f;
font-size:12px;
text-decoration:none;
}

div.col a:hover,
div.col-services ul.menu li a:hover{
color:#000; 
}

/* featured video content ana sayfa*/

.col.col-video{
width:462px;
min-width:462px;
position:relative;
z-index:10;
color:#fff;
margin-left:-30px;
margin-right:15px;
}

.col.col-video .pane-featured-video-main-page{
border-bottom-right-radius:15px;
border-top-right-radius:15px;
background:#3d4a5f;
}

.not-front .col.col-video{
border-bottom-right-radius:15px;
border-top-right-radius:15px;
background:#3d4a5f;
}

div.orta-bolum div.col-video h2{
font-size:15px;
border-bottom:1px dotted #b0b7d4;
line-height:21px;
padding-bottom:7px;
padding-top:9px;
color:#c7ced6;
margin-left:10px;
}

div.col-video .pane-featured-video-main-page img{
display:block;
width:320px;
height:180px;
border:2px solid #a9a9a9;
}

span.play-button{
background:url(../images/play.png)  no-repeat; 
position:absolute;
width:45px;
height:45px;
left:140px;
top:69px;
}

.views-field-field-video-thumbnail{
position:relative;
width:320px;
margin:0 auto;
}

div.col-video .view-ana-sayfa-video-content{
padding:5px;
font-size:12px;
line-height:15px;
}

div.col-video .views-field-title{
font-weight:bold;
margin-bottom:5px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
padding-left:5px;
padding-right:5px;
}

div.col-video .views-field-title a{
color:#fff;
text-decoration:none;
font-size:14px;
line-height:21px;
}

div.col-video .views-field-body{
margin-top:5px;
min-width:280px;
max-width:100%;
margin-left:25px;
color:#fff;
text-align:left;
line-height:16px;
margin-right:10px;
}

div.col-video .views-field-body a{
color:#fff;
text-decoration:none;
font-size:12px;
}

div.col-video .views-field-body a:hover{
color:#fff;	
}

div.col-video .views-field-body cite{
font-weight:normal;
display:block;
margin-top:5px;
float:right; 
margin-right:10px;
}

/* sosyal ağlar blok */
.pane-custom.pane-2{
  background: #fff;
}

.pane-custom.pane-2 .pane-title{
  color:#3D4A5F;
}

ul.social-icon-block{
  margin-top:7px;
}

ul.social-icon-block li{
  display: inline-block;
  margin-left:14px;
  margin-right:14px;
}

ul.social-icon-block img{
  width: 33px;
}
/* end */

.metu-banner{
  display: block;
  float:right;
  max-width:453px;
}

.metu-banner p{
  padding: 0px;
  margin: 0px ; 
}

.metu-banner img{
 float:left;
 width: 100%;
 height: auto; 
}

.video-list ul li p{

text-align:left !important;

}

div.col-video  a.all_links{
clear:both;
display:block;
text-align:right;
margin-bottom:10px;
color:#c7ced6;
text-decoration:none;
margin-top:10px;
margin-right:10px;
}

div.col-video a.all_links:hover{
color:#fff;
}

.all_video_links{
float:right;
margin-bottom:10px;
}


/* feed aggregator */
.col-news{
border-right:1px dotted #8c9ab1;
margin-left:0px;
margin-right:5px;
padding-right:5px;
min-height:295px;
}


.user-group-main-page .col-news ul{
padding-left:15px;
}

.user-group-main-page .col-news ul li{
list-style-type:disc !important;
color:#3d4a5f;
}

.col.col-news a{
color:#3d4a5f;
font-size:12px;
line-height:14px;
}

.col.col-news .pane-menu-main-page-other-links a:hover{
text-decoration:none;	
}

.col-news .item-list ul{
margin:0px;
padding:0px;
}

.col-news .item-list ul li{
border-bottom:1px dotted #b0b7d4; 
margin-left:5px;
margin-right:8px;
padding:0px;
margin:0px;
padding-top:5px;
padding-bottom:5px;
display:block;
width:100%;
float:left;
clear:both;
}

html .item-list ul li{
line-height:16px;	
color:#fff;
}

.col-news a:hover{
color:#000;	
}

a.col-news-more-link{
float:right;
margin-right:10px;
margin-bottom:10px;
font-weight:bold;
display:block;
width:100%;
text-align:right;
}

.page-anasayfa .col.col-news .pane-menu-main-page-other-links ul{
margin-top:10px; 
margin-left:0px;
}

.page-anasayfa .col.col-news .pane-menu-main-page-other-links ul li{
list-style-type:none;	
}

.page-anasayfa .col.col-news ul{
margin-left:20px;
}


.col-news .pane-menu-main-page-other-links ul a{
display:block;
background:#dde0e3;
color:#60657b;
text-decoration:none;
padding-left:7px;
border-bottom:1px dotted #60657b;
clear:both;
font-weight:bold;
line-height:22px !important;
height:22px;
}

.col-news .pane-menu-main-page-other-links ul a:hover{
background:#fff;
color:#3d4a5f; 
}



#webform-client-form-1284 div.description {

    margin-bottom: 10px;
    margin-top: -10px;
    color: #696969;
}
#webform-client-form-1288 div.description {
    margin-bottom: 10px;
    margin-top: -10px;
    color: rgb(105, 105, 105);
}

#webform-client-form-1488 .form-item {
  margin: 0.5em;
}

#webform-client-form-1489 .form-item {
  margin: 0.5em;
}

#webform-client-form-1488 label {
  font-size: 13px;
}
#webform-client-form-1489 label {
  font-size: 13px;
}




/* E-services */

.col.col-services ul{
margin-left:20px;
}

.col.col-services ul li,
.col.col-news ul li{
list-style: disc;
color:#3d4a5f;
}

.col.col-news div.mainpage-other-links ul li{
list-style: none;
}

div.col-services ul.menu li a{
font-weight:normal;
line-height:22px;
color:#3d4a5f;
}

/* -- */


/* user groups */
.user-group-main-page .col-video .panel-pane{
width:50%;
float:left;
}

.user-group-main-page .col-video .panel-pane ul{
margin-left:30px;
margin-bottom:15px;
}

.user-group-main-page .col-video .panel-pane ul li{
list-style: disc !important;
line-height:22px;
}

.user-group-main-page .col-video .panel-pane a{
color:#fff;
font-weight:bold;
line-height:11px;
}

.quick-links{
float:left;
margin-left:10px;
padding-top:5px;
background:#999;
}

.quick-links h2{
color:#454545;
border:0px;
font-size:15px;
}

.quick-links ul.menu{
margin-left:7px;	
}

.quick-links ul.menu li{
list-style:none;
color:#ccc;
line-height:19px;
}

.quick-links a{
color:#454545;
line-height:12px !important;
height:12px;
font-weight:bold;
font-size:12px;
}

.quick-links a:hover{
color:#333;	
}

/* --- */


/* researchers group */

.page-researchers div.col.col-news{
max-width:453px;
width:453px;
margin-right:0px;
padding-right:0px;
border:0px;
}

.page-researchers div.col.col-news ul li{
list-style: circle !important;
color:#3d4a5f;
border-bottom:1px dotted #bbb; 
clear:both;
width:100%;
float:left;
}

.page-researchers div.col.col-news ul li a{
text-decoration:none;
color:#3a5d87;
font-size:11px;
}

.page-researchers div.col.col-news ul li a:hover{
color:#000;	
}

.researchers-interview{
width:433px !important;
background:#fff;
margin-top:20px;
background:#c8c8c8;
border-left:30px solid #fff;
border-top:20px solid #fff;
}

div.col.col-video .researchers-interview .view-content ul{
overflow:hidden;
margin-left:0px;
}

div.col.col-video .researchers-interview img{
width:68px;
height:68px;
border:1px solid #fff; 
margin-bottom:10px;	
float:left;
margin-right:10px;
}

div.col.col-video .researchers-interview h2{
color:#3d4a5f;
border-bottom-color:#3d4a5f;
}

div.col.col-video .researchers-interview a{
color:#335678;
text-decoration:none;
font-size:11px;
line-height:12px;
font-weight:normal;
}

div.col.col-video .researchers-interview .view-content li{
float:left;
min-height:90px;
line-height:16px;
width:198px;
margin-top:12px;
margin-left:10px;
margin-right:5px;
padding-bottom:5px;  
border-bottom:1px dotted #3e4a60;
list-style:none !important;
}

div.col.col-video .researchers-interview .all_announ_inter,
.all_announ_inter{
float:right;
color:#335678;
font-weight:bold;
margin-top:5px;
text-decoration:none;
font-size:11px;
padding-top:5px;
text-align:right;
margin-bottom:5px;
margin-right:10px;
} 

/*--*/

/* footer menu */

#footer #block-block-1{
float:left;	
}

#footer #block-block-3{
float:right;
}

div.menu-name-menu-footer-menu{
float:right;
}

div.menu-name-menu-footer-menu ul.menu{
float:right;
margin-top:7px;
margin-right:10px;
list-style-type:none;
}

div.menu-name-menu-footer-menu ul.menu li{
padding-left:5px;
padding-right:5px;
float:left;
border-left:1px solid #ccc;
list-style:none;
line-height:1em;
}

div.menu-name-menu-footer-menu ul.menu li:first-child{
border:0px;	
}

div.menu-name-menu-footer-menu ul.menu li a{
color:#fff;
text-decoration:none;
float:left;
display:block;
line-height:10px;
font-size:11px;
}

div.menu-name-menu-footer-menu ul.menu li a:hover{
color:#ccc;	
}

/* bottom menu */

.bottom-menu{
padding-top:10px;
text-indent:-9999px;
overflow:hidden;
margin-bottom:10px;
}

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

div.social ul.menu li a{
margin-right:3px;
display:block;
float:left;
}

div.social ul.menu li a,
div.media ul.menu li a{
height:18px;
width:19px;	
}

div.social{
float:left;
min-width:150px;
}

div.media{
float:right;
min-width:125px;
margin-top:0px;
}

.page-students div.media{
min-width:150px;	
}

div.media ul.menu li a{
margin-left:3px;
display:block;
float:right;
}

a.youtube{
background:url(../images/icons/youtube.png) no-repeat;
width:38px !important;
}

a.twitter{
background:url(../images/icons/twitter.png) no-repeat;
}

a.facebook{
background:url(../images/icons/facebook.png) no-repeat;
}

a.rss{
background:url(../images/icons/rss.png) no-repeat;
}

a.metumail{
background:url(../images/icons/metumail.png) no-repeat;
}

a.metucam{
background:url(../images/icons/metucam.png) no-repeat;
}

a.odtutv{
background:url(../images/icons/odtutv.png) no-repeat;
}

a.radyoodtu{
background:url(../images/icons/radyoodtu.png) no-repeat;
}

a.metumap{
background:url(../images/icons/metumap.png) no-repeat;
}

a.gsb{
display:none !important;
width:0;
height:0;	
}

.page-students a.gsb{
background:url(../images/icons/gsb.png) no-repeat;
display:block !important;
width:19px;
height:18px;
margin-left:20px !important;
}

div.panel-pane.pane-menu-tree.pane-menu-lisans-st-program-ba-vurula h2 {
font-size: 13px;
}



/* -- */

#footer p{
margin:0px;
padding:0px;
font-size:11px;
line-height:11px;
color:#fff;
margin-top:7px;
margin-left:20px;
float:left;
width:300px;
}

#page-title{
margin-top:15px;
color:#3d4a5f;
border-bottom:1px dotted #b0b7d4;
padding-bottom:5px;
font-size:120%;
font-weight:bold;
}

.block-text-resize{
position:absolute;
right:30px;	
top:5px;
}

body.page-taxonomy .lang-switcher{
float:right;	
}

body.page-node .lang-switcher{
position:absolute;
right:110px;	
top:18px;
}

.lang-switcher a{
color:#3d4a5f;
}

.submitted{
float:right;
font-style:italic;	
}

.embedded-video{
margin-top:15px;	
}


div.col-img{
float:left;
max-width:230px;
width:230px;
margin-right:15px;
}

div.col-content{
float:left;
max-width:655px;
}

.video-container .embedded-video{
width:655px;
}

.goster{
visibility:visible !important;
}

.overlay{
opacity:0.3;
background:#fff !important;
}

.col-img h4{
margin-top:14px;
margin-bottom:10px;
}

.col-img h4 a{
padding:5px;
text-decoration:none;
color:#fff !important;
display:block;
background:#3e4a60;
}

div.col-img h2.pane-title{
font-size:15px;
border-bottom:1px dotted #3e4a60;	
color:#3e4a60;
margin-bottom:5px;
}

div.col-img ul.menu li{
list-style:disc;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#3e4a60;
}

div.col-img ul.menu li a{
color:#3e4a60;

}

div.col-img ul.menu{
margin-bottom:15px;	
margin-left:15px;
}


div.col-img p.field-post-image img,
div.col-img p.field-slider-post-image img{
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* graduate */
span.sort{
color:#4074c8;
font-weight:bold;
}

ul.sort_list{
float:left;
}

div.order_links{
margin-bottom:15px;
}

ul.legand{
float:right;
background:#efefef;
padding:10px;
padding-right:55px;
}

div.order_links{
overflow:hidden;
}

.red_header{
color:#d20100;
border-bottom:1px solid #d20100;
padding-bottom:3px;
font-size:14px;
}

.red_text{
color:#d20100;
padding-bottom:3px;	
}

table.fac_inst tr td,table.grad_tbl tr td{
border-bottom:1px solid #dbdbdb;
padding-bottom:2px;
padding-top:2px;
border-bottom:1px solid #ccc;
overflow:hidden;
}

table.grad_tbl tr td{
font-size:11px;	
}

.font_small{
font-size:10px !important;
text-align:center;
}

.font_align{
text-align:left;	
}

ul.prospective_bread{
margin-bottom:15px;
}

ul.prospective_bread li{
list-style-type:none;
margin:0px;
padding:0px;
display:inline;
}

#facinst_links,#depts_links{
padding:25px;
padding-top:0px;
padding-left:0px;
clear:both;
overflow:hidden;
}

#facinst_links a,#depts_links a{
line-height:18px;
}

div.left_col{
float:left;
}

table.course .course_php{
font-weight:bold;
line-height:16px;
}

div.catalog-pages ul.main_academic_header{
margin-left:0px;
font-size:13px;
font-weight:bold;
color:#333;
}

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

ul.main_academic_header li a.academic_name,.header_border_upper{
border-bottom:1px dotted #313131 !important;
display:block;
padding-bottom:3px;
font-weight:bold;
color:#000;
font-size:13px;
}

table.course td,h3.header_border{
line-height:18px;
border-bottom:1px solid #a5a5a5;
margin-bottom:3px;
}

h4.header_border{
line-height:18px;
border-bottom:1px solid #a5a5a5;
margin-bottom:3px;
}

span.styled_text{
font-weight:bold;
font-size:11px;
}

div#academic_staff h3{
line-height:18px;
border-bottom:1px solid #a5a5a5;
margin-top:10px;
}

div#academic_staff a{
line-height:18px;
margin-right:5px;
}

table.course tr{
padding:2px;
}

table.grad_tbl,table.fac_inst{
padding:5px;
background:#fff !important;
width:100%;
border:1px solid #fff !important;
}

table.grad_tbl tr:hover{
background:#e4e4e4 !important;
}

table.grad_tbl:hover{
background:#f0f0f0 !important;
border:1px solid #ccc !important;
}

a.menu_highlight{
color:#000 !important;
}

.page-node-1798 .panel-pane.pane-node-updated,
.page-node-1797 .panel-pane.pane-node-updated{
  display: none;
}


/* admissions video content */

DIV#views_slideshow_pager_field_item_bottom_featured_slider_admissions_page-default_1,
DIV#views_slideshow_pager_field_item_bottom_featured_slider_admissions_page-default_2,
DIV#views_slideshow_pager_field_item_bottom_featured_slider_admissions_page-default_3,
DIV#views_slideshow_pager_field_item_bottom_featured_slider_admissions_page-default_4,
DIV#views_slideshow_pager_field_item_bottom_featured_slider_admissions_page-default_5,
DIV#views_slideshow_pager_field_item_bottom_featured_slider_admissions_page-default_0.views-slideshow-pager-field-item.views_slideshow_pager_field_item.views-row-first {
    background: none repeat scroll 0% 0% rgb(153, 153, 153) !important;
    font-size: 11px;
    padding-left: 6px;
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    width: 100%;
    height: 36px;
    line-height: 13px;
    padding-top: 1px;
    padding-bottom: 0px;
}



.video-list ul{
margin-left:0px !important;
}

.video-list ul li{
list-style-type:none !important;
line-height:16px;
font-size:11px;
margin:0px;
padding:0px;
float:left;
width:100%;
padding-bottom:10px;
padding-top:10px;
border-top:1px dotted #999;
}

.video-list ul li:first-child{
border-top:0px;
}

.video-list em{
color:#666;
font-size:10px;
}

.video-list em:hover a{
color:#f00;
}

.video-list ul li img{
float:left;
margin-right:10px;
}

.video-list ul p{
margin:0px;
overflow:hidden;
}

div.video-list ul p.videoizle a{
color:#418fe1;
margin-top:3px !important;
float:right;
}

.videoizle a:hover{
text-decoration:underline !important;	
}

div.site-map-page ul li{
margin-left:50px;
}

div.site-map-page > ul > li{
list-style:none !important;
margin-left:0px;
}

div.site-map-page{
margin-top:20px;
margin-bottom:20px;
}

div.site-map-page td.tbright > ul > .first.leaf{
display:block;
visibility:hidden;
}

#webform-component-captcha{
display:none;	
}

.pane-node-updated{
float:right;
font-size:13px;
margin-top:5px;
margin-bottom:10px;
font-style:italic;
color:#666;
}

.pane-node-updated .pane-title{
float:left;
margin-right:5px;
font-size:13px;
line-height:24px;
}

.section-uzaktan-egitim-programlari .pane-node-updated,
.section-online-education-programs .pane-node-updated{
position:absolute;
bottom:0px;
right:25px;
float:none;	
}

/* table css*/
/* genel tablo */
.col-content{
width:100%;
text-align:justify;
}

table.genel{
width:100%;
text-align:justify;
line-height:16px;
}

table.genel a{
color:#145aa7;
}

table.genel a:hover{
color:#940101;
}

table.genel ul{
margin-top:5px;
margin-bottom:5px;
}

table.genel ul li{
list-style-type:disc !important;
margin-left:15px;
padding-top:1px;
padding-bottom:1px;
}

table.genel .tbleftbold{
background:#ddd;
border:1px solid #ccc;
padding-left:10px;
font-size:13px;
font-weight:bold;
color:#343434;
padding:5px;
padding-left:10px;
}

table.genel .tbl1{
background:#ddd;
border:1px solid #ccc;
font-weight:normal;
font-size:14px;
font-weight:normal;
color:#343434;
padding:5px;
}

table.genel .tbleft{
background:#efefef;
color:#555;
border:1px solid #ccc;
padding:5px;
padding-left:10px;
font-weight:bold;
  text-align: left;
}


table.genel .tbright{
background:#f7f7f7;
color:#555;
border:1px solid #ccc;
padding:3px;
padding-left:10px;
font-weight:normal;
text-align:left;
}

.col-content div table{
border-collapse: separate;
border-spacing: 2px;
}

/* org chart */
div.org-chart{
width:820px;
background:url(../images/org-sema-bg.png) no-repeat;
overflow:hidden;
}

div.org-chart a{
color:#555;
}

div.chart_col{
width:179px;
height:64px;
background:#e6e6e6;
color:#4b4b4b !important;
font-size:11px;
border:1px solid #b2b2b2;
display:inline-block;
margin-top:4px;
margin-bottom:3px;
padding-right:4px;
}


div.chart_col_a{
width:179px;
height:84px;
background:#e6e6e6;
color:#4b4b4b !important;
font-size:11px;
border:1px solid #b2b2b2;
display:inline-block;
margin-top:4px;
margin-bottom:3px;
padding-right:4px;
}



div.chart_text{
padding-left:2px;
}


div.chart_text a{
text-align:left !important;	
}

 div.chart_text h2{
margin:0px;
margin-top:3px;
font-size:11px;
line-height:18px;
}

div.chart_col_small{
width:135px !important;
height:40px !important;
border:1px solid #b2b2b2;
background:#e6e6e6;
font-size:11px;
margin-left:90px;
margin-bottom:13px;
margin-top:13px;
color:#4b4b4b;
}

div.level_1{
margin-top:339px;
width:247px;
float:left;
}

div.level_2{
float:left;
width:189px;
margin-top:73px;
margin-right:3px;
}

div.level_3{
float:left;
width:180px;
}

div.level_4{
float:left;
width:180px;
margin-top:370px;
margin-left:15px;
}

h2.rektor_text{
color:#cf0101;	
}

/*  akademik */
table.akademik-tablo{
background:#efefef;
text-align:left;
border:1px solid #ccc !important;
padding:0px !important;
margin:0px !important
}

table.akademik-tablo ul{
list-style-type:none !important;
margin-left:0px !important;
padding-left:0px !important;
margin-bottom:15px;
}

table.akademik-tablo tr.ana-baslik{
font-size:13px;
line-height:16px;
background:#e2e2e2;
border-bottom:1px solid #ccc;
}

table.akademik-tablo td{
border:0px !important;
padding:3px !important;
vertical-align: baseline;
}

table.akademik-tablo{
border:1px solid #ccc;
}

table.akademik-tablo ul li{
list-style-type:none !important;
margin-left:10px !important;
}

a.ic{
margin-left:15px;
}

.ic-baslik{
color:#265583;
}

table.derstablo{
border:1px solid #ddd !important;
}

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

table.derstablo tr:hover{
background:#efefef;
}

/* GKK sayfası */
h3.main_header_title{
font-size:14px;
border-bottom:1px dotted #be1522;
margin-bottom:6px;
padding-bottom:4px;
color:#be1522;
}

.second_header{
font-size:14px;
display:block;
margin-bottom:10px;
color:#000;
}

.item_logo img{
 width:305px; 
}

.item_logo{
width:305px;
height:91px;
border:1px solid #ccc;
float:left;
display:block;
background:url(../images/transparent.jpg) repeat;
margin:3px;
}

.logo_list{
margin-bottom:15px;
overflow:hidden;
}

/* video page title */
.video-page-title h3{
border-bottom:1px dotted #333;
margin-top:25px;
color:#333;
}

.video-page-title{
clear:both;
margin-bottom:20px;
}

.video-list{
margin-bottom:20px;
overflow:hidden;
}


/* 404 page */
.page-node-850 .pane-node-updated,
.page-node-851 .pane-node-updated,
.page-node-1092 .pane-node-updated{
display:none;	
}

/* gallery content type */
.pane-node-field-gallery-upload-images{
overflow:hidden;
}

.field-gallery-upload-images{
margin:5px;
overflow:hidden;
float:left;
}


.field-gallery-upload-images a img{
border:1px solid #ccc;
float:left;
padding:2px;
}

table.social-table{
width:100%;
font-size:13px;
color:#333;
}

table.social-table td{
border-bottom:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
padding:3px;
text-align:center;
}

table.social-table tr:hover{
background:#efefef;
}

table.social-table tr.baslik:hover,
table.social-table tr.kategori:hover{
background:#fff;
}

table.social-table tr.kategori td{
border-right:0px;
padding-bottom:5px;
}

table.social-table td:first-child{
text-align:left;
}

table.social-table td img{
vertical-align:middle;
width:28px;
}

table.social-table strong{
font-size:15px;
color:#145aa7;
}

tr.bos-satir td{
border:0px solid #000;
}

tr.baslik td{
padding:5px;
padding-bottom:10px;
text-align:center;
}

tr.baslik td strong{
font-size:13px;
color:#145aa7;
}

ul.alt_link_kutusu li a{
font-weight:normal !important;

}

ul.alt_link_kutusu li{
height:22px;
}

ul.acilis-program{
line-height:22px;
}

ul.acilis-program li{
list-style-type:disc;
}

ul.acilis-program li ul li{
list-style-type:circle !important;
}

div.catalog-pages p{
margin:0px;	
}

div.catalog-pages h3{
font-size:12px;
margin:0px;	
color:#666;
}

div.catalog-pages table{
margin:0px;	
}

.table-slider *{
  margin: 0px;
  padding: 0px;
}


/* ana sayfa slider text alt satıra indir */
#widget_pager_bottom_featured_slider_main_page-default a[href ~= '/tr/duyuru/odtu-16-tanitim-fuari-lisans-programlari'] {
width: 120px;
display: inline-block;
}


/* responsive video hack http://bootply.com/61833 */
.flex-video {
position: relative;
height: 0;
overflow: hidden;
margin-top:25px;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0;}
 
.flex-video iframe,
.flex-video object,
.flex-video embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}



/* bootstrap ek */
.table tbody tr.darkgrey > td {
  background-color: #d5d5d5 !important;
}
.table-hover tbody tr.darkgrey:hover > td {
  background-color: #ddd !important;
}


.table tbody tr.grey > td {
  background-color: #e8e8e8 !important;
}
.table-hover tbody tr.grey:hover > td {
  background-color: #e2e2e2 !important;
}

.views-field-field-big-image,
.section-video .views-field-field-video-thumbnail{
width:150px;	
}


@media (max-width: 959px) {	
.quick-links{
width:100%;
margin-left:0px;
margin-top:10px;
padding-left:10px;	
padding-bottom:15px;
}

.quick-links h2{
border-bottom:1px dotted #666;	
margin-bottom:10px;
}

.quick-links ul.menu{
margin-left:0px;
padding-left:0px;
}

.quick-links ul.menu li{
display:inline;
float:left;
width:215px;
}

.col-news{
min-height:100%;	
}


.researchers-interview{
width:100% !important;
background:#fff;
margin-top:20px;
background:#c8c8c8;
border-left:0px;
border-top:0px;
border-top:20px solid #fff;
}

}

@media all and (min-width: 480px) and (max-width: 959px) {	

div.col-video .views-field-body{
text-align:center;
width:90%;
}

div.col{
max-width:100%;
width:720px;
min-width:320px;
}

.col-news{
border:none;	
}

/* ic sayfa içerik */
div.col-content{
max-width:77%;
}

div.col-img{
max-width:20%
}
/*-- */

div.container{
max-width:725px;
}

/* kullanıcı gurubu menusu */
div.user-menu{
max-width:725px;
}

}

@media (min-width: 769px) and (max-width: 959px) {	
.col.col-video{	
max-width:665px;
min-width:665px;
border-bottom-right-radius:0px;
border-top-right-radius:0px;
position:relative;
margin-left:0px;
left:0;
}

ul.nice-menu{
font-size:12px;	
}

ul.nice-menu > li:last-child a{
background:none !important;
width:auto;
padding:16px 12px 16px 12px;
box-shadow: 5px 0px 5px -2px #666 !important;
}

ul.nice-menu-down .menuparent a{
padding-right:0px; 	
}

ul.nice-menu li a{
padding:16px 9px 16px 9px !important;
}

ul.nice-menu > li > a{
text-align:center !important;
}

.block-text-resize{
display:none;	
}

.col-news,
.col-services{
float:left;
width:49% !important;
}

}

@media (max-width: 768px){
.col.col-video{
max-width:100%;
width:720px;
min-width:310px; 
border-bottom-right-radius:0px;
border-top-right-radius:0px;
position:relative;
margin-left:0px;
left:0;
}

/* main menu*/
ul.nice-menu{
float:left;
position:relative;
}

ul.nice-menu ul{
}

ul.nice-menu li{
border:0;
display:block;
float:left;
width:100%;
background:#7e7e7e;
}


ul.nice-menu-down li.menuparent {
background: #7e7e7e;
}

ul.nice-menu li a{
color:#fff;
display:block;
padding:16px 0px 16px 18px;
font-weight:bold;
position:relative;
text-decoration:none;
}

ul.nice-menu > li > a{
background:none; 
z-index:10;
box-shadow: none !important;
}

ul.nice-menu li a:hover{
background:#950101;
}

ul.nice-menu ul{
position:relative;
top:0px;
left:-1px;
border:1px solid #fff;
z-index:11;
background:#dadada;
width:100% !important;
}

ul.nice-menu li ul li{
background:#dadada !important;
display:block;
float:left;
width:100%;
overflow:hidden;
}

ul.nice-menu li ul li a{
display:block;
width:100%;
text-decoration:none;
color:#333;
padding:10px !important;
font-weight:bold;
font-size:13px;
border-bottom:1px solid #fff !important;
}

ul.nice-menu li ul li a:hover{
color:#fff;	
}

ul.nice-menu > li:last-child a{
background:none !important; 
width:auto;
text-align:left;
padding:16px 0px 16px 18px;
}

ul.nice-menu > li:last-child a:hover{
background:#950101 !important;
}

a.menulinks{
display:block !important;
text-align:center;
padding-left:0px !important;
margin:0px;
background: url("../images/list.png") center right no-repeat !important;
cursor:pointer;
}

a.menulinks.open{
background: url("../images/down.png") center right no-repeat !important;
}

a.menulinks:after{
}

ul.nice-menu li{
visibility:hidden;
}

ul.nice-menu li.first{
visibility:visible;
}

.hidden-phone{
display:none !important;	
}

div.col-content{
max-width:100%;
}

.block-text-resize{
display:none;	
}

div.container-top{
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

div.container{
box-shadow: 0px 0px 0px #444;
}

.arama{
position:relative;
right:-10px;
margin-top:11px;
margin-bottom:15px;
}

/* dil degistirici */
#language-switcher div{
padding:0px;
margin:0px;	
}

#language-switcher{
position:absolute;
top:5px;
right:15px;
}

#language-switcher ul.lang li a{
margin-left:5px;
margin-right:5px;	
font-size:12px;
}


#footer{
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
height:50px;
position:relative;	
}

#footer p{
position:absolute;
top:23px;
}

div.menu-name-menu-footer-menu{
position:absolute;
top:0px;
right:-25px;
}

.menu-mlid-545{
border-left:0px !important;	
}

div.social ul.menu li a,
div.media ul.menu li a{
margin-left:3px;
margin-right:3px;
}


ul#nav{
float:right;
margin-top:0px;
margin-right:5px;
}

ul#nav li a{
text-decoration:none;
color:#fff;
display:block;
background:#6e0101;
margin-right:6px;
padding:10px;
padding-left:15px;
padding-right:15px;
padding-bottom:0px;
padding-top:0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size:11px;
}

.front-image{
display:none !important;	
}
.front-bg{
background:#d9d5d6;	
}

div.col.col-video .researchers-interview .view-content li{
width:94%;
}

}


@media (max-width: 480px){
div.col-content{
max-width:100% !important;
}

div.container{
box-shadow: 0px 0px 0px #444;
}

#content{
padding-left:5px;
padding-right:5px;
}	

#logo{
width:124px;
height:40px;
}

.logo-tr{
background:url(../images/logo-tr-small.png) no-repeat;	
}

.logo-en{
background:url(../images/logo-en-small.png) no-repeat;	
}


.front-image{
display:none !important;	
}
.front-bg{
background:#d9d5d6;	
}

.arama input[type=text]{
width:150px !important;
}

div.col{
max-width:100%;
}

.col-news,
.col-services{
border:none;
padding-left:10px;
width:100%;
}


div.col-video .pane-featured-video-main-page img{
max-width:260px;
height:auto;	
}

div.col-video .views-field-field-video-thumbnail{
max-width:260px;
height:auto;
}

span.play-button{
left:115px;
top:55px;
}

.bottom-menu{
padding-left:10px;
padding-right:10px;
}


div.user-menu{
padding-top:0px;
height:100%;
}

.user-menu #nav a{
padding-top:8px;
padding-bottom:8px;
font-size:12px;
margin-left:0px;
margin-right:0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-left:1px dotted #c30505;
}

.user-menu #nav li:first-child a{
border-left:0px solid #c30505 !important;
}

.language-switcher-locale-url{
top:215px;
right:10px;
}

.col.col-news a{
margin-right:18px;
}



}


@media (max-width: 320px){
/*#logo .logo_text{
max-width:260px;
margin-bottom:10px;	
}*/	
}




/* ul.pager{
width:60px;
margin:0 auto;
overflow:hidden;
}

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;
} */