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

.mainpnl { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.60); display: none; z-index: 99999; }
    .mainpnl .loading { width: 164px; height: 32px; background-color: #efefef; border-radius: 2px; border: solid 1px #e0e0e0; position: absolute; bottom: 0px; margin-left: 20px; margin-bottom: 20px; padding: 10px; }
        .mainpnl .loading span { width: 30px; height: 30px; float: left; background-image: url('http://yonetim.yontanitim.com.tr/content/image/loading.gif'); }
        .mainpnl .loading p { float: left; padding: 10px 10px 10px 10px; font-family: 'Trebuchet MS'; color: #000000; font-size: 12px; margin: 0px; }

.errorpnl { width: 600px; height: auto; overflow: hidden; background-color: #ffbfbf; border-radius: 2px; border: solid 1px #edb1b1; display: none; position: absolute; top: 10px; margin-bottom: 20px; }
    .errorpnl span { width: 24px; height: 24px; float: left; margin: 5px 0px 5px 5px; background-image: url('http://yonetim.yontanitim.com.tr/content/image/icon/icon-close.png'); }
    .errorpnl p { float: left; padding: 11px 10px 9px 10px; font-family: 'Trebuchet MS'; color: #000000; font-size: 12px; margin: 0px; }
    .errorpnl i { width: 16px; height: 16px; float: right; margin: 5px 5px 5px 5px; background-image: url('http://yonetim.yontanitim.com.tr/content/image/icon/icon-pnl-close.png'); }

.successpnl { width: 600px; height: auto; overflow: hidden; background-color: #bfffc4; border-radius: 2px; border: solid 1px #b2edb1; display: none; position: absolute; top: 10px; margin-bottom: 20px; }
    .successpnl span { width: 24px; height: 24px; float: left; margin: 5px 0px 5px 5px; background-image: url('http://yonetim.yontanitim.com.tr/content/image/icon/icon-approved.png'); }
    .successpnl p { float: left; padding: 11px 10px 9px 10px; font-family: 'Trebuchet MS'; color: #000000; font-size: 12px; margin: 0px; }
    .successpnl i { width: 16px; height: 16px; float: right; margin: 5px 5px 5px 5px; background-image: url('http://yonetim.yontanitim.com.tr/content/image/icon/icon-pnl-close.png'); }

.infopnl { width: 600px; height: auto; overflow: hidden; background-color: #bfe6ff; border-radius: 2px; border: solid 1px #b1d9ed; display: none; position: absolute; top: 10px; margin-bottom: 20px; }
    .infopnl span { width: 24px; height: 24px; float: left; margin: 5px 0px 5px 5px; background-image: url('http://yonetim.yontanitim.com.tr/content/image/icon/icon-info.png'); }
        .infopnl span img { width: 24px; height: 24px; float: left; }
    .infopnl p { float: left; padding: 11px 10px 9px 10px; font-family: 'Trebuchet MS'; color: #000000; font-size: 12px; margin: 0px; }
    .infopnl i { width: 16px; height: 16px; float: right; margin: 5px 5px 5px 5px; background-image: url('http://yonetim.yontanitim.com.tr/content/image/icon/icon-pnl-close.png'); }

.messagepnl { width: 400px; height: 100px; overflow: hidden; background-color: #bfe6ff; border-radius: 2px; border: solid 1px #b1d9ed; display: none; position: absolute; margin: 0 auto; top: 30%; left: 30%; }
    .messagepnl p { width: 380px; float: left; padding: 11px 10px 9px 10px; font-family: 'Trebuchet MS'; color: #000000; font-size: 15px; margin: 0px; text-align: center; margin: 10px 0px 10px 0px; }
    .messagepnl .span { width: 380px; height: auto; float: left; text-align: center; margin: 0px 10px 0px; }

H1 { }
H2 { }
H3 { }
H4 { }
H5 { font-size: 13px; }

.login { width: 242px; height: 280px; margin: 0 auto; margin-top: 200px; font-family: 'Trebuchet MS'; color: #ffffff; font-size: 12px; }
    .login .lg_01_01 { width: 222px; height: auto; float: left; padding: 10px 10px 10px 10px; background-color: #00bb71; }
    .login .lg_01_02 { width: 242px; height: 240px; float: left; background-color: white; }
    .login .lg_01_02_lg_01 { width: 222px; height: auto; float: left; margin: 20px 0px 0px 0px; padding: 0px 10px 0px 10px; }
        .login .lg_01_02_lg_01 span { width: 200px; height: 20px; float: left; color: black; margin-bottom: 10px; }
        .login .lg_01_02_lg_01 input { width: 200px; height: 20px; float: left; color: black; border: solid 1px #efefef; padding: 10px; }
    .login .lg_01_02_lg_02 { width: 222px; height: auto; float: left; margin: 20px 0px 0px 0px; padding: 0px 10px 0px 10px; }

.page { width: 100%; display: table; height: 100%; table-layout: fixed; position: absolute; }
.left { display: table-cell; vertical-align: top; background: #223550; width: 250px; position: relative; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 2px; }
.right { width: 1000px; height: auto; background: #f1f1f1; background-image: url('http://crm.yontanitim.com.tr/content/image/bg.png'); position: relative; display: table-cell; vertical-align: top; padding: 20px; background: #ffffff; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 10px 10px 20px; }

nav { width: 240px; height: auto; float: left; margin: 50px 0px 0px 0px; }
    nav ul { width: 240px; height: auto; float: left; padding: 0px; margin: 0px; list-style: none; }
        nav ul li { width: 240px; height: auto; float: left; list-style: none; padding: 5px 5px 5px 5px; background-color: #223550; border-bottom: solid 1px #1f3049; font-family: 'Trebuchet MS'; color: #efefef; font-size: 12px; text-decoration: none; font-weight: bold; }
            nav ul li:hover { width: 240px; height: auto; float: left; list-style: none; padding: 5px 5px 5px 5px; background-color: #1f3049; border-bottom: solid 1px #1f3049; }
            nav ul li a { font-family: 'Trebuchet MS'; color: #efefef; font-size: 12px; text-decoration: none; font-weight: bold; margin-left: 15px; }
        nav ul ul { width: 240px; height: auto; float: left; }
            nav ul ul li { width: 240px; height: 25px; float: left; padding: 0px 0px 0px 0px; background-color: blue; }
                nav ul ul li a { font-weight: normal; color: #ffffff; }

.pagetitle { width: 890px; height: auto; overflow: hidden; float: left; margin-bottom: 15px; }

.pagelist_title { width: 1000px; height: auto; overflow: hidden; float: left; border-radius: 2px; background-color: #31bc86; font-family: 'Trebuchet MS'; color: #ffffff; font-size: 13px; font-weight: bold; margin-bottom: 15px; }
    .pagelist_title .pg_01_01 { width: 457px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagelist_title .pg_01_02 { width: 300px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagelist_title .pg_01_03 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagelist_title .pg_01_04 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; }

.pagelist_list { width: 1000px; height: auto; overflow: hidden; float: left; border-radius: 2px; background-color: #f5f5f5; font-family: 'Trebuchet MS'; color: #000000; font-size: 13px; font-weight: normal; margin-top: 5px; }
    .pagelist_list:hover { background-color: #e7e7e7; }
    .pagelist_list .pg_02_01 { width: 457px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
        .pagelist_list .pg_02_01 b { margin-left: 35px; font-weight: normal; }
    .pagelist_list .pg_02_02 { width: 300px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagelist_list .pg_02_02 input{ width: 400px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagelist_list .pg_02_03 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagelist_list .pg_02_04 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; }
    .pagelist_list .pg_edit { color: #ADADAD; text-decoration: none; font-weight: normal; margin-left: 5px; }
    .pagelist_list .pg_edit2 { color: #2cad7b; text-decoration: none; font-weight: normal; margin-left: 5px; }
    .pagelist_list .pg_delete { color: #ADADAD; text-decoration: none; font-weight: normal; margin-left: 10px; }

.pagesubcatlist_title { width: 1000px; height: auto; overflow: hidden; float: left; border-radius: 2px; background-color: #31bc86; font-family: 'Trebuchet MS'; color: #ffffff; font-size: 13px; font-weight: bold; margin-bottom: 15px; }
    .pagesubcatlist_title .pg_01_01 { width: 256px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubcatlist_title .pg_01_02 { width: 280px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubcatlist_title .pg_01_05 { width: 200px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubcatlist_title .pg_01_03 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubcatlist_title .pg_01_04 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; }

.pagesubcatlist_list { width: 1000px; height: auto; overflow: hidden; float: left; border-radius: 2px; background-color: #f5f5f5; font-family: 'Trebuchet MS'; color: #000000; font-size: 13px; font-weight: normal; margin-top: 5px; }
    .pagesubcatlist_list:hover { background-color: #e7e7e7; }
    .pagesubcatlist_list .pg_02_01 { width: 256px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagesubcatlist_list .pg_02_02 { width: 280px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagesubcatlist_list .pg_02_05 { width: 200px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagesubcatlist_list .pg_02_03 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagesubcatlist_list .pg_02_04 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; }
    .pagesubcatlist_list .pg_edit { color: #ADADAD; text-decoration: none; font-weight: normal; margin-left: 5px; }
    .pagesubcatlist_list .pg_delete { color: #ADADAD; text-decoration: none; font-weight: normal; margin-left: 10px; }

.pagesubuploadlist_title { width: 875px; height: auto; overflow: hidden; float: left; border-radius: 2px; background-color: #31bc86; font-family: 'Trebuchet MS'; color: #ffffff; font-size: 13px; font-weight: bold; margin:10px 0px 10px 0px;}
    .pagesubuploadlist_title .pg_01_01 { width: 40px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubuploadlist_title .pg_01_02 { width: 396px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubuploadlist_title .pg_01_03 { width: 24px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubuploadlist_title .pg_01_04 { width: 45px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubuploadlist_title .pg_01_05 { width: 103px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
    .pagesubuploadlist_title .pg_01_06 { width: 142px; height: auto; float: left; padding: 10px 10px 10px 10px; }

.pagesubuploadlist_list { width: 875px; height: auto; overflow: hidden; float: left; border-radius: 2px; background-color: #f5f5f5; font-family: 'Trebuchet MS'; color: #000000; font-size: 13px; font-weight: normal; margin-top: 5px; }
    .pagesubuploadlist_list:hover { background-color: #e7e7e7; }
    .pagesubuploadlist_list .pg_02_01 { width: 40px; height: 31px; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagesubuploadlist_list .pg_02_02 { width: 396px; height: 31px; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
        .pagesubuploadlist_list .pg_02_02 input { width: 550px; height: auto; padding: 5px; float: left; border: none; }
    .pagesubuploadlist_list .pg_02_03 { width: 24px; height: 31px; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
        .pagesubuploadlist_list .pg_02_03 img { width: 24px; height: 31px; float: left; border-right: solid 1px #e7e7e7; }
    .pagesubuploadlist_list .pg_02_04 { width: 45px; height: 31px; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagesubuploadlist_list .pg_02_05 { width: 103px; height: 31px; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #e7e7e7; }
    .pagesubuploadlist_list .pg_02_06 { width: 142px; height: 31px; float: left; padding: 10px 10px 10px 10px; }
    .pagesubuploadlist_list .pg_copy { color: #ADADAD; text-decoration: none; font-weight: normal; margin-left: 5px; }
    .pagesubuploadlist_list .pg_show { color: #ADADAD; text-decoration: none; font-weight: normal; margin-left: 10px; }
    .pagesubuploadlist_list .pg_delete { color: #ADADAD; text-decoration: none; font-weight: normal; margin-left: 10px; }

.pagelist_search { width: 1000px; height: auto; overflow: hidden; float: left; border-radius: 2px; background-color: #d9f1e8; font-family: 'Trebuchet MS'; color: #ffffff; font-size: 13px; font-weight: bold; margin-bottom: 15px; display: none; }
    .pagelist_search .pg_03_01 { width: 457px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #cee4dc; }
        .pagelist_search .pg_03_01 input { width: 446px; height: auto; padding: 5px; float: left; border: none; border-radius: 2px; }
    .pagelist_search .pg_03_02 { width: 300px; height: auto; float: left; padding: 10px 10px 10px 10px; border-right: solid 1px #cee4dc; }
        .pagelist_search .pg_03_02 input { width: 289px; height: auto; padding: 5px; float: left; border: none; border-radius: 2px; }
    .pagelist_search .pg_03_03 { width: 80px; height: auto; float: left; padding: 10px 10px 8px 10px; border-right: solid 1px #cee4dc; }
        .pagelist_search .pg_03_03 select { width: 79px; height: auto; padding: 5px; float: left; border: none; border-radius: 2px; }
.pagelist_title .pg_03_04 { width: 80px; height: auto; float: left; padding: 10px 10px 10px 10px; }
.pagelist_search .pg_03_04 input { margin: 10px 10px 10px 10px; }

.page_edit { width: 890px; height: auto; overflow: hidden; float: left; font-family: 'Trebuchet MS'; color: #000000; font-size: 13px; font-weight: bold; margin-bottom: 15px; }
    .page_edit .pe_01_01 { width: 410px; height: auto; float: left; padding: 10px 10px 10px 10px; border-radius: 2px; background-color: #f5f5f5; margin: 10px 15px 10px 0px; }
        .page_edit .pe_01_01 span { width: 400px; height: auto; padding: 0px 0px 5px 0px; float: left; color: black; margin-bottom: 5px; }
        .page_edit .pe_01_01 span a{color:green;text-decoration:none;float:right;}
        .page_edit .pe_01_01 input { width: 400px; height: auto; padding: 5px 5px 5px 5px; float: left; border: none; border-radius: 2px; border: solid 1px #e7e7e7;background-color:#ffffff; }
        .page_edit .pe_01_01 .input { width: 400px; height: auto; padding: 5px 5px 5px 5px; float: left; border: none; border-radius: 2px; border: solid 1px #e7e7e7;background-color:#e7e7e7;}
        .page_edit .pe_01_01 select { width: 410px; height: auto; padding: 5px 5px 5px 5px; float: left; border: none; border-radius: 2px; border: solid 1px #e7e7e7; }
    .page_edit .pe_01_01_long { width: 855px; height: auto; float: left; padding: 10px 10px 10px 10px; border-radius: 2px; background-color: #f5f5f5; margin: 10px 15px 10px 0px; }
        .page_edit .pe_01_01_long span { width: 855px; height: auto; padding: 0px 0px 5px 0px; float: left; color: black; margin-bottom: 5px; }
        .page_edit .pe_01_01_long input { width: 843px; height: auto; padding: 5px 5px 5px 5px; float: left; border: none; border-radius: 2px; border: solid 1px #e7e7e7; }
        
    .page_edit .pe_01_01_long2 { width: 855px; height: auto; float: left; padding: 10px 10px 10px 10px; border-radius: 2px; background-color: #f5f5f5; margin: 10px 15px 10px 0px; }
        .page_edit .pe_01_01_long2 span { width: 855px; height: auto; padding: 0px 0px 5px 0px; float: left; color: black; margin-bottom: 5px; }
        .page_edit .pe_01_01_long2 input { width: 15px; height: auto; padding: 5px 5px 5px 5px; float: left; border: none; border-radius: 2px; border: solid 1px #e7e7e7; }

    .page_edit .pe_02_01 { width: 855px; height: auto; float: left; padding: 10px 10px 10px 10px; border-radius: 2px; background-color: #f5f5f5; margin: 10px 15px 10px 0px; }
        .page_edit .pe_02_01 input { width: 144px; height: 25px; float: right; }
        .page_edit .pe_02_01 .span { width: 855px; height: auto; padding: 0px 0px 5px 0px; float: left; color: black; margin-bottom: 5px; }
        .page_edit .pe_02_01 .editor { width: 855px; height: auto; float: left; margin-top: 10px; }

.tab { width: 875px; height: auto; float: left; }
    .tab ul { width: 875px; height: auto; float: left; padding: 0px; margin: 0px; list-style: none; border-radius: 2px; background-color: #31bc86; margin-bottom: 15px; }
        .tab ul li { width: 120px; height: auto; float: left; padding: 0px; margin: 0px; text-align: center; padding: 10px 10px 10px 10px; border-right: solid 1px #2cad7b; }
            .tab ul li:hover { background-color: #2cad7b; }
            .tab ul li a { font-family: 'Trebuchet MS'; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; display: inline-block; }

.tabcontext { width: 890px; height: auto; overflow: hidden; float: left; margin-bottom: 15px; display: none; }

.uploadGallery { width: 890px; height: auto; float: left; margin-top: 20px; }
    .uploadGallery .gallery { width: 180px; height: auto; float: left; margin: 10px 30px 15px 0px; border: solid 1px #efefef; border-radius: 2px; padding: 5px 5px 5px 5px; }
    .uploadGallery .pics { width: 180px; height: auto; float: left; margin-bottom: 5px; }
        .uploadGallery .pics img { width: 180px; height: auto; float: left; }
    .uploadGallery .code { width: 180px; height: auto; float: left; }
        .uploadGallery .code a { float: right; }

    .uploadGallery .galleryMenu { width: 180px; height: auto; float: left; background-color: rgba(255, 255, 255, 0.50); position: absolute; display: none; }
        .uploadGallery .galleryMenu .span { width: 170px; height: auto; float: left; margin-bottom: 5px; list-style: none; padding: 5px 5px 5px 5px; background-color: rgba(0, 0, 0, 0.20); }
            .uploadGallery .galleryMenu .span a { font-family: 'Trebuchet MS'; color: #000000; font-size: 13px; text-decoration: none; }
                .uploadGallery .galleryMenu .span a:hover { text-decoration: underline; }

.upload { width:875px;height:30px;float:left;}