body { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; margin: 0px auto; padding: 0px; background: #F3F3F3; overflow-x: auto; overflow-y: scroll; }
* html div, * html p { overflow: hidden; margin: 0px; padding: 0px; }
p, form, h1, h2, h3, h4, h5, ul, li { list-style: none; margin: 0px; padding: 0px; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
a { text-decoration: none; }
    a:hover { text-decoration: underline; }
img { border: 0px; }
.red { color: Red; }
.yellow { color: #FF9900; }
.yellow1 { color: Navy; }
.green { color: Green; }
.orange { color: Orange; }
.blue { color: Blue; }
.clear, .break { clear: both; }
.hide { display: none; }
.strong { font-weight: bold; }
.kheight { height: 5px; }
.fixed { position: fixed !important; z-index: 9999; }
.noscroll { overflow: hidden !important; }
.close { background: url(images/close.png); width: 13px; height: 13px; display: block; }
.padding60 { padding: 10px 0px 0 0; }
#kZoom { background-color: rgba(170, 170, 170, 0.3); bottom: 0; left: 0; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 9999; }
    #kZoom .boxpanel-view { width: 900px; box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4); padding: 10px; top: 110px !important; margin: 0px auto; position: static; height: 1000px; background: #fff; }
    #kZoom .k-dialog { background-color: #FCFCFC; box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4); padding: 0; -moz-box-sizing: content-box; overflow: hidden; margin: 0 auto; position: relative; padding-bottom: 30px; border: 1px solid #DDDDDD; margin-bottom: 20px; }
    #kZoom .k-dialog-title { background-color: #F3F3F3; border-bottom: 1px solid #DDDDDD; height: 18px; padding: 5px; }
    #kZoom .k-dialog-body { padding: 6px; }
    #kZoom .k-dialog-footer { background: #ddd; height: 25px; width: 99%; position: absolute; bottom: 0px; left: 0px; padding: 3px; }
    #kZoom .k-dialog .x-close { position: absolute; right: 5px; top: 5px; }
.kiframe { border: 0 none; display: block; height: 100%; width: 100%; }
#kportal { }
#kmain { margin: 0 auto; background: #fff; }
#ktop { height: 40px; position: relative; padding: 5px 0px; background: none repeat scroll 0 0 #007ACC; }
    #ktop .logo { float: left; width: 40px; padding-left: 10px; }
    #ktop h1 { float: left; color: #fff; font-family: Tahoma; font-size: 17px; padding-left: 5px; text-transform: uppercase; text-shadow: 1px 1px 3px #8E98F7; }
    #ktop .login { position: absolute; top: 30px; right: 5px; }
        #ktop .login a.alog { text-decoration: none; color: #fff; }
.portal-new { position: relative; }
    .portal-new h4 { color: #fff; cursor: pointer; height: 27px; font-size: 13px; }
.portal-new-sub { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C3D1EC; box-shadow: 0 1px 5px #CCCCCC; position: absolute; text-align: left; top: 20px; right: 0px; z-index: 999; display: none; }
.portal-sub { width: 120px; padding: 5px; }
    .portal-sub ul { display: block; list-style: none outside none; margin: 0; padding: 0; }
        .portal-sub ul li { color: #FFFFFF; }
            .portal-sub ul li a { text-decoration: none; color: #3366CC; display: block; font-size: 13px; padding: 5px 0px; }
                .portal-sub ul li a:hover { text-decoration: underline; }
#kcontent { float: left; width: 100%; }
#kcontentcolumnfull { margin: 0 0px 0 0px; }
#kcontentcolumn { margin: 0 0px 0 200px; padding-right: 5px; }
#kleft { float: left; width: 200px; margin-left: -100%; }
    #kleft ul li { position: relative; }
        #kleft ul li a, #kleft ul li span.folder { padding: 5px 0px 5px 25px; text-decoration: none; color: #333333; font-weight: bold; display: block; cursor: pointer; font-family: Arial; font-size: 12px; }
        #kleft ul li li a, #kleft ul li li span { font-weight: normal; }
            #kleft ul li li span.linkwrap { padding-left: 0px; }
        #kleft ul li .expandable-hitarea:before { font-family: 'FontAwesome'; color: #888888; content: "\f196"; left: 5px; top: 4px; position: absolute; width: 16px; height: 16px; font-size: 16px; }
        #kleft ul li .collapsable-hitarea:before { font-family: 'FontAwesome'; color: #888888; content: "\f147"; left: 5px; top: 4px; position: absolute; width: 16px; height: 16px; font-size: 16px; }
        #kleft ul li a .imgwrap { background: url(images/label.png) no-repeat; left: 5px; top: 4px; position: absolute; width: 16px; height: 16px; }
        #kleft ul li a .fa { color: #F0AD4E; font-size: 16px; left: 4px; position: absolute; top: 4px; }
        #kleft ul li a .imgwrap-submenu { background: url(images/label.png) no-repeat; left: 20px; top: 4px; position: absolute; width: 16px; height: 16px; }
        #kleft ul li a .count { background-color: #D8DFEA; border-radius: 3px 3px 3px 3px; color: #3B5998; float: right; font-size: 11px; font-weight: bold; left: -1px; padding: 0 4px; position: relative; }
        #kleft ul li a:hover { background: #eff2f7; }
        #kleft ul li a.active { background: none repeat scroll 0 0 #D8DFEA; font-weight: bold; color: Red; }
#kright { float: left; width: 0px; margin-left: -0px; }
.kleft { margin: 10px 0px; padding: 0 0 0 5px; }
.kright { margin: 0px 0px 0px 0px; }
.kcenter { margin: 5px 0px; }
#kfooter { text-align: center; padding: 10px 0 10px 0px; }
    #kfooter a { color: #000; }
#kmenu { padding: 5px 0px; top: 0px; background: #fff; width: 100%; overflow: hidden; height: 44px; }
    #kmenu .ul .li { position: relative; text-align: center; padding: 4px; display: block; float: left; border-radius: 5px; width: 76px; height: 40px; }
        #kmenu .ul .li a { display: block; text-decoration: none; color: #428BCA; min-width: 36px; }
        #kmenu .ul .li:hover { background: #428BCA; }
        #kmenu .ul .li a i { font-size: 26px; }
        #kmenu .ul .li:hover a { color: #fff; }
        #kmenu .ul .li a span { font-size: 12px; font-weight: bold; display: block; }
    #kmenu .ul .selected a { color: #F1635D; font-weight: bold; }
    #kmenu .ul .li a span.i-count { position: absolute; top: 0px; right: 0px; background: #ff0000; color: #fff; padding: 2px; font-weight: bold; }
    #kmenu .ul .li .disabled { color: #999; }
/*Default Template*/
.boxpanel { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; padding: 5px; border-radius: 5px 5px 0 0; border: 1px solid #D8DFEA; }
.boxpanel-tl { }
.boxpanel-tr { }
.boxpanel-tc { height: 32px; overflow: hidden; border-bottom: 1px solid #D8DFEA; }
.boxpanel-header-text { font-weight: bold; display: block; margin: 8px 0 0 10px; }
.boxpanel-bwrap { left: 0; top: 0; overflow: hidden; }
.boxpanel-ml { padding-left: 1px; }
.boxpanel-mr { padding-right: 1px; }
.boxpanel-mc { margin: 0; padding: 6px 0px; background: #ffffff; overflow: hidden; }
.boxpanel-bl { }
.boxpanel-br { }
.boxpanel-bc { }
.paging-default { margin: 10px 0 0 0; float: right; }
    .paging-default .paging_bg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DCE2EC; color: #034A8F; height: 19px; margin-left: 3px; white-space: nowrap; float: left; }
    .paging-default .current { background: none repeat scroll 0 0 #0A59A1; border: 1px solid #023B6E; color: #FFFFFF; cursor: pointer; height: 19px; margin-left: 3px; }
    .paging-default a { color: #3B5998; display: block; font-size: 11px; line-height: 19px; padding: 0 9px; text-decoration: none; }
.layout1 { margin: 5px; }
    .layout1 li { display: block; background: url(images/layout1-icon.gif) no-repeat 0px 10px; padding: 5px 0px 5px 10px; border-bottom: 1px dotted #202bc1; }
        .layout1 li a { color: #202bc1; font-weight: bold; }
.layout3 { margin: 5px; }
    .layout3 li { background: url(images/layout3-icon.gif) no-repeat 0px 10px; padding: 5px 0px 5px 15px; display: block; }
        .layout3 li a { color: #184388; }
.boxlayout3 { list-style-type: none; margin: 0px; padding: 0px; }
    .boxlayout3 li { width: 245px; float: left; padding-bottom: 30px; }
        .boxlayout3 li .divimg { background: url(images/border-layout2.gif) no-repeat; padding: 8px 2px 2px 0px; width: 189px; height: 130px; }
        .boxlayout3 li .img { border: 1px solid #bbb; }
        .boxlayout3 li a { color: #224762; text-decoration: none; }
.layout-news { list-style: none; margin: 0px; padding: 0px; }
    .layout-news li { margin: 0px; padding: 0px; margin-bottom: 10px; }
        .layout-news li a { text-decoration: none; color: #000; }
            .layout-news li a:hover { text-decoration: underline; }
        .layout-news li img { float: left; padding: 0px 5px 5px 0px; }
.layout-news-other h5 { margin: 0px; color: #005CA1; padding: 5px 0px 5px 10px; font-size: 10pt; background: #d9d9d9; }
.layout-news-other ul { list-style: none; margin: 0px; padding: 0px; }
.layout-news-other li { background: url(images/layout-news-other-icon.gif) no-repeat 5px 9px; padding: 5px 0 0 15px; }
    .layout-news-other li a { text-decoration: none; color: #005CA1; }
        .layout-news-other li a:hover { text-decoration: underline; }
.paging { margin: 10px 0 0 0; float: right; }
    .paging .paging_bg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DCE2EC; color: #034A8F; height: 19px; margin-left: 3px; white-space: nowrap; float: left; }
    .paging .current { background: none repeat scroll 0 0 #0A59A1; border: 1px solid #023B6E; color: #FFFFFF; cursor: pointer; height: 19px; margin-left: 3px; }
    .paging a { color: #3B5998; display: block; font-size: 11px; line-height: 19px; padding: 0 9px; text-decoration: none; }
    .paging .current a { color: #fff; }
.comment li { background: none; }
/*----------End Default Template*/
.left-layout01 { }
    .left-layout01 ul { list-style: none; margin: 0px; padding: 0px; }
        .left-layout01 ul li { background: url(images/home-li-icon.gif) no-repeat; margin: 0; padding: 0 0 10px 20px; }
    .left-layout01 li a { color: #1095C2; font-weight: bold; text-decoration: none; font-size: 13px; }
#map_canvas { height: 500px; width: 100%; }
table.k-table { width: 100%; border: 1px solid #99bbe8; border-collapse: inherit; border-collapse: collapse; }
    table.k-table tr { }
        table.k-table tr:hover { background-color: #EFF0F3; }
    table.k-table td, table.k-table th { padding: 5px; border: 1px solid #99bbe8; text-align: left; }
        table.k-table td.left { text-align: left; padding-left: 5px; }
        table.k-table td.name { text-align: left; vertical-align: top; padding-left: 5px; }
    table.k-table .Paging td { width: 20px; font-weight: normal; }
    table.k-table .Paging span { font-weight: bold; width: 20px; }
    table.k-table .k-table-head th { background: #d9e7f8; padding-left: 3px; color: #000000; border: 1px solid #99bbe8; text-align: center; }
    table.k-table .k-table-head a { text-decoration: none; color: #15428B; }
    table.k-table .k-table-view { font-weight: bold; width: 100px; color: #15428B; padding: 5px; text-align: left; background: #d9e7f8; }
.kTable { border-collapse: collapse; width: 100%; margin: 0px; padding: 0px; }
    .kTable tdNew { border-color: #BFD3EE; border-style: none solid solid none; border-width: 0 1px 1px 0; }
        .kTable tdNew a { color: #0000ff; text-decoration: underline; }
        .kTable tdNew.but { text-align: center; width: 20px; }
        .kTable tdNew a.cboxElement { color: #000; text-decoration: underline; }
.kTableHeader { }
    .kTableHeader td { padding: 5px; background: #2647A0; color: #fff; }
        .kTableHeader td a { color: #fff; }
.kTableRow { border-collapse: separate; }
.kTableRowR { background: #ff897b; }
.kTableRow td { padding: 3px; }
.k-panel { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; padding: 5px; border-radius: 5px 5px 0 0; border: 1px solid #D8DFEA; }
.k-panel-tl { }
.k-panel-tr { }
.k-panel-tc { height: 32px; overflow: hidden; border-bottom: 1px solid #D8DFEA; }
.k-panel-header-text { font-weight: bold; text-transform: uppercase; display: block; margin: 8px 0 0 10px; }
.k-panel-bwrap { left: 0; top: 0; overflow: hidden; }
.k-panel-ml { padding-left: 1px; }
.k-panel-mr { padding-right: 1px; }
.k-panel-mc { margin: 0; padding: 6px 0px; background: #ffffff; overflow: hidden; }
.k-panel-bl { }
.k-panel-br { }
.k-panel-bc { }
.k-toolbar { margin: 6px 0px; padding: 2px; }
    .k-toolbar h1 { text-align: center; font-size: 14pt; font-family: Tahoma; padding: 5px; }
.k-status { padding: 2px; margin: 6px 0 0 0; }
.tableHead { border-left: 1px solid #99BBE8; border-right: 1px solid #99BBE8; border-top: 1px solid #99BBE8; font-size: 15px; font-weight: bold; line-height: 30px; padding: 5px; }
/*Small Desktop and Very Small Notebook */
@media (max-width: 768px) {
    #ktop { height: 40px; position: relative; padding: 5px 0px; background: none repeat scroll 0 0 #007ACC; }
        #ktop .logo { display: none; }
        #ktop h1 { float: left; color: #fff; font-family: Tahoma; font-size: 15px; padding-left: 5px; text-transform: uppercase; text-shadow: 1px 1px 3px #8E98F7; }
        #ktop .login { position: absolute; top: 30px; right: 5px; }
    #kcontent { width: 100%; float: none; }
    #kcontentcolumn { padding: 0px 5px; margin: 0px; }
    #kleft { float: none; width: 100%; margin: 0px; }
}

.titleEmxamPlan { font-weight: bold; line-height: 16px; padding-top: 10px; text-align: center; }
.box_tracuu { height: 50px; padding-top: 10px; text-align: center; }
/*kWeb 4.0*/
.kGrid { border: 1px solid #4F93E3; }
.kPaging { padding: 3px; }
.kButton { padding: 3px; }
    .kButton a { text-decoration: none; padding: 5px; }
        .kButton a:hover { text-decoration: underline; }
.kTable { border-collapse: collapse; width: 100%; margin: 0px; padding: 0px; }
    .kTable td { border-color: #BFD3EE; border-style: solid; border-width: 1px; }
        .kTable td a { color: #0000ff; text-decoration: underline; }
        .kTable td.but { text-align: center; width: 20px; }
        .kTable td a.cboxElement { color: #000; text-decoration: underline; }
.kTableHeader { }
    .kTableHeader td { padding: 5px; background: #2647A0; color: #fff; text-align: center; }
        .kTableHeader td a { color: #fff; }
.kTableRow { border-collapse: separate; }
.kTableRowR { background: #ff897b; }
.kTableRow td { padding: 3px; }
.kTableAltRow td { padding: 3px; background: #EDF5FF; }
.kTableExamID td { padding: 3px; background: #5DffFF; }
.kTableMoneyLate { text-decoration: line-through; }
.tagslist { border-top: 1px dotted #e7e7e7; padding-top: 15px; }
    .tagslist a.tags { background-color: #D9E7F8; color: #3C428B; font-weight: bold; display: inline-block; line-height: 1.4; margin: 2px 2px 2px 0; padding: 5px 8px; text-decoration: none; white-space: nowrap; border-radius: 5px; }
.taskListRight { float: right; }
.taskListLeft { padding-top: 5px; width: 815px; float: left; }
/*-----------------------------------------------------*/
.panel-right-header { background: #ff0000; padding: 5px; border-top: 1px solid #043A60; }
    .panel-right-header h7 { font-size: 13px; font-weight: bold; color: #fff; }
ul.x-supportlist { list-style: none; margin: 0px; padding: 0px; }
    ul.x-supportlist li { margin: 2px 0px; padding: 5px; border: 1px solid #D8DFEA; }
        ul.x-supportlist li:hover { background: #F2F6F9; }
        ul.x-supportlist li .box-topic a.s-topcis { cursor: pointer; float: left; margin-right: 10px; text-decoration: none; }
            ul.x-supportlist li .box-topic a.s-topcis img { width: 25px; height: 25px; }
        ul.x-supportlist li .box-topic .box-topic-content { display: table-cell; float: left; position: relative; width: 467px; }
        ul.x-supportlist li a { color: #043A60; text-decoration: none; }
            ul.x-supportlist li a.strong { color: #ff0000; color: Red; }
.tagslist { border-top: 1px dotted #e7e7e7; padding-top: 15px; }
    .tagslist a.tags { background-color: #D9E7F8; color: #3C428B; font-weight: bold; display: inline-block; line-height: 1.4; margin: 2px 2px 2px 0; padding: 5px 8px; text-decoration: none; white-space: nowrap; border-radius: 5px; }
.h-mainpanelleft { width: 655px; padding: 0px 10px 0 18px; overflow: hidden; float: left; margin-top: 5px; }
.h-mainpanelright { width: 300px; overflow: hidden; float: left; margin-top: 5px; margin-right: 5px; }
/*------------------------------------------------------*/