/*body {
    font-family: 'Segoe UI';
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
}*/

@font-face {
    font-family: 'font-widget';
    src: url('../font/font-widget.eot?-mpj6ba');
    src: url('../font/font-widget.eot?#iefix-mpj6ba') format('embedded-opentype'), url('../font/font-widget.woff?-mpj6ba') format('woff'), url('../font/font-widget.ttf?-mpj6ba') format('truetype'), url('../font/font-widget.svg?-mpj6ba#font-widget') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="aui-icon-"],
[class*=" aui-icon-"] {
    display: inline;
    font-family: 'font-widget';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^=".aui-icon-"]:before, [class*=" .aui-icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
/*according*/
.aui-icon-according-hide:before {
    content: "\e600";
}

.aui-icon-according-show:before {
    content: "\e601";
}

/*action menu*/

.aui-icon-actionmenu:before {
    content: "\e602";
}

.aui-icon-arrow-down:before {
    content: "\e603";
}

.aui-icon-arrow-up:before {
    content: "\e604";
}

/*breadcrumb*/
@media only screen and (max-width: 768px) {
    .aui-icon-breadcrumb:before {
        content: "\e605";
        font-size: 2em;
    }
}

/*calendar*/
.aui-icon-calendar-arrow-left:before {
    content: "\e606";
}

.aui-icon-calendar-arrow-right:before {
    content: "\e607";
}

.aui-icon-calendar-icon:before {
    content: "\e608";
}

/*carousel*/
.aui-icon-carousel-arrow-left:before {
	content: "\e609";
}
.aui-icon-carousel-arrow-right:before {
	content: "\e60a";
}
.aui-icon-carousel-normal:before {
	content: "\e60b";
}
.aui-icon-carousel-select:before {
	content: "\e60c";
}

/*checkbox*/
.aui-icon-checkbox:before {
    content: "\e60d";
}

@media only screen and (max-width: 768px) {
    .aui-icon-checkbox:before {
        content: "\e60e";
    }
}

.aui-icon-checkbox-three-state:before {
    content: "\e60f";
}

@media only screen and (max-width: 768px) {
    .aui-icon-checkbox-three-state:before {
        content: "\e610";
    }
}

/*datagrid*/
.aui-icon-datagrid-a-z:before {
    content: "\e611";
}

.aui-icon-datagrid-button:before {
    content: "\e612";
}

.aui-icon-datagrid-clear-filter:before {
    content: "\e613";
}

.aui-icon-datagrid-filter:before {
    content: "\e614";
}

.aui-icon-datagrid-filter-and-sort-down:before {
    content: "\e615";
}

.aui-icon-datagrid-filter-and-sort-up:before {
    content: "\e616";
}

.aui-icon-datagrid-more:before {
    content: "\e617";
}

.aui-icon-datagrid-remove:before {
    content: "\e618";
}

.aui-icon-datagrid-sort-down:before {
    content: "\e619";
}

.aui-icon-datagrid-sort-up:before {
    content: "\e61a";
}

.aui-icon-datagrid-z-a:before {
    content: "\e61b";
}

/*dialog*/
.aui-icon-dialog-lock:before {
    content: "\e61c";
}

.aui-icon-dialog-maximize:before {
    content: "\e61d";
}

.aui-icon-dialog-minimize:before {
    content: "\e61e";
}

.aui-icon-dialog-restore-down:before {
    content: "\e620";
}

.aui-icon-dialog-unlock:before {
    content: "\e61f";
}

/*pager*/
.aui-icon-pager-first:before {
    content: "\e621";
}

.aui-icon-pager-last:before {
    content: "\e622";
}

.aui-icon-pager-next:before {
    content: "\e623";
}

.aui-icon-pager-previous:before {
    content: "\e624";
}

/*radiobutton*/
.aui-icon-radiobutton-bg:before {
    content: "\e625";
}

@media only screen and (max-width: 768px) {
    .aui-icon-radiobutton-bg:before {
        content: "\e626";
    }
}

.aui-icon-radiobutton-border:before {
    content: "\e627";
}

@media only screen and (max-width: 768px) {
    .aui-icon-radiobutton-border:before {
        content: "\e628";
    }
}

.aui-icon-radiobutton-point:before {
    content: "\e629";
}

@media only screen and (max-width: 768px) {
    .aui-icon-radiobutton-point:before {
        content: "\e62a";
    }
}

/*searchbox*/
.aui-icon-searchbox-close:before {
    content: "\e62b";
}

.aui-icon-searchbox-icon:before {
    content: "\e62c";
}

/*status*/
.aui-icon-status-error:before {
    content: "\e62d";
}

.aui-icon-status-info:before {
    content: "\e62e";
}

.aui-icon-status-successful:before {
    content: "\e62f";
}

.aui-icon-status-warning:before {
    content: "\e630";
}

/*tab*/
.aui-icon-tab-page-left:before {
	content: "\e631";
}

.aui-icon-tab-page-right:before {
	content: "\e632";
}

/*tree*/
.aui-icon-tree-hide:before {
    content: "\e633";
}

.aui-icon-tree-show:before {
    content: "\e634";
}

/* display */
.aui-display-block {
    display: block;
}

.aui-display-none {
    display: none;
}
/* visibility */
.aui-visibility-visible {
    visibility: visible;
}
/* hidden */
.aui-visibility-hidden {
    visibility: hidden;
}
/* border */
.aui-border {
    border: solid 1px #D9D9D9;
}

.aui-border[type=button] {
    border: solid 1px #D9D9D9;
}

.aui-border-mouseover {
    border: solid 1px #3388BB;
}

.aui-border-mouseover[type=button] {
    border: solid 1px #3388BB;
}

.aui-border-pressed {
    border: solid 1px #195C87;
}

.aui-border-pressed[type=button] {
    border: solid 1px #195C87;
}

.aui-border-focus {
    border: solid 1px #3388BB;
    outline: none;
}

.aui-border-focus[type=button] {
    border: solid 1px #3388BB;
    outline: none;
}

.aui-border-disabled {
    border: solid 1px #C4C4C4;
}

.aui-border-disabled[type=button] {
    border: solid 1px #C4C4C4;
}


/**
 * 	图片操作按钮的样式
 */
.iconAction button {
    font-size: 14px;
    color: #333333;
    border: none;
    background: transparent;
    outline: none;
    text-align: left;
}
    /**
 * 	图片操作按钮的焦点的样式
 */
    .iconAction button:focus {
        text-decoration: underline;
    }
    /**
 * 	图片操作按钮的不可用状态的样式
 */
    .iconAction button:disabled {
        color: #AAAAAA;
    }
/**
 * 省略号button的样式
 */
.apostrophe {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    background: #ffffff;
    color: #0E4352;
    border-width: 0px;
    height: 30px;
    padding-bottom: 7px;
}
    /**
 * 	省略号button鼠标移入时的样式
 */
    .apostrophe:hover {
        background: #D4EBFA;
    }
/**
 * 	一级标题
 */
.firstHeader {
    font-family: Segoe UI Light;
    font-size: 30px;
    color: #666666;
    text-align: center;
    background: #ABABAB;
}
/**
 * 	一级标题的间距
 */
.headerPadding {
    padding: 40px 0;
}
/**
 * 	提交区域的样式（提供给div标签使用）
 *	高度由内容决定,不要指定高度，否则居中会失效
 */
.submitArea {
    background: #FFFFFF;
    text-align: right;
}
    /**
 * 	提交区域中的input，button，image纵向居中
 */
    .submitArea input, .submitArea button, .submitArea img, .submitArea div {
        vertical-align: middle;
    }
/**
 * 	元素水平居中
 * 适用于position值
 */
.center {
    margin-left: auto;
    margin-right: auto;
}
/**
 * tile的公共样式
 */
.tile {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
    font-size: 15px;
}
    /**
 * 	tile标题区域的样式
 */
    .tile .title {
        margin: 10px 15px 0 15px;
    }
    /**
 *	tiel背景区域的样式
 */
    .tile .background {
        position: absolute;
        width: 32px;
        height: 32px;
        left: 84px;
        top: 84px;
    }
    /**
 * 	tile额外信息区域的样式
 */
    .tile .detail {
        position: absolute;
        height: 16px;
        width: 16px;
        right: 0;
        bottom: 0px;
        background: transparent url(../image/common.png) -64px 0px no-repeat;
    }