@charset "utf-8";
@font-face {font-family:"00297";font-style: normal;font-weight:400;src:url(/fonts/00297.ttf) format('truetype')}
html, body {clear:both;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background-color: #efefef;font-family:"Open Sans", Verdana, Arial, Helvetica, sans-serif;font-size:18px;color:#1f2f3c}
a {color:#1f2f3c}
a:hover {color:#f60}
.Header {clear:both;display:block;width:100%;height:147px;border-bottom:2px solid #ff6600}
.Header .Container {clear:both;display:block;width:1205px;height:145px;margin:0 auto}
.Header .Logo {float:left;display:inline-block;width:300px;height:140px;background:url(/Content/header/logo.png)}
.Header .Banner {float:left;display:inline-block;width:730px;height:92px;margin:10px 20px;border:1px solid #ccc}
.Header .SideMenu {float:left;display:inline-block;width:135px;height:92px;margin:10px 0;border:0;border-spacing:0;border-collapse:collapse}
.Header .SideMenu td {padding:0}
.Header .SideMenu .Icon {width:45px;height:46px}
.Header .SideMenu .Facebook {background:url(/Content/header/facebook.png)}
.Header .SideMenu .Facebook:hover {background:url(/Content/header/facebook_h.png)}
.Header .SideMenu .Twitter {background:url(/Content/header/twitter.png)}
.Header .SideMenu .Twitter:hover {background:url(/Content/header/twitter_h.png)}
.Header .SideMenu .Member {background:url(/Content/header/member.png)}
.Header .SideMenu .Member:hover {background:url(/Content/header/member_h.png)}
.Header .SideMenu .Instagram {background:url(/Content/header/instagram.png)}
.Header .SideMenu .Instagram:hover {background:url(/Content/header/instagram_h.png)}
.Header .SideMenu .YouTube {background:url(/Content/header/youtube.png)}
.Header .SideMenu .YouTube:hover {background:url(/Content/header/youtube_h.png)}
.Header .SideMenu .Baskets {background:url(/Content/header/baskets.png)}
.Header .SideMenu .Baskets:hover {background:url(/Content/header/baskets_h.png)}
.Header .Menu {float:left;display:inline-block;height:33px;margin:0 20px}
.Header .Menu a {margin-left:1px;padding:0 10px;font-family:"00297", Helvetica, sans-serif;font-size:16px;line-height:33px;text-decoration:none}
.Header .Menu a.selected {color:#fff;background-color:#ff6600;border-top-left-radius:10px;border-top-right-radius:10px}
.Header .Menu a:first-child {margin-left:0}
.Header:after {clear:both;display:block;content:''}
.Footer {clear:both;display:block;width:1205px;margin:40px auto;text-align:center}
.Footer a {text-decoration:none}
.Footer .TopMenu {clear:both;display:inline-block;margin-bottom:10px;font-size:14px}
.Footer .Copyright {clear:both;display:block;margin:10px 0;font-size:12px}
.Footer .BottomMenu {clear:both;display:inline-block;font-size:14px}
.Footer:after {clear:both;display:block;content:''}
.Page {clear:both;display:block;width:1205px;margin:20px auto}
.Page .Column {float:left;display:block}
.Page .Column > *:first-child {margin-top:0;border-top:0}
.Page .Column > *:last-child {margin-bottom:0;border-bottom:0}
.Page .LeftColumn {width:300px;margin-right:20px}
.Page .CenterColumn {width:565px}
.Page .ContentColumn {width:845px;margin-left:40px}
.Page .RightColumn {float:right;width:300px;margin-left:20px}
.Page:after {clear:both;display:block;content:''}
.Popup {width:845px;border:none}
.Popup .ContentColumn {margin:0}
.Banner300x250 {display:block;width:300px;height:250px;margin:5px 0}
.BannerTercihRobotu {display:block;width:300px;height:156px;margin:5px 0;padding:10px 0;border-top:1px solid #1e2f3c;border-bottom:1px solid #1e2f3c}
.BannerTercihRobotu:hover {background-color:#ddd}
.Carousel {float:left;display:block;width:565px;margin:5px 0}
.Carousel .Item {float:left;display:inline-block;position:relative;width:565px;height:317px}
.Carousel .Item > .Title {display:block;position:absolute;left:0;bottom:0;right:0;width:565px;padding:12px 10px;border-top:2px solid #ccc;border-bottom:2px solid #f60;font:22px "Open Sans", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#1f2f3c;text-align:center;background-color:rgba(255, 255, 255, 0.9)}
.Carousel .Item:hover > .Title {background-color:#ddd}
.ContentColumn > * {clear:both;float:left;display:block;width:100%;margin:10px 0;padding:0}
.ContentColumn > .Title {padding-bottom:20px;border-bottom:2px solid #ccc;font-size:30px;font-weight:normal}
.ContentColumn > .SubTitle {margin-top:40px;padding:20px 0;border-bottom:2px solid #f60;font-size:30px}
.ContentColumn > .Spot {font-size:22px;font-style:italic;line-height:200%}
.ContentColumn > .Headline {position:relative}
.ContentColumn > .BigImage {position:relative}
.ContentColumn > .ProgramHeader {padding-bottom:40px;border-bottom:2px solid #f60}
.ContentColumn > .NotFound {padding:50px 0;font-size:22px;text-align:center}
.ContentColumn > .Pagination {list-style:none;text-align:center}
.ContentColumn > .ContentSeparator {background-color:#ccc;height:2px}
.ContentColumn > .Tags {border-top:2px solid #f60;border-bottom:2px solid #f60;list-style:none;text-align:center}
.ContentColumn > .UniversityContents {display:block;margin:0}
.ContentColumn > .Gallery {display:block;margin:0}
.ContentColumn > *:first-child {margin-top:0}
.ContentColumn > *:last-child {margin-bottom:0}
.Content a {text-decoration:underline}
.Content a:hover {color:#f60}
.Content a:hover * {color:#f60}
.Content h1 {font-size:30px;font-weight:normal;margin:30px 0}
.Content h2 {font-size:28px;font-weight:normal;margin:30px 0}
.Content h3 {font-size:26px;font-weight:normal;margin:30px 0}
.Content h4 {font-size:24px;font-weight:normal;margin:30px 0}
.Content h5 {font-size:22px;font-weight:normal;margin:30px 0}
.Content h6 {font-size:20px;font-weight:normal;margin:30px 0}
.Content p {margin:30px 0;line-height:200%}
.Content ul {margin:0;padding:0}
.Content ul.IndexList {font-size:14px;columns:2;-webkit-columns:2;-moz-columns:2}
.Content li {margin:0 0 0 20px;line-height:200%}
.Content hr {color:#f60;background-color:#f60;height:2px}
.Content table {border-spacing:0;border-collapse:collapse}
.Content table > tbody > tr > td {padding:10px 0;line-height:200%;vertical-align:top}
.Content table > tbody > tr > td.Sep {padding:10px}
.Content .nav-tabs {border-bottom:2px solid #ff6600}
.Content .nav-item {margin-bottom:-2px}
.Content .nav-link {color:inherit;text-decoration:none;border:none;background-color:#efefef}
.Content .nav-link.active {color:inherit;border:2px solid #ff6600;border-bottom:none;background-color:#efefef}
.Content .tab-pane {padding:0 20px}
.Content .title-note {font-size:85%;line-height:normal}
.Content .note {font-size:60%;line-height:normal}
.Content .Banner728x90 {float:left;display:block;width:100%;height:90px;margin:20px auto;text-align:center}
.Content > *:first-child {margin-top:0}
.Content > *:last-child {margin-bottom:0}
/* HEADLINE */
.Headline .Title {display:block;position:absolute;left:0;bottom:0;width:845px;margin:0;padding:20px 10px;border-top:2px solid #ccc;border-bottom:2px solid #f60;font-size:30px;font-weight:bold;color:#1f2f3c;text-align:center;background-color:rgba(255, 255, 255, 0.9)}
.Headline:hover .Title {background-color:#ddd}
/* BIG IMAGE */
.BigImage .Title {display:block;position:absolute;left:0;bottom:0;width:845px;margin:0;padding:20px 10px;border-top:2px solid #ccc;border-bottom:2px solid #f60;font-size:30px;font-weight:bold;color:#1f2f3c;text-align:center;background-color:rgba(255, 255, 255, 0.9)}
.BigImage .TitleSub {font-size:75%;font-weight:normal}
.BigImage .Logo {display:block;position:absolute;left:276px;top:76px;width:300px;height:250px;margin:0;border:2px solid #ccc}
.BigImage .LogoProgram {top:43px}
/* TAGS */
.Tags li {display:inline-block}
.Tags li a {display:inline-block;min-width:40px;height:42px;margin:10px 5px;padding:10px 30px;border-radius:3px;font-size:16px;font-weight:bold;color:#fff;text-decoration:none;text-align:center;background-color:#ccc}
.Tags li a:hover {color:#000;background-color:#ddd}
/* TEASERS */
.Teasers .Teaser {float:left;display:block;width:417px;margin:10px 0;border:1px solid #ccc;text-decoration:none}
.Teasers .Teaser:nth-child(2n) {margin-left:11px}
.Teasers .FirstRow {margin-top:0}
.Teasers .LastRow {margin-bottom:0}
.Teaser .Title {display:table-cell;width:415px;height:148px;padding:20px;border-top:1px solid #ccc;font-size:20px;font-weight:bold;color:#1f2f3c;text-align:center;vertical-align:middle;background-color:#fff}
.Teaser:hover .Title {background-color:#ddd}
/* GALLERY */
.Gallery .Photo {display:block;margin:0}
.Gallery .Photo .Image {display:block;margin:30px 0}
.Gallery .Photo .Title {display:block;margin:30px 0;line-height:200%}
.Gallery .Photo .Spot {display:block;margin:30px 0;font-style:italic;line-height:200%}
.Gallery .Photo:first-child > *:first-child {margin-top:10px}
/* VIDEOPLAYER */
.VideoPlayer {margin-bottom:0;display:table;position:relative;width:auto;width:50%;}
.VideoPlayer .Video {float:left;display:block;background-color:#000}
.VideoPlayer .PlayPause {position:absolute;width:20%;height:20%;top:0%;right:0%;bottom:0%;left:0%;margin:auto;background-image:url(img/misc/play.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.VideoPlayerTitle {margin-top:0;padding:20px 10px;border-top:2px solid #ccc;border-bottom:2px solid #f60;font-size:30px;font-weight:bold;color:#1f2f3c;text-align:center;background-color:#fff;}
/* PROGRAM HEADER */
.ProgramHeader .Logo {float:left;display:block;width:200px;height:167px;margin:0;margin-right:20px;border:2px solid #ccc;background-color:#fff}
.ProgramHeader .Title {display:table-cell;width:621px;height:167px;margin:0;vertical-align:middle;font-size:25px;font-weight:bold;color:#1f2f3c;text-align:left}
.ProgramHeader .TitleSub {font-size:75%;font-weight:normal}
/* META */
.Meta {padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.Meta .Share {float:left}
.Meta .Share > * {float:left;display:flex;margin-left:20px}
.Meta .Share > :first-child {margin-left:0}
.Meta .Dates {float:right;text-align:right;font-size:14px}
/* UNIVERSITY TABS */
.UniversityTabs {float:left;display:inline-block;height:44px;margin:0;padding:0 20px;border-bottom:2px solid #ff6600;text-align:center}
.UniversityTabs a {margin-left:1px;padding:0 20px;font-family:"00297", Helvetica, sans-serif;font-size:22px;line-height:44px;text-decoration:none}
.UniversityTabs a.selected {color:#fff;background-color:#ff6600;border-top-left-radius:10px;border-top-right-radius:10px}
.UniversityTabs a:first-child {margin-left:0}
/* FORM */
.Form a {text-decoration:underline}
.Form a:hover {color:#f60}
.Form a:hover * {color:#f60}
.Form p {margin:20px 0;line-height:200%}
.Form hr {color:#f60;background-color:#f60;height:2px}
.Form ul {margin:0;padding:0}
.Form li {margin:0 0 0 20px;line-height:200%}
.Form .Panel {float:left;display:block;width:100%;margin-bottom:100px}
.Form .Banner728x90 {float:left;display:block;width:100%;height:90px;margin:20px auto;text-align:center}
.Form .form-horizontal {float:left;display:block;width:100%}
.Form .col-form-label {font-weight:bold}
.Form .form-group-spacer {margin-top:25px}
.Form .form-check-input-lg {width:1rem; height:1rem;-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);margin-left:-1rem;padding:10px}
.Form .form-check-label-lg {margin-left:1rem;line-height:24px}
.Form .field-validation-valid {display:none}
.Form .field-validation-error {display:block;margin:10px 0}
.Form .validation-summary-valid {display:none}
.Form .validation-summary-errors {display:block;margin-top:40px;font-size:14px;text-align:center}
.Form .validation-summary-errors span {display:block;color:#f00;font-weight:bold}
.Form .validation-summary-errors ul {clear:both;display:inline-block;color:#f00}
.Form .validation-summary-errors li {text-align:left}
.Form > *:first-child {margin-top:0}
.Form > *:last-child {margin-bottom:0}
.FilterForm .input-validation-error { border: 1px solid #f00 }
/* TABLE LIST */
.TableList a {display:block;color:#1f2f3c;text-decoration:none}
.TableList a:hover {color:#1f2f3c}
.TableList a > h4 {margin:0;padding:20px 10px;background-color:#ccc}
.TableList .Spacer {height:100px}
.TableList .NotFound {padding:50px 0;font-size:22px;text-align:center}
.TableList table {width:100%;border-spacing:0;border-collapse:collapse}
.TableList table.M {font-size:17px}
.TableList table.SM {font-size:15px}
.TableList table.XSM {font-size:13px}
.TableList table > thead > tr:first-child > th {border-top:2px solid #ccc}
.TableList table > thead > tr > th {padding:10px;vertical-align:top}
.TableList table > tbody > tr:first-child > td {border-top:2px solid #ccc}
.TableList table > tbody > tr:last-child > td {border-bottom:2px solid #ccc}
.TableList table > tbody > tr:nth-child(2n+1) > td {background-color:#fff}
.TableList table > tbody > tr > td {padding:10px 0;border-bottom:1px solid #ccc;line-height:200%;vertical-align:top}
.TableList table > tbody > tr.Hoverable:hover td {background-color:#ddd}
.TableList table > tbody > tr.Selected td {background-color:#0f0}
.TableList table > tbody > tr.Selected:hover td {background-color:#3cdd3c}
.TableList table > tfoot > tr > td {padding:0;vertical-align:middle}
.TableList table > tfoot > tr > td > .Pagination {margin:20px 0 0 0;padding:0;list-style:none;text-align:center}
.TableList table .Text {padding:10px 10px}
.TableList table .Center {text-align:center}
.TableList table .Middle {vertical-align:middle}
.TableList table .Bottom {vertical-align:bottom}
.TableList table .Clickable {cursor:pointer}
.TableList table .Clickable:hover td {background-color:#6dcff6}
.TableList table .form-check {display:inline}
.TableList table .form-check-input-lg {-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);margin-left:-1rem;padding:10px}
.TableList table .form-check-label-lg {margin-left:1rem;line-height:24px}
.TableList > *:first-child {margin-top:0}
.TableList > *:last-child {margin-bottom:0}
.TableList table .Yellow {background-color:#ffff00 !important}
/* PAGINATION */
.Pagination li {display:inline-block}
.Pagination li a {display:inline-block;min-width:40px;margin:10px;padding:10px 5px;border-radius:3px;font-size:16px;font-weight:bold;color:#fff;text-decoration:none;text-align:center;background-color:#ccc}
.Pagination li a:hover {color:#fff;background-color:#ddd}
.Pagination li a.selected {background-color:#f60;color:#fff}
.Pagination li a.selected:hover {background-color:#e50;color:#fff}
/* UNIVERSITY CONTENTS */
.UniversityContents .Item {display:block;margin:0}
.UniversityContents .Item hr {color:#f60;background-color:#f60;height:2px;margin-top:30px}
.UniversityContents .Item .Title {display:block;margin:30px 0;line-height:200%}
.UniversityContents .Item .Spot {display:block;margin:30px 0;font-style:italic;line-height:200%}
.UniversityContents .Item .Image {display:block;margin:30px 0}
.UniversityContents .Item:first-child > *:first-child {display:none}
.UniversityContents .Item:first-child > *:nth-child(2) {margin-top:0}
.UniversityContents .Item:last-child > *:last-child {margin-bottom:0}
/* ÖSYS */
h1.OSYS {color:#993300}
h2.OSYS {color:#003399}
table.TercihRobotuNavigation {width:100%}
table.TercihRobotuNavigationTop {margin-bottom:10px;border-bottom:2px solid #ccc}
table.TercihRobotuNavigationTop td{padding-bottom:20px}
table.TercihRobotuNavigationBottom {margin-top:20px !important;border-top:2px solid #ccc}
table.TercihRobotuNavigationBottom td {padding-top:20px}
table.TercihRobotuNavigation tr td:first-child {width:175px}
table.TercihRobotuNavigation tr td:last-child {width:175px}
table.TercihRobotuNavigation tr td {text-align:center}
table.OSYS {margin:40px auto;border-collapse:collapse;text-align:center}
table.OSYS tr {border-collapse:collapse;text-align:center}
table.OSYS th {padding:5px 10px;border:MidnightBlue 1px solid;border-collapse:collapse;background-color:Lavender;text-align:center}
table.OSYS td {padding:5px 10px;border:MidnightBlue 1px solid;border-collapse:collapse}
table.OSYS input {display:inline-block}
table.OSYS select {display:inline-block}
table.OSYS input[type="text"].input-validation-error {border:1px solid #f00}
table.OSYSInvalid {border:2px solid #f00}