﻿@charset utf-8;

/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# pageBody
# content
# command_button
# footer
# clearfix
# common classes

----------------------------------------*/


/* # body
---------------------------------------------------------------------------- */

body {
	background-color: #e3efff;
	color: #000;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0 auto;
	/*min-width: 1024px;
	min-height: 768px;*/
}

a
{
    text-decoration : none;
}
.messagebox
{
    padding: 4px;
    background-color: #EEEEEE;
    color: #006600;
    border: solid 1px #CCCCCC;
    font-weight: bold;
    margin-bottom: 10px;
}

.errorbox
{
    padding: 4px;
    background-color: #EEEEEE;
    color: #CC0000;
    border: solid 1px #CCCCCC;
    font-weight: bold;
    margin-bottom: 10px;
}

div#header
{
    height: 120px;
    padding: 0 0 2px;
    position: fixed;
    z-index: 99999;
}
/* # layout
---------------------------------------------------------------------------- */

div#layout 
{
    margin: 0 auto;
    overflow: hidden;
}

/* # pageBody
---------------------------------------------------------------------------- */

div#pageBody 
{
	margin: 0 auto;
}

div#pageBody_inner 
{
	margin: 0 auto;
	padding: 2px;
	/*min-width: 900px;*/

}

/* # content_wrap
---------------------------------------------------------------------------- */

div#content_wrap 
{
    padding: 10px 0 0;
    position: relative;
    margin: 0 auto;
    width: 1000px;
}

.text-header-color
{
    color: blue;
}

/* # Tin tức 
-----------------------------------------------------------------------------*/
.news {
    background: url("../../images/bg_line01.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    margin: 0px;
    padding: 4px 0 2px;
}
.news .news_inner {
    background: url("../../images/bg_news.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}
.news .news_left {
    float: left;
    width: 761px;
    
}
.news .news_left .news_list .block_news {
    /*background: url("../../images/bg_line01.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);*/
    border-bottom: 1px dashed #605CA8;
    margin: 0 0 5px 0px;
    padding: 0 0 15px 0;
}
.news .news_left .news_list .block_news .time_news {
    background: url("../../images/bg_date.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    line-height: 1.3;
    overflow: hidden;
    padding: 9px 0 0;
    text-align: center;
    width: 57px;
}
.news .news_left .news_list .block_news .right_info {
    float: left;
    margin: 9px 0 0 18px;
    width: 653px;
}

.news .news_left .news_list .block_news .right_info .title_news
{
    margin: 0px;
    font-weight: bold;
    font-family: Tahoma;
}

.news .news_left .news_list .block_news .right_info .title_news span {
    padding: 0 0 5px;
    color: #605CA8;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
}
.news .news_left .news_list .block_news .right_info .title_news a {
    color: #605CA8;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
}
.news .news_left .news_list .block_news .right_info .title_news a:hover {
    color: #006FBA;
}
.news .news_left .news_list .block_news .right_info .news_content {
    color: #003333;
    font-size: 14px;
    padding: 0;
    text-align: justify;
    margin: 0px;
    font-family: Tahoma;
}

.news .news_left .news_list .block_news .right_info .news_content .imgborder {
    border: 4px solid #FF9331;
    padding:2px;
    border-radius: 5px;
    background-color:#FFFFFF
}

.news .news_left .news_list .block_news .right_info .news_detail {
    float: right;
}
.news .news_left .news_list .block_news .right_info .news_detail a {
    background-color: #605CA8;
    border-radius: 20px;
    color: #FFFFFF;
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma;
}
.news .news_left .news_list .block_news .right_info .news_detail a:hover {
    color: #FFFFFF;
    background-color: #006FBA;
}
.news .news_left .news_list .last {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin: 0 !important;
}
.news .news_right {
    float: right;
    margin: 7px 0 0 2px;
    width: 236px;
}
.news .news_right .section h2 {
    color: #333333;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
}
.news .news_right .section {
    padding: 0 0 52px 30px;
}
.news .news_right .section .section_inner .list {
    padding: 0;
    list-style: none outside none;
}

.news .news_right .section .section_inner .list li a {
    color: #34429C;
    display: block;
    font-size: 14px;
    text-decoration: none;
    background-color: #C2D9F0;
    /*border: 3px solid #859EBF;*/
    border-radius: 20px;
    display: block;
    margin-bottom: 5px;
    padding: 5px 8px 5px 15px;
}
.news .news_right .section .section_inner .list li a:hover 
{
    background-color: #006fba;
    /*border: 3px solid #0054a6;*/
    color: #ffffff;
}
.news .news_right .section .section_inner .list li a.active 
{
    background-color: #006fba;
    color: #ffffff;
}
.news .news_left .news_list .disabled {
    display: none;
}
.news .news_left .news_list .bx-controls .btn_prev {
    bottom: -22px;
    left: 429px;
    position: absolute;
}
.news .news_left .news_list .bx-controls .btn_next {
    bottom: -22px;
    position: absolute;
    right: 193px;
}

.news_image
{
    float: left;
}
.pic_frame_news {
    background-color: #ffffff;
    border: 4px solid #D3461F;
    border-radius: 5px;
    margin: 5px 18px 0 0;
    width: 164px;
    text-align: center;
}
.pic_frame_news img
{
    border-radius: 3px;
}
.pic_shadow {
    background: url(../../images/pic-shadow.png) no-repeat scroll 0 0;
    height: 4px;
    margin: 0;
    width: 170px;
}

/*Paging
-----------------------------------------------------*/

.bar-page {
    float: left;
    width: 100%;
    padding-top: 10px;
    margin-bottom: 20px;
    background: url(../../images/bg_line01.png) repeat-x scroll left top;
}
.bar-page .pagination {
    float: right;
    margin-bottom: 10px;
    padding: 6px 0 5px 2px;
    margin-right: 35px;
}
.pages a.nextprev {
    font-weight: bold;
}
.pages span.nextprev {
    border: 1px solid #CDD9E9 !important;
    color: #91B2DE;
}
.pages a, .pages span {
    border-radius: 3px;
    color: #91B2DE;
    display: block;
    float: left;
    font-size: 12px;
    padding: 5px 12px;
}
.pages a, .pages span.current {
    background-color: #C2D9F0;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    padding: 8px 12px;
}
.pages a:hover {
    background: none repeat scroll 0 0 #006FBA;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 0 #003D70;
}
.pages a {
    color: #34429C;
    text-decoration: none;
}
.pages span.current {
    background: none repeat scroll 0 0 #006FBA;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 0 #003D70;
}

/* # content
---------------------------------------------------------------------------- */

div#content 
{
	color: #000000;
	background-color: #E3EFFF;
}

div#content .bhead
{
	background: url(../../images/bg_headerpanel.png) repeat-x scroll left top  !important;
    border: 1px solid #6490C9;
    border-radius: 3px 3px 0 0;
    color: #ffffff;
    font: 11px tahoma !important;
    height: 16px;
    padding: 2px 11px 0 9px !important;
    font-weight: bold !important;
}

div#content .bhead-margin-top
{
    margin-top: 3px;
}

div#content .section .section_inner 
{
    border-right: 1px solid #6490C9;
    border-left: 1px solid #6490C9;
    border-bottom: 1px solid #6490C9;
    padding: 2px;
    border-radius: 0px 0px 3px 3px;
    background-color: #e3efff;
}

div#content .section .section_inner_popup 
{
    overflow: hidden;
    border: 1px solid #6490C9;
    padding: 15px;
    margin: 15px;
    border-radius: 3px;
    background-color: #e3efff;
}

div#content .command_button
{
    padding: 3px 7px 10px 0px;
    text-align: right;
    right: 0;
    bottom: 0;
    position: absolute;
}

div#content .command_button_left
{
    padding: 3px 0px 10px 7px;
    text-align: left;
    left: 0;
    bottom: 0;
    position: absolute;
}

.popup_content
{
    padding: 15px;
    width:356px;
    background-color: #e3efff;
    overflow: hidden;
}

.popup_content table.group
{
    width:100%;
}

tbody
{
    height: auto !important;
}

.label
{
    font-family: Tahoma;
    font-size: 12px;
    line-height: 21px;
    padding-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

td.label
{
    padding: 3px 10px 3px 0px;
}

.label_space
{
    padding-left: 5px !important;
}

.label_width60
{
    width: 60px;
}

.label_width80
{
    width: 80px;
}

.label_width100
{
    width: 100px;
}

.heigh12 .dxeEditArea_Office2010Blue.dxeEditAreaSys
{
    font: 11px Tahoma !important;
    height: 12px !important;
}

.heigh12 .bold .dxeEditArea_Office2010Blue.dxeEditAreaSys
{
    font: 11px Tahoma !important;
    height: 12px !important;
    font-weight: bold !important;
}

.heigh12 td.label
{
    padding: 0px 0px 1px 0px;
}

.group_title {
    border-bottom: 2px solid #6C86AD;
    color: #6C86AD;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 0px;
    text-transform: uppercase;
}

.button-left
{
    float: left;
    margin-right: 5px;
}

.button-right
{
    float: right !important;
    margin-left: 5px;
}

.no-margin-right
{
    margin-right: 0px !important;
}
/*  Command Button 
------------------------------------------------------*/
.btnImportSTTC
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnImportSTTC.png) no-repeat scroll 0 0 !important;
    width: 251px !important;
    margin-top: 0px !important;
}
.btnImportSTTC:hover
{
    background: url(../../images/btnImportSTTC.png) no-repeat scroll 0 -24px !important;
}

.btnImportSTTC:active
{
    background: url(../../images/btnImportSTTC.png) no-repeat scroll 0 -48px !important;
}

.btnSwap
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnSwap.png) no-repeat scroll 0 0 !important;
    width: 107px !important;
    margin-right: 5px;
}
.btnSwap:hover
{
    background: url(../../images/btnSwap.png) no-repeat scroll 0 -26px !important;
}

.btnSwap:active
{
    background: url(../../images/btnSwap.png) no-repeat scroll 0 -52px !important;
}

.btnDeleteCoin
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDeleteCoin.png) no-repeat scroll 0 0 !important;
    width: 107px !important;
}
.btnDeleteCoin:hover
{
    background: url(../../images/btnDeleteCoin.png) no-repeat scroll 0 -26px !important;
}

.btnDeleteCoin:active
{
    background: url(../../images/btnDeleteCoin.png) no-repeat scroll 0 -52px !important;
}

.btnCheck
{
    text-indent: -10000px;
    border: none !important;
    background: url(../../images/btnCheck.png) no-repeat scroll 0 0 !important;
    width: 25px !important;
    height: 24px !important;
    margin-top: 0px !important;
}
.btnCheck:hover
{
    background: url(../../images/btnCheck.png) no-repeat scroll 0 -24px !important;
}
.btnCheck:active
{
    background: url(../../images/btnCheck.png) no-repeat scroll 0 -48px !important;
}

.btnUncheck
{
    text-indent: -10000px;
    border: none !important;
    background: url(../../images/btnUncheck.png) no-repeat scroll 0 0 !important;
    width: 25px !important;
    height: 24px !important;
    margin-top: 0px !important;
}
.btnUncheck:hover
{
    background: url(../../images/btnUncheck.png) no-repeat scroll 0 -24px !important;
}

.btnUncheck:active
{
    background: url(../../images/btnUncheck.png) no-repeat scroll 0 -48px !important;
}
.btnUpdateDate
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnUpdateDate.png) no-repeat scroll 0 0 !important;
    width: 177px !important;
    margin-right: 5px;
}
.btnUpdateDate:hover
{
    background: url(../../images/btnUpdateDate.png) no-repeat scroll 0 -26px !important;
}

.btnUpdateDate:active
{
    background: url(../../images/btnUpdateDate.png) no-repeat scroll 0 -52px !important;
}

.btnChooseAll
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnChooseAll.png) no-repeat scroll 0 0 !important;
    width: 67px !important;
}
.btnChooseAll:hover
{
    background: url(../../images/btnChooseAll.png) no-repeat scroll 0 -24px !important;
}

.btnChooseAll:active
{
    background: url(../../images/btnChooseAll.png) no-repeat scroll 0 -48px !important;
}

.btnChooseOne
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnChooseOne.png) no-repeat scroll 0 0 !important;
    width: 67px !important;
    margin: 0px 5px 0px 5px !important;
}
.btnChooseOne:hover
{
    background: url(../../images/btnChooseOne.png) no-repeat scroll 0 -24px !important;
}

.btnChooseOne:active
{
    background: url(../../images/btnChooseOne.png) no-repeat scroll 0 -48px !important;
}
.btnRemoveOne
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnRemoveOne.png) no-repeat scroll 0 0 !important;
    width: 67px !important;
}
.btnRemoveOne:hover
{
    background: url(../../images/btnRemoveOne.png) no-repeat scroll 0 -26px !important;
}

.btnRemoveOne:active
{
    background: url(../../images/btnRemoveOne.png) no-repeat scroll 0 -52px !important;
}

.btnViewTD
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnViewTD.png) no-repeat scroll 0 0 !important;
    width: 137px !important;
    margin: 0px 5px 0px 5px !important;
}
.btnViewTD:hover
{
    background: url(../../images/btnViewTD.png) no-repeat scroll 0 -24px !important;
}

.btnViewTD:active
{
    background: url(../../images/btnViewTD.png) no-repeat scroll 0 -48px !important;
}

.btnViewTD_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnViewTD.png) no-repeat scroll 0 -72px !important;
    width: 137px !important;
    margin: 0px 5px 0px 5px !important;
}

.btnViewTD_disable:hover
{
    background: url(../../images/btnViewTD.png) no-repeat scroll 0 -72px !important;
}

.btnViewTD_disable:active
{
    background: url(../../images/btnViewTD.png) no-repeat scroll 0 -72px !important;
}

.btnViewBDT
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnViewBDT.png) no-repeat scroll 0 0 !important;
    width: 137px !important;
    margin: 0px 5px 0px 5px !important;
}
.btnViewBDT:hover
{
    background: url(../../images/btnViewBDT.png) no-repeat scroll 0 -24px !important;
}

.btnViewBDT:active
{
    background: url(../../images/btnViewBDT.png) no-repeat scroll 0 -48px !important;
}

.btnViewBDT_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnViewBDT.png) no-repeat scroll 0 -72px !important;
    width: 137px !important;
    margin: 0px 5px 0px 5px !important;
}

.btnViewBDT_disable:hover
{
    background: url(../../images/btnViewBDT.png) no-repeat scroll 0 -72px !important;
}

.btnViewBDT_disable:active
{
    background: url(../../images/btnViewBDT.png) no-repeat scroll 0 -72px !important;
}

.btnPrint1 img,
.btnPrint1_disable img
{
    display: none;
}
.btnPrint1
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnPrint.png) no-repeat scroll 0 0 !important;
    width: 102px !important;
    margin-right: 5px;
}
.btnPrint1:hover
{
    background: url(../../images/btnPrint.png) no-repeat scroll 0 -26px !important;
}

.btnPrint1:active
{
    background: url(../../images/btnPrint.png) no-repeat scroll 0 -52px !important;
}

.btnUltility img,
.btnUltility_disable img
{
    display: none;
}
.btnUltility
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnUltility.png) no-repeat scroll 0 0 !important;
    width: 102px !important;
    margin-right: 5px;
}
.btnUltility:hover
{
    background: url(../../images/btnUltility.png) no-repeat scroll 0 -26px !important;
}

.btnUltility:active
{
    background: url(../../images/btnUltility.png) no-repeat scroll 0 -52px !important;
}

.btnUltility_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnUltility.png) no-repeat scroll 0 -78px !important;
    width: 102px !important;
    margin-right: 5px;
}
.btnUltility_disable:hover
{
    background: url(../../images/btnUltility.png) no-repeat scroll 0 -78px !important;
}

.btnUltility_disable:active
{
    background: url(../../images/btnUltility.png) no-repeat scroll 0 -78px !important;
}

.btnOK
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnOK.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnOK:hover
{
    background: url(../../images/btnOK.png) no-repeat scroll 0 -24px !important;
}

.btnOK:active
{
    background: url(../../images/btnOK.png) no-repeat scroll 0 -48px !important;
}

.btnImportMenu
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnImportMenu.png) no-repeat scroll 0 0 !important;
    width: 117px !important;
    margin-right: 5px;
}
.btnImportMenu:hover
{
    background: url(../../images/btnImportMenu.png) no-repeat scroll 0 -26px !important;
}

.btnImportMenu:active
{
    background: url(../../images/btnImportMenu.png) no-repeat scroll 0 -52px !important;
}

.btnExportMenu
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnExportMenu.png) no-repeat scroll 0 0 !important;
    width: 107px !important;
    margin-right: 5px;
}
.btnExportMenu:hover
{
    background: url(../../images/btnExportMenu.png) no-repeat scroll 0 -26px !important;
}

.btnExportMenu:active
{
    background: url(../../images/btnExportMenu.png) no-repeat scroll 0 -52px !important;
}


.btnOpenBook
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnOpenBook.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnOpenBook:hover
{
    background: url(../../images/btnOpenBook.png) no-repeat scroll 0 -26px !important;
}

.btnOpenBook:active
{
    background: url(../../images/btnOpenBook.png) no-repeat scroll 0 -52px !important;
}

.btnOpenBook_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnOpenBook.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnOpenBook_disable:hover
{
    background: url(../../images/btnOpenBook.png) no-repeat scroll 0 -78px !important;
}

.btnOpenBook_disable:active
{
    background: url(../../images/btnOpenBook.png) no-repeat scroll 0 -78px !important;
}

.btnCloseBook
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnCloseBook.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnCloseBook:hover
{
    background: url(../../images/btnCloseBook.png) no-repeat scroll 0 -26px !important;
}

.btnCloseBook:active
{
    background: url(../../images/btnCloseBook.png) no-repeat scroll 0 -52px !important;
}

.btnCloseBook_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnCloseBook.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnCloseBook_disable:hover
{
    background: url(../../images/btnCloseBook.png) no-repeat scroll 0 -78px !important;
}

.btnCloseBook_disable:active
{
    background: url(../../images/btnCloseBook.png) no-repeat scroll 0 -78px !important;
}

.btnFilter
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnFilter.png) no-repeat scroll 0 0 !important;
    width: 107px !important;
    margin: 0px 5px 0px 5px !important;
}
.btnFilter:hover
{
    background: url(../../images/btnFilter.png) no-repeat scroll 0 -24px !important;
}

.btnFilter:active
{
    background: url(../../images/btnFilter.png) no-repeat scroll 0 -48px !important;
}

.btnSelect
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnSelect.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin: 5px;
}
.btnSelect:hover
{
    background: url(../../images/btnSelect.png) no-repeat scroll 0 -26px !important;
}

.btnSelect:active
{
    background: url(../../images/btnSelect.png) no-repeat scroll 0 -52px !important;
}

.btnLibrary
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnLibrary.png) no-repeat scroll 0 0 !important;
    width: 157px !important;
    margin: 2px 5px 0px 0px;
}
.btnLibrary:hover
{
    background: url(../../images/btnLibrary.png) no-repeat scroll 0 -26px !important;
}

.btnLibrary:active
{
    background: url(../../images/btnLibrary.png) no-repeat scroll 0 -52px !important;
}

.btnCopyAttendance
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnCopyAttendance.png) no-repeat scroll 0 0 !important;
    width: 217px !important;
    margin-right: 5px;
}
.btnCopyAttendance:hover
{
    background: url(../../images/btnCopyAttendance.png) no-repeat scroll 0 -26px !important;
}

.btnCopyAttendance:active
{
    background: url(../../images/btnCopyAttendance.png) no-repeat scroll 0 -52px !important;
}

.btnCopyGroup
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnCopyGroup.png) no-repeat scroll 0 0 !important;
    width: 207px !important;
    margin-right: 5px;
}
.btnCopyGroup:hover
{
    background: url(../../images/btnCopyGroup.png) no-repeat scroll 0 -26px !important;
}

.btnCopyGroup:active
{
    background: url(../../images/btnCopyGroup.png) no-repeat scroll 0 -52px !important;
}

.btnNormalization
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnNormalization.png) no-repeat scroll 0 0 !important;
    width: 147px !important;
    margin-right: 5px;
}
.btnNormalization:hover
{
    background: url(../../images/btnNormalization.png) no-repeat scroll 0 -26px !important;
}

.btnNormalization:active
{
    background: url(../../images/btnNormalization.png) no-repeat scroll 0 -52px !important;
}


.btnAbsent
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnAbsent.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin: 0px 5px !important;
}
.btnAbsent:hover
{
    background: url(../../images/btnAbsent.png) no-repeat scroll 0 -24px !important;
}

.btnAbsent:active
{
    background: url(../../images/btnAbsent.png) no-repeat scroll 0 -48px !important;
}

.btnUnabsent
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnUnabsent.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin: 0px 5px !important;
}
.btnUnabsent:hover
{
    background: url(../../images/btnUnabsent.png) no-repeat scroll 0 -24px !important;
}

.btnUnabsent:active
{
    background: url(../../images/btnUnAbsent.png) no-repeat scroll 0 -48px !important;
}

.btnHideColumn
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnHideColumn.png) no-repeat scroll 0 0 !important;
    width: 107px !important;
    margin: 0px 5px 0px 5px !important;
}
.btnHideColumn:hover
{
    background: url(../../images/btnHideColumn.png) no-repeat scroll 0 -24px !important;
}

.btnHideColumn:active
{
    background: url(../../images/btnHideColumn.png) no-repeat scroll 0 -48px !important;
}

.btnChangeQuota
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnChangeQuota.png) no-repeat scroll 0 0 !important;
    width: 167px !important;
    margin-right: 5px;
}
.btnChangeQuota:hover
{
    background: url(../../images/btnChangeQuota.png) no-repeat scroll 0 -26px !important;
}

.btnChangeQuota:active
{
    background: url(../../images/btnChangeQuota.png) no-repeat scroll 0 -52px !important;
}

/*Help support*/
.buttonintro
{
    float:right;
    margin-left: 2px;
}
.buttonintroleft
{
    float:left;
    margin-left: 2px;
}
.btnhdsd 
{
    background: White url(../../images/btnHDSD.png) no-repeat scroll 0 0 !important;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	width:97px;
	float:right;
	margin:5px 5px 0px 0px; 
    height:26px;
    text-indent: -10000px;
}

.btnhdsd:hover {
	background: #9bd1f2 url(../../images/btnHDSD.png) no-repeat scroll 0 -26px !important;
}

.btnhdsd:active {
	background: #9bd1f2 url(../../images/btnHDSD.png) no-repeat scroll 0 -52px !important;
}
.questionicon
{
    background: url(../../images/menu/16x16/help_16x16.png) no-repeat left !important;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	float:right;
	margin-left:10px; 
	height:16px;
	min-width: 16px;
}

.infoicon
{
    background: url(../../images/menu/16x16/info_16x16.png) no-repeat left !important;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	float:right;
	margin-left:10px; 
	height:16px;
	min-width: 16px;
}

.btnChooseMonth
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnChooseMonth.png) no-repeat scroll 0 0 !important;
    width: 127px !important;
    margin-right: 5px;
}
.btnChooseMonth:hover
{
    background: url(../../images/btnChooseMonth.png) no-repeat scroll 0 -26px !important;
}

.btnChooseMonth:active
{
    background: url(../../images/btnChooseMonth.png) no-repeat scroll 0 -52px !important;
}

.btnContinue
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnContinue.png) no-repeat scroll 0 0 !important;
    width: 127px !important;
    margin-right: 5px;
}
.btnContinue:hover
{
    background: url(../../images/btnContinue.png) no-repeat scroll 0 -26px !important;
}

.btnContinue:active
{
    background: url(../../images/btnContinue.png) no-repeat scroll 0 -52px !important;
}

.btnUndelete
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnUndelete.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnUndelete:hover
{
    background: url(../../images/btnUndelete.png) no-repeat scroll 0 -26px !important;
}

.btnUndelete:active
{
    background: url(../../images/btnUndelete.png) no-repeat scroll 0 -52px !important;
}

.btnAddMenu
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnAddMenu.png) no-repeat scroll 0 0 !important;
    width: 117px !important;
    margin: 0px 5px 0px 5px !important;
}
.btnAddMenu:hover
{
    background: url(../../images/btnAddMenu.png) no-repeat scroll 0 -24px !important;
}

.btnAddMenu:active
{
    background: url(../../images/btnAddMenu.png) no-repeat scroll 0 -48px !important;
}

.btnResetPassword
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnResetPassword.png) no-repeat scroll 0 0 !important;
    width: 147px !important;
    margin-right: 5px;
}
.btnResetPassword:hover
{
    background: url(../../images/btnResetPassword.png) no-repeat scroll 0 -26px !important;
}

.btnResetPassword:active
{
    background: url(../../images/btnResetPassword.png) no-repeat scroll 0 -52px !important;
}

.btnMD5Password
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnMD5Password.png) no-repeat scroll 0 0 !important;
    width: 147px !important;
    margin-right: 5px;
}
.btnMD5Password:hover
{
    background: url(../../images/btnMD5Password.png) no-repeat scroll 0 -26px !important;
}

.btnMD5Password:active
{
    background: url(../../images/btnMD5Password.png) no-repeat scroll 0 -52px !important;
}

.btnAddFood
{
    text-indent: -10000px;
    border: none !important;
    height: 24px !important;
    background: url(../../images/btnAddFood.png) no-repeat scroll 0 0 !important;
    width: 117px !important;
   margin: 0px 5px 0px 5px !important;
}
.btnAddFood:hover
{
    background: url(../../images/btnAddFood.png) no-repeat scroll 0 -24px !important;
}

.btnAddFood:active
{
    background: url(../../images/btnAddFood.png) no-repeat scroll 0 -48px !important;
}

.btnAddFood_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnAddFood.png) no-repeat scroll 0 -72px !important;
    width: 117px !important;
    margin: 0px 5px 0px 5px !important;
}

.btnAddFood_disable:hover
{
    background: url(../../images/btnAddFood.png) no-repeat scroll 0 -72px !important;
}

.btnAddFood_disable:active
{
    background: url(../../images/btnAddFood.png) no-repeat scroll 0 -72px !important;
}

.btnAdd img,
.btnAdd_disable img
{
    display: none;
}
.btnAdd
{
    text-indent: -10000px;
    border: none !important;
    height: 26px !important;
    background: url(../../images/btnAdd.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnAdd:hover
{
    background: url(../../images/btnAdd.png) no-repeat scroll 0 -26px !important;
}

.btnAdd:active
{
    background: url(../../images/btnAdd.png) no-repeat scroll 0 -52px !important;
}

.btnAdd_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 24px;
    background: url(../../images/btnAdd.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnAdd_disable:hover
{
    background: url(../../images/btnAdd.png) no-repeat scroll 0 -78px !important;
}

.btnAdd_disable:active
{
    background: url(../../images/btnAdd.png) no-repeat scroll 0 -78px !important;
}

.btnAddOther
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnAddOther.png) no-repeat scroll 0 0 !important;
    width: 112px !important;
    margin-right: 5px;
}
.btnAddOther:hover
{
    background: url(../../images/btnAddOther.png) no-repeat scroll 0 -26px !important;
}

.btnAddOther:active
{
    background: url(../../images/btnAddOther.png) no-repeat scroll 0 -52px !important;
}

.btnAddOther1
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnAddOther1.png) no-repeat scroll 0 0 !important;
    width: 127px !important;
    margin-right: 5px;
}
.btnAddOther1:hover
{
    background: url(../../images/btnAddOther1.png) no-repeat scroll 0 -26px !important;
}

.btnAddOther1:active
{
    background: url(../../images/btnAddOther1.png) no-repeat scroll 0 -52px !important;
}

.btnAddSmall
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnAddSmall.png) no-repeat scroll 0 0 !important;
    width: 28px !important;
    margin-top: 0px !important;
}
.btnAddSmall:hover
{
    background: url(../../images/btnAddSmall.png) no-repeat scroll 0 -26px !important;
}

.btnAddSmall:active
{
    background: url(../../images/btnAddSmall.png) no-repeat scroll 0 -52px !important;
}

.btnAddSmall_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnAddSmall.png) no-repeat scroll 0 -78px !important;
    width: 28px !important;
    margin-top: 0px !important;
}
.btnAddSmall_disable:hover
{
    background: url(../../images/btnAddSmall.png) no-repeat scroll 0 -78px !important;
}

.btnAddSmall_disable:active
{
    background: url(../../images/btnAddSmall.png) no-repeat scroll 0 -78px !important;
}

.btnDeleteAll
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDeleteAll.png) no-repeat scroll 0 0 !important;
    width: 107px !important;
    margin-right: 5px;
}
.btnDeleteAll:hover
{
    background: url(../../images/btnDeleteAll.png) no-repeat scroll 0 -26px !important;
}

.btnDeleteAll:active
{
    background: url(../../images/btnDeleteAll.png) no-repeat scroll 0 -52px !important;
}

.btnDelete
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDelete.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnDelete:hover
{
    background: url(../../images/btnDelete.png) no-repeat scroll 0 -26px !important;
}

.btnDelete:active
{
    background: url(../../images/btnDelete.png) no-repeat scroll 0 -52px !important;
}

.btnDelete_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDelete.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnDelete_disable:hover
{
    background: url(../../images/btnDelete.png) no-repeat scroll 0 -78px !important;
}

.btnDelete_disable:active
{
    background: url(../../images/btnDelete.png) no-repeat scroll 0 -78px !important;
}

.btnDeleteSmall
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDeleteSmall.png) no-repeat scroll 0 0 !important;
    width: 28px !important;
}
.btnDeleteSmall:hover
{
    background: url(../../images/btnDeleteSmall.png) no-repeat scroll 0 -26px !important;
}

.btnDeleteSmall:active
{
    background: url(../../images/btnDeleteSmall.png) no-repeat scroll 0 -52px !important;
}

.btnDeleteSmall_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDeleteSmall.png) no-repeat scroll 0 -78px !important;
    width: 28px !important;
}
.btnDeleteSmall_disable:hover
{
    background: url(../../images/btnDeleteSmall.png) no-repeat scroll 0 -78px !important;
}

.btnDeleteSmall_disable:active
{
    background: url(../../images/btnDeleteSmall.png) no-repeat scroll 0 -78px !important;
}

.btnEdit
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnEdit.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnEdit:hover
{
    background: url(../../images/btnEdit.png) no-repeat scroll 0 -26px !important;
}

.btnEdit:active
{
    background: url(../../images/btnEdit.png) no-repeat scroll 0 -52px !important;
}

.btnEditSmall
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnEditSmall.png) no-repeat scroll 0 0 !important;
    width: 28px !important;
}
.btnEditSmall:hover
{
    background: url(../../images/btnEditSmall.png) no-repeat scroll 0 -26px !important;
}

.btnEditSmall:active
{
    background: url(../../images/btnEditSmall.png) no-repeat scroll 0 -52px !important;
}

.btnCopyFoodName
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnCopyFoodName.png) no-repeat scroll 0 0 !important;
    width: 187px !important;
    margin-right: 5px;
}
.btnCopyFoodName:hover
{
    background: url(../../images/btnCopyFoodName.png) no-repeat scroll 0 -26px !important;
}

.btnCopyFoodName:active
{
    background: url(../../images/btnCopyFoodName.png) no-repeat scroll 0 -52px !important;
}

.btnSave
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnSave.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnSave:hover
{
    background: url(../../images/btnSave.png) no-repeat scroll 0 -26px !important;
}

.btnSave:active
{
    background: url(../../images/btnSave.png) no-repeat scroll 0 -52px !important;
}

.btnSave_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnSave.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnSave_disable:hover
{
    background: url(../../images/btnSave.png) no-repeat scroll 0 -78px !important;
}

.btnSave_disable:active
{
    background: url(../../images/btnSave.png) no-repeat scroll 0 -78px !important;
}

.btnSaveAs
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnSaveAs.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnSaveAs:hover
{
    background: url(../../images/btnSaveAs.png) no-repeat scroll 0 -26px !important;
}

.btnSaveAs:active
{
    background: url(../../images/btnSaveAs.png) no-repeat scroll 0 -52px !important;
}

.btnSaveAs_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnSaveAs.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnSaveAs_disable:hover
{
    background: url(../../images/btnSaveAs.png) no-repeat scroll 0 -78px !important;
}

.btnSaveAs_disable:active
{
    background: url(../../images/btnSaveAs.png) no-repeat scroll 0 -78px !important;
}

.btnSaveSmall
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnSaveSmall.png) no-repeat scroll 0 0 !important;
    width: 28px !important;
}
.btnSaveSmall:hover
{
    background: url(../../images/btnSaveSmall.png) no-repeat scroll 0 -26px !important;
}

.btnSaveSmall:active
{
    background: url(../../images/btnSaveSmall.png) no-repeat scroll 0 -52px !important;
}

.btnSearch
{
    text-indent: -10000px;
    border: none !important;
    background: url(../../images/btnSearch.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    height: 24px !important;
}
.btnSearch:hover
{
    background: url(../../images/btnSearch.png) no-repeat scroll 0 -24px !important;
}

.btnSearch:active
{
    background: url(../../images/btnSearch.png) no-repeat scroll 0 -48px !important;
}

.btnYes
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnYes.png) no-repeat scroll 0 0 !important;
    width: 67px !important;
    margin-right: 5px;
}
.btnYes:hover
{
    background: url(../../images/btnYes.png) no-repeat scroll 0 -26px !important;
}

.btnYes:active
{
    background: url(../../images/btnYes.png) no-repeat scroll 0 -52px !important;
}

.btnNo
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnNo.png) no-repeat scroll 0 0 !important;
    width: 67px !important;
}
.btnNo:hover
{
    background: url(../../images/btnNo.png) no-repeat scroll 0 -26px !important;
}

.btnNo:active
{
    background: url(../../images/btnNo.png) no-repeat scroll 0 -52px !important;
}

.btnPrint
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnPrint.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnPrint:hover
{
    background: url(../../images/btnPrint.png) no-repeat scroll 0 -26px !important;
}

.btnPrint:active
{
    background: url(../../images/btnPrint.png) no-repeat scroll 0 -52px !important;
}

.btnPrint_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnPrint.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnPrint_disable:hover
{
    background: url(../../images/btnPrint.png) no-repeat scroll 0 -78px !important;
}

.btnPrint_disable:active
{
    background: url(../../images/btnPrint.png) no-repeat scroll 0 -78px !important;
}

.btnWord
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnWord.png) no-repeat scroll 0 0 !important;
    width: 127px !important;
    margin-right: 5px;
}
.btnWord:hover
{
    background: url(../../images/btnWord.png) no-repeat scroll 0 -26px !important;
}

.btnWord:active
{
    background: url(../../images/btnWord.png) no-repeat scroll 0 -52px !important;
}

.btnExcel
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnExcel.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnExcel:hover
{
    background: url(../../images/btnExcel.png) no-repeat scroll 0 -26px !important;
}

.btnExcel:active
{
    background: url(../../images/btnExcel.png) no-repeat scroll 0 -52px !important;
}

.btnExcel_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnExcel.png) no-repeat scroll 0 -78px !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnExcel_disable:hover
{
    background: url(../../images/btnExcel.png) no-repeat scroll 0 -78px !important;
}

.btnExcel_disable:active
{
    background: url(../../images/btnExcel.png) no-repeat scroll 0 -78px !important;
}

.btnExit
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnExit.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
}
.btnExit:hover
{
    background: url(../../images/btnExit.png) no-repeat scroll 0 -26px !important;
}

.btnExit:active
{
    background: url(../../images/btnExit.png) no-repeat scroll 0 -52px !important;
}

.btnCancel
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnCancel.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnCancel:hover
{
    background: url(../../images/btnCancel.png) no-repeat scroll 0 -26px !important;
}

.btnCancel:active
{
    background: url(../../images/btnCancel.png) no-repeat scroll 0 -52px !important;
}

.btnCancelSmall
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnCancelSmall.png) no-repeat scroll 0 0 !important;
    width: 28px !important;
}
.btnCancelSmall:hover
{
    background: url(../../images/btnCancelSmall.png) no-repeat scroll 0 -26px !important;
}

.btnCancelSmall:active
{
    background: url(../../images/btnCancelSmall.png) no-repeat scroll 0 -52px !important;
}
.btnCancelSmall_disable
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnCancelSmall.png) no-repeat scroll 0 -78px !important;
    width: 28px !important;
    margin-top: 0px !important;
}
.btnCancelSmall_disable:hover
{
    background: url(../../images/btnCancelSmall.png) no-repeat scroll 0 -78px !important;
}

.btnCancelSmall_disable:active
{
    background: url(../../images/btnCancelSmall.png) no-repeat scroll 0 -78px !important;
}
.btnAbort
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnAbort.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
    /*height: 24px !important;*/
}
.btnAbort:hover
{
    background: url(../../images/btnAbort.png) no-repeat scroll 0 -26px !important;
}

.btnAbort:active
{
    background: url(../../images/btnAbort.png) no-repeat scroll 0 -52px !important;
}

.btnAccept
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnAccept.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnAccept:hover
{
    background: url(../../images/btnAccept.png) no-repeat scroll 0 -26px !important;
}

.btnAccept:active
{
    background: url(../../images/btnAccept.png) no-repeat scroll 0 -52px !important;
}

.btnDownload
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDownload.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
}
.btnDownload:hover
{
    background: url(../../images/btnDownload.png) no-repeat scroll 0 -26px !important;
}

.btnDownload:active
{
    background: url(../../images/btnDownload.png) no-repeat scroll 0 -52px !important;
}

.btnSendMail
{
    text-indent: -10000px;
    border: none !important;
    background: url(../../images/btnSendMail.png) no-repeat scroll 0 0 !important;
    width: 67px !important;
    height: 50px !important;
}
.btnSendMail:hover
{
    background: url(../../images/btnSendMail.png) no-repeat scroll 0 -50px !important;
}

.btnSendMail:active
{
    background: url(../../images/btnSendMail.png) no-repeat scroll 0 -100px !important;
}

.btnSendSMS
{
    text-indent: -10000px;
    border: none !important;
    background: url(../../images/btnSendSMS.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    height: 56px !important;
}
.btnSendSMS:hover
{
    background: url(../../images/btnSendSMS.png) no-repeat scroll 0 -56px !important;
}

.btnSendSMS:active
{
    background: url(../../images/btnSendSMS.png) no-repeat scroll 0 -112px !important;
}

.btnUp
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnUp.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    /*height: 24px !important;*/
}
.btnUp:hover
{
    background: url(../../images/btnUp.png) no-repeat scroll 0 -26px !important;
}

.btnUp:active
{
    background: url(../../images/btnUp.png) no-repeat scroll 0 -52px !important;
}

.btnMarginBottom
{
    margin-bottom: 5px;
}
.btnUpSmall
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnUpSmall.png) no-repeat scroll 0 0 !important;
    width: 28px !important;
    /*height: 24px !important;*/
}
.btnUpSmall:hover
{
    background: url(../../images/btnUpSmall.png) no-repeat scroll 0 -26px !important;
}

.btnUpSmall:active
{
    background: url(../../images/btnUpSmall.png) no-repeat scroll 0 -52px !important;
}

.btnDown
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDown.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    /*height: 24px !important;*/
}
.btnDown:hover
{
    background: url(../../images/btnDown.png) no-repeat scroll 0 -26px !important;
}

.btnDown:active
{
    background: url(../../images/btnDown.png) no-repeat scroll 0 -52px !important;
}

.btnDownSmall
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnDownSmall.png) no-repeat scroll 0 0 !important;
    width: 28px !important;
    /*height: 24px !important;*/
}
.btnDownSmall:hover
{
    background: url(../../images/btnDownSmall.png) no-repeat scroll 0 -26px !important;
}
.btnDownSmall:active
{
    background: url(../../images/btnDownSmall.png) no-repeat scroll 0 -52px !important;
}

.btnSort
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
    background: url(../../images/btnSort.png) no-repeat scroll 0 0 !important;
    width: 87px !important;
    margin-right: 5px;
    /*height: 24px !important;*/
}
.btnSort:hover
{
    background: url(../../images/btnSort.png) no-repeat scroll 0 -26px !important;
}

.btnSort:active
{
    background: url(../../images/btnSort.png) no-repeat scroll 0 -52px !important;
}

.btnFileManager
{
    text-indent: -10000px;
    border: none !important;
    background: url(../../images/btnFileManager.png) no-repeat scroll 0 0 !important;
    width: 107px !important;
    height: 24px !important;
    margin-top: 0px !important;
}
.btnFileManager:hover
{
    background: url(../../images/btnFileManager.png) no-repeat scroll 0 -24px !important;
}

.btnFileManager:active
{
    background: url(../../images/btnFileManager.png) no-repeat scroll 0 -48px !important;
}

.dxsplPane_Office2010Blue, .dxsplPaneCollapsed_Office2010Blue
{
    border: none !important;
}

div#pageBody:after,
div#gnavi .gnavi_list:after,
div#header .hsection:after,
div#gnavi #gnavi_inner:after,
div#footer div#footer_top_inner .recent_project:after,
div#footer div#footer_top_inner .recent_project .block_right .recent_list:after,
div#footer #footer_bot #footer_bot_inner .logo_list:after,
div#footer #footer_bot #footer_bot_inner:after,
div#wrap_index div#content_index #content_inner .block_mid:after,
div#pageBody #pageBody_inner:after,
div#pageBody #pageBody_inner #content_wrap:after,
div#pageBody #pageBody_inner #content .contact .send:after,
#wrap .wrap_page .wrap_inner .block_section .block_inner .box_login:after,
.list_bill .total:after,
.block_menu .block_menu_inner ul:after,
.service_list .service_block .service_inner .block_check .form_check:after,
.service_list .service_block .service_inner .domain_list:after,
.service_list .service_block .service_inner .host_list:after,
#content_wrap .feature:after,
.project_list:after,
.project_list .pro_item .action_block:after,
#content_wrap .template_detail .template_box .box_right .action_block ul:after,
#content_wrap .template_detail .template_box .box_right .action_block ul li a:after,
.news:after,
.news .news_inner:after,
.news .news_left .news_list .block_news:after,
.customer .customer_inner .customer_list .customer_list_inner li ul:after,
div#footer #footer_bot #footer_bot_inner .footer_left .block_top:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

table.tbl
{
    border-collapse: collapse;
}

table.tbl th
{
    border: 1px solid #ffffff;
    font-family: tahoma;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}

table.tbl td
{
    border: 1px solid #fff;
    font-family: tahoma;
    padding: 3px 8px;
}

table.tbl a
{
    padding-left: 5px;
    padding-right: 5px;
}




/* BEGIN Edit style Ribbon Devexpress 
---------------------------------------------------------------------------- */
.dxr-popOut
{
    margin: 4px 3px !important;
}

.dxrControl_Office2010Blue .dxr-blHorItems .dxr-item .dxr-popOut
{
    padding: 5px 3px 7px 3px;
}

.dxrControl_Office2010Blue .dxr-blHorItems .dxr-item .dxr-label
{
    margin: 0px;
    padding: 0px;
}

.dxr-groupLabel
{
    background-color: #C2D9F0 !important;
    border-radius: 3px;
    color: #566AC1 !important;
}

.dxr-tabContent
{
    font: 12px tahoma !important;
    background: url(../../images/bg_tagcontent.png) repeat-x scroll left top !important;
}

.dxr-groupList .dxr-group
{
    margin: 2px 1px !important;
    border: 1px solid #9fbcdb;
    border-radius: 3px;
    padding: 0px !important;
}

.dxr-groupSep b
{
    background: none !important;
}

.dxr-buttonItem.dxr-itemHover,
.dxrControl_Office2010Blue .dxr-buttonItem.dxr-itemHover, 
.dxrControl_Office2010Blue .dxr-grExpBtn.dxr-grExpBtnHover
{
    background: url(../../images/bg_itemmenu.png) repeat scroll left top !important;
    border-color: #e7c372 !important;
}

/*.dxeBase_Office2010Blue,
.dxeMemoEditArea_Office2010Blue,
.dxpcLite_Office2010Blue .dxpc-mainDiv, 
.dxgvControl_Office2010Blue*/
.dxeBase_Office2010Blue,
.dxgvDisabled_Office2010Blue
{
    border-radius: 4px;
    /*background: url(../../images/bg_tagcontent.png) repeat-x scroll left top !important;*/
}

.dxr-buttonItem.dxr-itemHover.dxr-ddMode .dxr-label
{
    border-top: 1px solid transparent !important;
}

.dxr-item
{
    margin-top: 2px;
    border-radius: 3px;
    max-height: 66px !important;
}

.dxmLite_Office2010Blue .dxm-popup .dxm-gutter
{
    background-image: none !important;
}

.dxeListBoxItem_Office2010Blue,
.dxmLite_Office2010Blue ul.dx
{
    font: 12px tahoma !important;
}

.dxmLite_Office2010Blue .dxm-popup .dxm-hovered,
.dxnbLite_Office2010Blue .dxnb-itemHover, .dxnbLite_Office2010Blue .dxnb-largeHover
{
    background: url(../../images/bg_dropdownbutton.png) repeat-x scroll left top !important;
}



.dxmLite_Office2010Blue .dxm-popup .dxm-item
{
    border-radius: 3px;
}

.dxrControl_Office2010Blue .dxr-blLrgItems .dxr-item.dxr-itemPressed.dxr-ddMode .dxr-label
{
    border-top: 1px solid transparent !important;
}

.dxrControl_Office2010Blue, .dxrControl_Office2010Blue a
{
    color: #15428b !important;
}

/* END Edit style Ribbon Devexpress ---------------------------------------- */

.button-menu .dxmLite_Office2010Blue
{
    float: right;
}

.dxmLite_Office2010Blue .dxm-main
{
    width: 100%;
}

.dxrpControl_Office2010Blue td.dxrp, 
.dxrpControlGB_Office2010Blue td.dxrp
{
    font: 12px tahoma !important;
    padding: 1px !important;
}

.dxrpControl_Office2010Blue .dxrpHLE, 
.dxrpControl_Office2010Blue .dxrpHRE, 
.dxrpControl_Office2010Blue .dxrpHeader_Office2010Blue
{
    background: url(../../images/bg_headerpanel.png) repeat-x scroll left top !important;
}

.dxrpControl_Office2010Blue .dxrpHeader_Office2010Blue
{
    font: 12px tahoma !important;
    padding: 0 11px 0 9px !important;
}
    
.dxrpControl_Office2010Blue .dxrpTE, .dxrpControl_Office2010Blue .dxrpNHTE, .dxrpControlGB_Office2010Blue .dxrpNHTE
{
    border-top: 1px solid #638FC8 !important;
    background-color: #8db3e5 !important;
}

.dxpcLite_Office2010Blue .dxpc-content, .dxdpLite_Office2010Blue .dxpc-content
{
    padding: 0px !important;
}

.dxeBase_Office2010Blue,
.dxpcLite_Office2010Blue .dxpc-mainDiv, 
.dxpcLite_Office2010Blue.dxpc-mainDiv, 
.dxdpLite_Office2010Blue .dxpc-mainDiv, 
.dxdpLite_Office2010Blue.dxpc-mainDiv,
.dxeMemoEditArea_Office2010Blue,
.dxgvControl_Office2010Blue, .dxgvDisabled_Office2010Blue 
{
    font: 12px Tahoma !important;
}

.dxeEditArea_Office2010Blue.dxeEditAreaSys 
{
    font: 12px Tahoma !important;
    height: 16px !important;
}


/* aspxButton -------------------------------------------------*/
/*.dxbButton_Office2010Blue,
.dxbButtonHover_Office2010Blue,
.dxbButtonPressed_Office2010Blue
{
    text-indent: -10000px;
    border: none !important;
    height: 26px;
}*/

a.dxbButton_Office2010Blue,
a.dxbButtonHover_Office2010Blue,
a.dxbButtonPressed_Office2010Blue
{
    text-indent: 0px !important;
    border: none !important;
    height: auto !important;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: bold;
    color: #0000ff;    
}

.dxbButton_Office2010Blue,
.dxmLite_Office2010Blue
{
    margin-top: 5px;
}

.dxtcLite_Office2010Blue > .dxtc-content
{
    padding: 1px !important;
}

/* aspxPageControl -------------------------------------------------*/
.dxtcLite_Office2010Blue.dxtc-top > .dxtc-content {
    width: 99.8% !important;
}

/* aspxNavBar -------------------------------------------------*/
.dxnbLite_Office2010Blue .dxnb-header, .dxnbLite_Office2010Blue .dxnb-headerCollapsed {
    padding: 5px 6px !important;
}

.dxnbLite_Office2010Blue .dxnb-itemHover, .dxnbLite_Office2010Blue .dxnb-largeHover,
.dxnbLite_Office2010Blue .dxnb-item.dxnb-link, .dxnbLite_Office2010Blue .dxnb-item .dxnb-link, .dxnbLite_Office2010Blue .dxnb-large.dxnb-link, .dxnbLite_Office2010Blue .dxnb-large .dxnb-link
{
    padding: 3px 6px !important;
}

/* BEGIN Edit style Spreadsheet Devexpress 
---------------------------------------------------------------------------- */
.dxssControl_Office2010Blue .dxss-rowHeader,
.dxssControl_Office2010Blue .dxss-colHeader
{
    background-color: #e3efff;
}

.dxss-grid
{
    background-color: #ffffff;
}

.dxFirefox input.dxeEditArea_Office2010Blue[type="text"], 
.dxFirefox input.dxeEditArea_Office2010Blue[type="password"]
{
    padding: 1px 0px;
}

.dxtcLite_Office2010Blue {
  background-color:#C2D9F0;
}

.dxrControl_Office2010Blue .dxtcLite_Office2010Blue.dxtc-top .dxtc-activeTab {
  border-radius:5px 5px 0 0;
}

.dxgvCSD
{
    background-color: #ffffff;
}

.dxeRadioButtonList_Office2010Blue td.dxe, .dxeCheckBoxList_Office2010Blue td.dxe {
  padding: 0px 5px 1px 0;
}

.dxeRadioButtonList_Office2010Blue, .dxeCheckBoxList_Office2010Blue {
  background-color:#FFFFFF;
  margin: 5px 0px;
}

.dxrControl_Office2010Blue .dxr-minBtn
{
    margin-top: 8px;
}

.dxtc-lead .dx-vam, .dxtcLite_Office2010Blue, .dxtlControl_Office2010Blue
{
    font: 12px Tahoma !important;
}

.dxtlIndentWithButton_Office2010Blue
{
    padding: 9px 5px !important;
}

.dxgvFocusedRow_Office2010Blue {
  background-color: #FBDE62 !important;
}

.dxichCellSys {
  padding: 0px 3px 0px;
}

#ASPxSplitter1_0_CC
{
    height: 124px;
}

table.dxeMemoSys td, table.dxgvControl_Office2010Blue {
    padding-bottom: 1px;
}

.dxbButtonSys.dxbTSys
{
    border-collapse: inherit !important;
}

.dxpcLite_Office2010Blue .dxpc-footerContent, .dxdpLite_Office2010Blue .dxpc-footerContent
{
    padding: 0px 0px 6px 0px !important;
}