* {
    margin: 0px;
    padding: 0px
}

body {
    background-repeat: no-repeat;
    background-position: center top;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif
}

input,
select,
textarea {
    font-family: Verdana, Helvetica, Arial, sans-serif
}

ul, ol {
    list-style-position: inside
}

ol ul,
ul ul {
    margin-left: 30px
}

#app_header {
    width: 806px;
    height: 236px;
    margin: 0px auto;
    padding: 30px 10px 0px
}

#app_header img.logo {
    display: block;
    width: 455px;
    height: 61px;
    border: 0px
}

#app_header img.sections {
    display: block;
    width: 806px;
    height: 147px;
    margin-top: 28px;
    border: 0px
}

#app_body {
    width: 802px;
    height: 500px;
    margin: 0px auto;
    padding: 8px 12px
}

#app_body .app_body_inner {
    position: relative;
    width: 802px;
    height: 500px
}

#app_footer {
    position: relative;
    width: 826px;
    height: 157px;
    margin: 0px auto
}

#app_footer .subscription {
    position: absolute;
    top: 0px;
    left: 12px;
    width: 532px;
    height: 37px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -1867px
}

#app_footer .subscription label {
    float: left;
    margin: 10px 5px 0px 8px;
    font-size: 11px;
    color: #FFFFFF
}

#app_footer .subscription .input {
    float: left;
    width: 184px;
    height: 17px;
    margin-top: 9px;
    background-image: url("/public/images/layout/input_subscribe.png")
}

#app_footer .subscription .input input {
    width: 180px;
    height: 15px;
    padding: 1px 2px;
    border: 0px;
    background: transparent;
    font-size: 11px
}

#app_footer .subscription input.submit {
    float: left;
    margin: 8px 0px 0px 8px
}

#app_footer .text {
    position: absolute;
    top: 40px;
    left: 15px;
    width: 529px;
    font-size: 10px
}

#app_footer .navigation {
    position: absolute;
    bottom: 75px;
    left: 15px;
    width: 529px;
    height: 15px;
    font-size: 11px
}

#app_footer .navigation a {
    float: left;
    margin-right: 5px;
    padding-left: 16px;
    line-height: 15px;
    background: url("/public/images/layout/bg_footer_navigation_item.png") no-repeat top left;
    text-decoration: none;
    vertical-align: middle;
    color: #000000
}

#app_footer .navigation a.selected {
    color: #DA251D
}

#app_footer a.certificates,
#app_footer a.files {
    position: absolute;
    top: 0px;
    right: 12px;
    width: 260px;
    height: 37px;
    line-height: 37px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -2506px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF
}

#app_footer a.files {
    top: 45px
}

.ui-slider {
    float: left;
    position: relative;
    width: 6px;
    margin-right: 15px;
    background-repeat: repeat-y;
    background-position: center top
}

.ui-slider .ui-slider-handle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 6px;
    height: 46px
}


.p_box_a {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 260px;
    height: 344px
}

.p_box_b {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 260px;
    height: 149px
}

.p_box_c {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 260px;
    height: 345px
}

.p_box_d {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 260px;
    height: 468px
}

.p_box_e {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 260px;
    height: 378px
}

.p_box_f {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 260px;
    height: 367px
}

.p_box_g {
    position: absolute;
    top: 32px;
    right: 0px;
    width: 260px;
    height: 90px;
    border: 0px
}

.p_box_h {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 260px;
    height: 369px
}body {
    background-image: url("/public/images/layout/body_ctr.png")
}

.ui-slider {
    background-image: url("/public/images/layout/slider_ctr.png")
}

.ui-slider .ui-slider-handle {
    background-image: url("/public/images/layout/slider_handle_ctr.png")
}

.c_box_a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 532px;
    height: 500px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px 0px
}

.c_box_b {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 502px;
    height: 460px;
    padding: 20px 15px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px 0px
}

.c_box_c {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 532px;
    height: 119px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -874px
}

.c_box_d {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 532px;
    height: 374px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -500px
}

.c_box_e {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 532px;
    height: 119px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -874px
}

/* index */
#ctr_index #news_item {
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 241px;
    height: 470px;
    padding: 15px 12px 15px 14px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -1904px
}

#ctr_index #news_item .picture {
    position: relative;
    width: 241px;
    height: 128px
}

#ctr_index #news_item .picture img {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 241px;
    height: 128px
}

#ctr_index #news_item .picture img.window {
    z-index: 1;
}

#ctr_index #news_list {
    position: absolute;
    top: 0px;
    left: 267px;
    width: 265px;
    height: 500px;
    list-style-type: none
}

#ctr_index #news_list li {
    width: 265px;
    height: 25px;
    background: url("/public/images/layout/backgrounds.png") no-repeat -267px -1904px
}

#ctr_index #news_list li.top {
    background: url("/public/images/layout/backgrounds.png") no-repeat -267px -1929px
}

#ctr_index #news_list li.selected {
    background: url("/public/images/layout/backgrounds.png") no-repeat -267px -1979px
}

#ctr_index #news_list li.top_selected {
    background: url("/public/images/layout/backgrounds.png") no-repeat -267px -2004px
}

#ctr_index #news_list li a {
    display: block;
    overflow: hidden;
    width: 255px;
    padding-left: 10px;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: 250px center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    color: #7a7a78;
    text-decoration: none
}

#ctr_index #news_list li.top_selected a,
#ctr_index #news_list li.selected a {
    color: #000000
}

#ctr_index #news_list li a.genel {
    background-image: url("/public/images/layout/news_list_item_genel.png");
}

#ctr_index #news_list li a.tarimsal_urun {
    background-image: url("/public/images/layout/news_list_item_tarimsal_urun.png");
}

#ctr_index #news_list li a.egitim_ve_personel {
    background-image: url("/public/images/layout/news_list_item_egitim_ve_personel.png");
}

#ctr_index #news_list li a.sistem {
    background-image: url("/public/images/layout/news_list_item_sistem.png");
}

#ctr_index #paginator {
    position: absolute;
    bottom: 0px;
    left: 267px;
    width: 265px;
    height: 25px;
    background: url("/public/images/layout/backgrounds.png") no-repeat -267px -1954px;
    text-align: center
}

#ctr_index #paginator a {
    padding: 0px 4px;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-decoration: none
}

#ctr_index #paginator a.selected {
    color: gray
}

#ctr_index #paginator img {
    width: 8px;
    height: 9px;
    margin-top: 7px;
    border: 0px
}

/* contact */
#ctr_contact .c_box_a .address {
    position: absolute;
    top: 212px;
    left: 0px;
    width: 240px;
    padding-right: 25px
}

#ctr_contact .c_box_a .address p {
    text-align: right
}

#ctr_contact .c_box_a .seperator {
    position: absolute;
    top: 75px;
    left: 265px;
    width: 2px;
    height: 350px;
    background-image: url("/public/images/layout/ctr_contact_seperator.png")
}

#ctr_contact .c_box_a .form {
    position: absolute;
    top: 87px;
    left: 267px;
    width: 215px;
    margin: 0px 25px
}

#ctr_contact .c_box_a .form br {
    line-height: 5px
}

#ctr_contact .c_box_a .form label {
    display: block;
    padding-left: 8px;
    background: url("/public/images/layout/contact_form_indicator.png") no-repeat center left;
    font-weight: bold;
    font-size: 11px
}

#ctr_contact .c_box_a .form .input {
    width: 211px;
    height: 15px;
    padding: 2px;
    background-image: url("/public/images/layout/input_contact_form.png")
}

#ctr_contact .c_box_a .form .input input {
    width: 211px;
    height: 15px;
    border: 0px;
    background: transparent;
    font-size: 11px
}

#ctr_contact .c_box_a .form .textarea {
    width: 211px;
    height: 135px;
    padding: 2px;
    background-image: url("/public/images/layout/textarea_contact_form.png")
}

#ctr_contact .c_box_a .form .textarea textarea {
    width: 211px;
    height: 135px;
    border: 0px;
    background: transparent;
    font-size: 11px
}

#ctr_contact .c_box_a .form input.submit {
    float: right;
    width: 52px;
    height: 15px;
    border: 0px
}

/* sitemap */
#ctr_sitemap .c_box_a ul {
    position: absolute;
    list-style-type: none;
    text-align: center
}

#ctr_sitemap .c_box_a ul.ctr {
    top: 50px;
    width: 532px
}

#ctr_sitemap .c_box_a ul.tarim {
    top: 260px;
    left: 0px;
    width: 177px
}

#ctr_sitemap .c_box_a ul.egitim {
    top: 260px;
    left: 177px;
    width: 178px
}

#ctr_sitemap .c_box_a ul.sistem {
    top: 260px;
    left: 357px;
    width: 177px
}

#ctr_sitemap .c_box_a ul li {
    margin-bottom: 5px
}

#ctr_sitemap .c_box_a ul li a {
    text-decoration: none;
    color: #000000
}

#ctr_sitemap .c_box_a ul li a:hover {
    text-decoration: underline
}

#ctr_sitemap .c_box_a ul li.header {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px
}

#ctr_sitemap .c_box_a ul.ctr li.header a {
    color: #DA251D
}

#ctr_sitemap .c_box_a ul.tarim li.header a {
    color: #6D821D
}

#ctr_sitemap .c_box_a ul.egitim li.header a {
    color: #007CC3
}

#ctr_sitemap .c_box_a ul.sistem li.header a {
    color: #E77817
}

#ctr_sitemap .c_box_a .seperator {
    position: absolute;
    top: 223px;
    left: 88.5px;
    width: 355px;
    height: 27px;
    background-image: url("/public/images/layout/ctr_sitemap_seperator.png")
}

/* certificates */
#ctr_certificates img.loader {
    position: absolute;
    z-index: 100;
    top: 288px;
    left: 241px;
    width: 50px;
    height: 50px
}

#ctr_certificates p.ics {
    position: absolute;
    z-index: 100;
    top: 150px;
    left: 0px;
    width: 532px;
    text-align: center
}

#ctr_certificates .c_box_e .fieldset {
    position: absolute;
    left: 113.5px;
    width: 305px;
    height: 33px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -2473px
}

#ctr_certificates .c_box_e .fieldset label {
    position: absolute;
    top: 8px;
    left: 8px;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF
}

#ctr_certificates .c_box_e .no {
    top: 13px
}

#ctr_certificates .c_box_e .no input {
    position: absolute;
    top: 7px;
    left: 105px;
    width: 173px;
    height: 18px;
    padding: 1px 3px 0px;
    border: 0px;
    background: transparent url("/public/images/layout/input_certificate_no.png")
}

#ctr_certificates .c_box_e .date {
    top: 49px
}

#ctr_certificates .c_box_e .date .selector {
    position: absolute;
    top: 7px;
    height: 19px
}

#ctr_certificates .c_box_e .date .selector input {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 17px;
    padding: 2px 14px 0px 0px;
    border: 0px;
    background-color: transparent;
    font-weight: bold;
    font-size: 11px;
    text-align: center
}

#ctr_certificates .c_box_e .date .selector img {
    position: absolute;
    right: 0px;
    width: 14px;
    cursor: pointer
}

#ctr_certificates .c_box_e .date .selector img.up {
    top: 0px;
    height: 10px
}

#ctr_certificates .c_box_e .date .selector img.down {
    top: 10px;
    height: 9px
}

#ctr_certificates .c_box_e .date .day {
    left: 105px;
    width: 50px
}

#ctr_certificates .c_box_e .date .day input {
    width: 36px;
    background-image: url("/public/images/layout/input_date_selector_50.png")
}

#ctr_certificates .c_box_e .date .month {
    left: 162px;
    width: 50px
}

#ctr_certificates .c_box_e .date .month input {
    width: 36px;
    background-image: url("/public/images/layout/input_date_selector_50.png")
}

#ctr_certificates .c_box_e .date .year {
    left: 219px;
    width: 65px
}

#ctr_certificates .c_box_e .date .year input {
    width: 51px;
    background-image: url("/public/images/layout/input_date_selector_65.png")
}

#ctr_certificates .c_box_e input.submit {
    position: absolute;
    bottom: 11px;
    left: 208px;
    width: 116px;
    height: 19px;
    border: 0px
}

#ctr_certificates .c_box_d .certificate {
    position: absolute;
    top: 63px;
    left: 68px;
    width: 396px;
    padding-bottom: 2px;
}

#ctr_certificates .c_box_d .certificate .row {
    overflow: hidden;
    padding: 7px 10px;
    background: url("/public/images/layout/certificate_row.png") no-repeat top
}

#ctr_certificates .c_box_d .certificate .top {
    background: url("/public/images/layout/certificate_row_rounded.png") no-repeat top
}

#ctr_certificates .c_box_d .certificate .bottom {
    background: url("/public/images/layout/certificate_row_rounded.png") no-repeat bottom
}

#ctr_certificates .c_box_d .certificate .row span.title {
    float: left;
    width: 120px;
    font-weight: bold
}

#ctr_certificates .c_box_d .certificate .row span.value {
    float: left;
    width: 256px
}

#ctr_certificates .c_box_d .certificate .row span.valid {
    color: green
}

#ctr_certificates .c_box_d .certificate .row span.pending {
    color: yellow
}

#ctr_certificates .c_box_d .certificate .row span.cancelled {
    color: red
}

/* files */
#ctr_files .list {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 502px;
    height: 329px;
    padding: 15px 15px 30px 15px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -1493px
}


#ctr_files .list .ui-slider {
    background-image: url("/public/images/layout/slider_ctr_files.png")
}

#ctr_files .list .ui-slider .ui-slider-handle {
    background-image: url("/public/images/layout/slider_handle_ctr_files.png")
}

#ctr_files .list table {
    width: 100%
}

#ctr_files .list table thead th {
    text-align: left;
    padding: 5px 10px 5px 0px;
    border-bottom: 1px solid #FFFFFF;
    white-space: nowrap
}

#ctr_files .list table thead th.header {
    padding: 3px;
    border-bottom: 1px solid #FFFFFF;
    background: #F2F2F2;
    font-weight: bold;
    white-space: nowrap
}

#ctr_files .list table tbody td {
    padding: 5px 10px 5px 0px;
    border-bottom: 1px solid #FFFFFF;
    white-space: nowrap
}

#ctr_files .list table tbody td a {
    text-decoration: none;
    color: #FFFFFF
}

#ctr_files .list table tbody td img {
    width: 48px;
    height: 14px;
    border: 0px
}

#ctr_files .list table .bold {
    font-weight: bold
}

#ctr_files .list table .white {
    color: #FFFFFF
}

#ctr_files .list table .center {
    text-align: center
}

#ctr_files .list table .wrap {
    white-space: normal
}

#ctr_files .list p.notify {
    position: absolute;
    z-index: 100;
    bottom: 0px;
    left: 15px;
    width: 502px;
    height: 19px;
    line-height: 19px;
    background: url("/public/images/layout/backgrounds.png") no-repeat -562px -2524px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF
}

#ctr_files .list p.notify a {
    color: yellow
}

#ctr_files .full {
    position: absolute;
    top: 0px;
    height: 440px;
    padding-top: 30px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -993px
}

#ctr_files .full a.pc {
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 90px;
    width: 100px;
    height: 19px;
    line-height: 19px;
    background: url("/public/images/layout/backgrounds.png") no-repeat -392px -2524px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF
}

#ctr_files .full a.logout {
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 15px;
    width: 70px;
    height: 19px;
    line-height: 19px;
    background: url("/public/images/layout/backgrounds.png") no-repeat -492px -2524px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF
}

#ctr_files .c_box_c .inputs {
    position: absolute;
    top: 13px;
    left: 113.5px;
    width: 305px;
    height: 69px;
    background: url("/public/images/layout/backgrounds.png") no-repeat 0px -2404px
}

#ctr_files .c_box_c .inputs .fieldset {
    overflow: hidden;
    height: 19px;
    margin-top: 10px
}

#ctr_files .c_box_c .inputs .fieldset label {
    float: left;
    width: 78px;
    line-height: 19px;
    padding-left: 11px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF
}

#ctr_files .c_box_c .inputs .fieldset input {
    float: left;
    border: 0px;
    width: 200px;
    height: 17px;
    padding: 2px 3px 0px;
    background: url("/public/images/layout/input_login.png")
}

#ctr_files .c_box_c a.pf {
    position: absolute;
    top: 91px;
    left: 123px
}

#ctr_files .c_box_c input.submit {
    position: absolute;
    top: 89px;
    right: 123px;
    width: 116px;
    height: 19px
}div.levitip {
    background-color: #ABD3DE;
    border: 1px solid #000;
    font-weight: bold;
    opacity: 0.8;
    max-width: 500px;
    padding: 2px 5px;
}

html>body div.outerbox
{
	padding: 0 5px 5px 0;
}
html>body div.outerbox div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
	background: url("/public/images/libraries/jquery.levitip/myshadow.png") no-repeat right top;
}
html>body div.outerbox div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
	background: url("/public/images/libraries/jquery.levitip/myshadow.png") left bottom;
}
html>body div.outerbox div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	background: url("/public/images/libraries/jquery.levitip/myshadow.png") no-repeat right bottom;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
}#facebox .b {
  background:url("/public/images/libraries/facebox/b.png");
}

#facebox .tl {
  background:url("/public/images/libraries/facebox/tl.png");
}

#facebox .tr {
  background:url("/public/images/libraries/facebox/tr.png");
}

#facebox .bl {
  background:url("/public/images/libraries/facebox/bl.png");
}

#facebox .br {
  background:url("/public/images/libraries/facebox/br.png");
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #4886b7;
  width: 370px;
  color: #FFFFFF
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}