.hidden {
    display: none;
}

.clear {
    clear: both;
}

.foxPreload-resources {
    position: absolute;
    top: -999px;
    left: -999px;
}

/* foxButton */
.foxButton-blue {
    width: 70px;
    height: 22px;
    cursor: default;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    color: rgb(255,255,255);
    background: url(./Images/blue_button_normal.png) center no-repeat;
}

.foxButton-blue.normal:hover {
    background: url(./Images/blue_button_hover.png) center no-repeat;
}

.foxButton-blue.normal:active {
    background: url(./Images/blue_button_down.png) center no-repeat;
}

.foxButton-blue.disable{
    color: rgb(175,175,175);
    background: url(./Images/button_disable.png) center no-repeat;
}


.foxButton-gray {
    width: 70px;
    height: 22px;
    cursor: default;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    color: rgb(0,0,0);
    background: url(./Images/gray_button_normal.png) center no-repeat;
}

.foxButton-gray.normal:hover {
    background: url(./Images/gray_button_hover.png) center no-repeat;
}

.foxButton-gray.normal:active {
    background: url(./Images/gray_button_down.png) center no-repeat;
}

.foxButton-gray.disable{
    color: rgb(175,175,175);
    background: url(./Images/button_disable.png) center no-repeat;
}


.foxButton-red {
    width: 104px;
    height: 22px;
    cursor: default;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    color: rgb(122,122,122);
    background: url(./Images/red_button_normal.png) center no-repeat;
}

.foxButton-red.normal:hover {
    background: url(./Images/red_button_hover.png) center no-repeat;
}

.foxButton-red.normal:active {
    background: url(./Images/red_button_press.png) center no-repeat;
}

.foxButton-red.disable{
    color: rgb(175,175,175);
    background: url(./Images/button_disable.png) center no-repeat;
}

/* foxCombobox */
.foxCombobox {
    display: inline-block;
    padding: 5px;
}
.foxCombobox .input {
    position: relative;
    padding: 5px;
}
.foxCombobox .listContainer {
    position: absolute;
    width: 200px;
    z-index: 1;
}
.foxCombobox .list {
    position: relative;
    top: -8px;
    padding: 6px 5px;
}

.foxCombobox a {
    position: relative;
    padding: 0px 0px 0px 5px;
    border: 0px solid #FFF;
    font-size: 12px;
    line-height: 18px;
    height: 24px;
    width: 200px;
    size: 10;
    background-color: #F4F4F4;
    display: table-cell;
    vertical-align:middle;
    cursor: default;
    overflow: hidden;
}

.foxCombobox ul {
    position: relative;
    list-style: none;
    margin: 0px;
    padding: 0px;
    cursor: default;
    background-color: #F4F4F4;
}
.foxCombobox ul li{
    height: 20px;
    padding: 0px 0px 0px 5px;
    overflow: hidden;
}
.foxCombobox li:hover {
    color: white;
    background: url('./Images/select_focus.png') center repeat-x;
}

.foxCombobox .select-button {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 9px;
    height: 5px;
    background-image: url('./Images/select_icon_arrow.png');
    margin-top: 2px;
    margin-right: 2px;
}

.foxCombobox .border-top {
    position: absolute;
    top: 1px;
    left: 8px;
    right: 8px;
    height: 8px;
    overflow: hidden;
}
.foxCombobox.normal .border-top-background {
    background: url('./Images/select_normal_top.png') repeat-x;
}
.foxCombobox.hover .border-top-background {
    background: url('./Images/select_hover_top.png') repeat-x;
}
.foxCombobox.press .border-top-background {
    background: url('./Images/select_press_top.png') repeat-x;
}

.foxCombobox .border-top-left{
    position: absolute;
    top: 1px;
    left: 0px;
    width: 8px;
    height: 8px;
    overflow: hidden;
}
.foxCombobox.normal .border-top-left-background {
    background: url('./Images/select_normal_left_top.png') no-repeat;
}
.foxCombobox.hover .border-top-left-background {
    background: url('./Images/select_hover_left_top.png') no-repeat;
}
.foxCombobox.press .border-top-left-background {
    background: url('./Images/select_press_left_top.png') no-repeat;
}

.foxCombobox .border-top-right{
    position: absolute;
    right: 0px;
    top: 1px;
    width: 8px;
    height: 8px;
}
.foxCombobox.normal .border-top-right-background {
    background: url('./Images/select_normal_right_top.png') no-repeat;
}
.foxCombobox.hover .border-top-right-background {
    background: url('./Images/select_hover_right_top.png') no-repeat;
}
.foxCombobox.press .border-top-right-background {
    background: url('./Images/select_press_right_top.png') no-repeat;
}

.foxCombobox .border-left {
    position: absolute;
    width: 8px;
    left: 0px;
    top: 8px;
    bottom: 8px;
}
.foxCombobox.normal .border-left-background {
    background: url('./Images/select_normal_left_middle.png') left repeat-y;
}
.foxCombobox.hover .border-left-background {
    background: url('./Images/select_hover_left_middle.png') left repeat-y;
}
.foxCombobox.press .border-left-background {
    background: url('./Images/select_press_left_middle.png') left repeat-y;
}

.foxCombobox .border-right {
    position: absolute;
    width: 8px;
    right: 0px;
    top: 8px;
    bottom: 8px;
}
.foxCombobox.normal .border-right-background {
    background: url('./Images/select_normal_right_middle.png') right repeat-y;
}
.foxCombobox.hover .border-right-background {
    background: url('./Images/select_hover_right_middle.png') right repeat-y;
}
.foxCombobox.press .border-right-background {
    background: url('./Images/select_press_right_middle.png') right repeat-y;
}

.foxCombobox .border-bottom{
    position: absolute;
    bottom: 1px;
    left: 8px;
    right: 8px;
    height: 8px;
    overflow: hidden;
}
.foxCombobox.normal .border-bottom-background{
    background: url('./Images/select_normal_bottom.png') repeat-x;
}
.foxCombobox.hover .border-bottom-background{
    background: url('./Images/select_hover_bottom.png') repeat-x;
}
.foxCombobox.press .border-bottom-background{
    background: url('./Images/select_press_bottom.png') repeat-x;
}

.foxCombobox .border-bottom-left{
    position: absolute;
    bottom: 1px;
    left: 0px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    float: left;
}
.foxCombobox.normal .border-bottom-left-background{
    background: url('./Images/select_normal_left_bottom.png') no-repeat;
}
.foxCombobox.hover .border-bottom-left-background{
    background: url('./Images/select_hover_left_bottom.png') no-repeat;
}
.foxCombobox.press .border-bottom-left-background{
    background: url('./Images/select_press_left_bottom.png') no-repeat;
}

.foxCombobox .border-bottom-right {
    position: absolute;
    bottom: 1px;
    right: 0px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    float: right;
}
.foxCombobox.normal .border-bottom-right-background {
    background: url('./Images/select_normal_right_bottom.png') no-repeat;
}
.foxCombobox.hover .border-bottom-right-background {
    background: url('./Images/select_hover_right_bottom.png') no-repeat;
}
.foxCombobox.press .border-bottom-right-background {
    background: url('./Images/select_press_right_bottom.png') no-repeat;
}


/* foxTextArea */
.foxTextArea {
    display: inline-block;
    position: relative;
    padding: 7px;
    margin: 0px;
    background-color: white;
}
.foxTextArea .border-top{
    position: absolute;
    top: -3px;
    left: 2px;
    right: 2px;
    height: 5px;
    overflow: hidden;    
}
.foxTextArea.blur .border-top {
    background: url('./Images/Textarea/top.png') repeat-x;
}
.foxTextArea.focus .border-top {
    background: url('./Images/Textarea/light_top.png') repeat-x;
}
.foxTextArea .border-top-left{
    position: absolute;
    top: -3px;
    left: -3px;
    width: 5px;
    height: 5px;
    overflow: hidden;
}
.foxTextArea.blur .border-top-left{
    background: url('./Images/Textarea/left_top.png') no-repeat;
}
.foxTextArea.focus .border-top-left{
    background: url('./Images/Textarea/light_left_top.png') no-repeat;
}
.foxTextArea .border-top-right{
    position: absolute;
    top: -3px;
    right: -3px;
    width: 5px;
    height: 5px;
}
.foxTextArea.blur .border-top-right{
    background: url('./Images/Textarea/right_top.png') no-repeat;
}
.foxTextArea.focus .border-top-right{
    background: url('./Images/Textarea/light_right_top.png') no-repeat;
}
.foxTextArea .border-left {
    position: absolute;
    width: 5px;
    left: -3px;
    top: 2px;
    bottom: 2px;
}
.foxTextArea.blur .border-left {
    background: url('./Images/Textarea/left_middle.png') left repeat-y;
}
.foxTextArea.focus .border-left {
    background: url('./Images/Textarea/light_left_middle.png') left repeat-y;
}
.foxTextArea .border-right {
    position: absolute;
    width: 5px;
    right: -3px;
    top: 2px;
    bottom: 2px;
}
.foxTextArea.blur .border-right {
    background: url('./Images/Textarea/right_middle.png') right repeat-y;
}
.foxTextArea.focus .border-right {
    background: url('./Images/Textarea/light_right_middle.png') right repeat-y;
}

.foxTextArea textarea {
    margin: 0px;
    padding: 0px;
    border: 0px solid rgb(104,159,222);
    /*font-size: 12px;*/
	font-size: 10.5pt;
    line-height: 18px;
    overflow: hidden;
    box-sizing: border-box;
}
.foxTextArea .border-bottom{
    position: absolute;
    bottom: -3px;
    left: 2px;
    right: 2px;
    height: 5px;
    overflow: hidden;
}
.foxTextArea.blur .border-bottom{
    background: url('./Images/Textarea/bottom.png') repeat-x;
}

.foxTextArea.focus .border-bottom{
    background: url('./Images/Textarea/light_bottom.png') repeat-x;
}
.foxTextArea .border-bottom-left{
    position: absolute;
    bottom: -3px;
    left: -3px;
    width: 5px;
    height: 5px;
    overflow: hidden;
    float: left;
}
.foxTextArea.blur .border-bottom-left{
    background: url('./Images/Textarea/left_bottom.png') no-repeat;
}

.foxTextArea.focus .border-bottom-left{
    background: url('./Images/Textarea/light_left_bottom.png') no-repeat;
}
.foxTextArea .border-bottom-right {
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 5px;
    height: 5px;
    overflow: hidden;
    float: right;
}
.foxTextArea.blur .border-bottom-right {
    background: url('./Images/Textarea/right_bottom.png') no-repeat;
}

.foxTextArea.focus .border-bottom-right {
    background: url('./Images/Textarea/light_right_bottom.png') no-repeat;
}

/* foxEditor */
.foxEditor {
    display: inline-block;
    position: relative;
    margin: 0px;
    padding: 5px;
}

.foxEditor .border-top {
    position: absolute;
    top: -3px;
    left: 2px;
    right: 2px;
    height: 5px;
    overflow: hidden;
}

.foxEditor.blur .border-top-background {
    background: url('./Images/editor_border_top.png') repeat-x;
}

.foxEditor.focus .border-top-background {
    background: url('./Images/editor_light_border_top.png') repeat-x;
}

.foxEditor .border-top-left{
    position: absolute;
    top: -3px;
    left: -3px;
    width: 5px;
    height: 5px;
    overflow: hidden;
}

.foxEditor.blur .border-top-left-background {
    background: url('./Images/editor_border_left_top.png') no-repeat;
}

.foxEditor.focus .border-top-left-background {
    background: url('./Images/editor_light_border_left_top.png') no-repeat;
}

.foxEditor .border-top-right{
    position: absolute;
    right: -3px;
    top: -3px;
    width: 5px;
    height: 5px;
}
.foxEditor.blur .border-top-right-background {
    background: url('./Images/editor_border_right_top.png') no-repeat;
}
.foxEditor.focus .border-top-right-background {
    background: url('./Images/editor_light_border_right_top.png') no-repeat;
}

.foxEditor .border-left {
    position: absolute;
    width: 5px;
    left: -3px;
    top: 2px;
    bottom: 2px;
}

.foxEditor.blur .border-left-background {
    background: url('./Images/editor_border_left_middle.png') left repeat-y;
}
.foxEditor.focus .border-left-background {
    background: url('./Images/editor_light_border_left_middle.png') left repeat-y;
}

.foxEditor .border-right {
    position: absolute;
    width: 5px;
    right: -3px;
    top: 2px;
    bottom: 2px;
}

.foxEditor.blur .border-right-background {
    background: url('./Images/editor_border_right_middle.png') right repeat-y;
}
.foxEditor.focus .border-right-background {
    background: url('./Images/editor_light_border_right_middle.png') right repeat-y;
}

.foxEditor input {
    height: 14px;
    margin: 0px 5px;
    border: 0px solid rgb(104,159,222);
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
    outline:none;
    box-sizing: border-box;  
}
.foxEditor.dark input{
    color: rgb(164,164,164);
}

.foxEditor .border-bottom{
    position: absolute;
    bottom: -3px;
    left: 2px;
    right: 2px;
    height: 5px;
    overflow: hidden;
}
.foxEditor.blur .border-bottom-background{
    background: url('./Images/editor_border_bottom.png') repeat-x;
}
.foxEditor.focus .border-bottom-background{
    background: url('./Images/editor_light_border_bottom.png') repeat-x;
}

.foxEditor .border-bottom-left{
    position: absolute;
    bottom: -3px;
    left: -3px;
    width: 5px;
    height: 5px;
    overflow: hidden;
    float: left;
}
.foxEditor.blur .border-bottom-left-background{
    background: url('./Images/editor_border_left_bottom.png') no-repeat;
}
.foxEditor.focus .border-bottom-left-background{
    background: url('./Images/editor_light_border_left_bottom.png') no-repeat;
}

.foxEditor .border-bottom-right {
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 5px;
    height: 5px;
    overflow: hidden;
    float: right;
}
.foxEditor.blur .border-bottom-right-background {
    background: url('./Images/editor_border_right_bottom.png') no-repeat;
}
.foxEditor.focus .border-bottom-right-background {
    background: url('./Images/editor_light_border_right_bottom.png') no-repeat;
}


/* foxMailAddrEditor */
.foxMailAddrEditor {
    display: inline-block;
    position: relative;
    margin: 0px;
    padding: 5px;
    background-color: white;
}

.foxMailAddrEditor .border-top {
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    height: 5px;
    overflow: hidden;
}

.foxMailAddrEditor.blur .border-top-background {
    background: url('./Images/editor_border_top.png') repeat-x;
}

.foxMailAddrEditor.focus .border-top-background {
    background: url('./Images/editor_light_border_top.png') repeat-x;
}

.foxMailAddrEditor .border-top-left{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 5px;
    overflow: hidden;
}

.foxMailAddrEditor.blur .border-top-left-background {
    background: url('./Images/editor_border_left_top.png') no-repeat;
}

.foxMailAddrEditor.focus .border-top-left-background {
    background: url('./Images/editor_light_border_left_top.png') no-repeat;
}

.foxMailAddrEditor .border-top-right{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 5px;
    height: 5px;
}
.foxMailAddrEditor.blur .border-top-right-background {
    background: url('./Images/editor_border_right_top.png') no-repeat;
}
.foxMailAddrEditor.focus .border-top-right-background {
    background: url('./Images/editor_light_border_right_top.png') no-repeat;
}

.foxMailAddrEditor .border-left {
    position: absolute;
    width: 5px;
    left: 0px;
    top: 5px;
    bottom: 5px;
}

.foxMailAddrEditor.blur .border-left-background {
    background: url('./Images/editor_border_left_middle.png') left repeat-y;
}
.foxMailAddrEditor.focus .border-left-background {
    background: url('./Images/editor_light_border_left_middle.png') left repeat-y;
}

.foxMailAddrEditor .border-right {
    position: absolute;
    width: 5px;
    right: 0px;
    top: 5px;
    bottom: 5px;
}

.foxMailAddrEditor.blur .border-right-background {
    background: url('./Images/editor_border_right_middle.png') right repeat-y;
}
.foxMailAddrEditor.focus .border-right-background {
    background: url('./Images/editor_light_border_right_middle.png') right repeat-y;
}

.foxMailAddrEditor .mail-icon {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 26px;
    height: 24px;
    overflow: hidden;
    background: url('./Images/mail_icon.png') no-repeat;
    z-index: 900;
}

.foxMailAddrEditor input {
    height: 20px;
    margin: 0px 0px 0px 28px;
    border: 0px solid rgb(104,159,222);
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    outline:none;
    box-sizing: border-box;
}

.foxMailAddrEditor .border-bottom{
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
    height: 5px;
    overflow: hidden;
}
.foxMailAddrEditor.blur .border-bottom-background{
    background: url('./Images/editor_border_bottom.png') repeat-x;
}
.foxMailAddrEditor.focus .border-bottom-background{
    background: url('./Images/editor_light_border_bottom.png') repeat-x;
}

.foxMailAddrEditor .border-bottom-left{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: 5px;
    overflow: hidden;
    float: left;
}
.foxMailAddrEditor.blur .border-bottom-left-background{
    background: url('./Images/editor_border_left_bottom.png') no-repeat;
}
.foxMailAddrEditor.focus .border-bottom-left-background{
    background: url('./Images/editor_light_border_left_bottom.png') no-repeat;
}

.foxMailAddrEditor .border-bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 5px;
    height: 5px;
    overflow: hidden;
    float: right;
}
.foxMailAddrEditor.blur .border-bottom-right-background {
    background: url('./Images/editor_border_right_bottom.png') no-repeat;
}
.foxMailAddrEditor.focus .border-bottom-right-background {
    background: url('./Images/editor_light_border_right_bottom.png') no-repeat;
}

/* foxListSelector */
.foxListSelector {
    position: relative;
    width: 24px;
    height: 24px;
}
.foxListSelector .button {
    width: 24px;
    height: 24px;
    background-image: url('./Images/switch_icon_normal.png');
}
.foxListSelector .button:hover {
    background-image: url('./Images/switch_icon_hover.png');
}
.foxListSelector .button:active {
    background-image: url('./Images/switch_icon_press.png');
}
.foxListSelector .listContainer {
    position: absolute;
    top: 22px;
    right: 0px;
    display: none;
}
.foxListSelector.hover .listContainer {
    display: inline-block;
}
.foxListSelector .list {
    position: relative;
    display: inline-block;
    line-height: 20px;
    margin: 0px;
    padding: 5px 0px;
    background-color: rgb(255, 255, 255);
    min-width: 100px;
}
.foxListSelector .border-top {
    position: absolute;
    top: 0px;
    left: 8px;
    right: 8px;
    height: 8px;
    overflow: hidden;
}

.foxListSelector.blur .border-top-background {
    background: url('./Images/ListSelector/top.png') repeat-x;
}

.foxListSelector.focus .border-top-background {
    background: url('./Images/ListSelector/top.png') repeat-x;
}

.foxListSelector .border-top-left{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.foxListSelector.blur .border-top-left-background {
    background: url('./Images/ListSelector/left_top.png') no-repeat;
}

.foxListSelector.focus .border-top-left-background {
    background: url('./Images/ListSelector/left_top.png') no-repeat;
}

.foxListSelector .border-top-right{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 8px;
    height: 8px;
}
.foxListSelector.blur .border-top-right-background {
    background: url('./Images/ListSelector/right_top.png') no-repeat;
}
.foxListSelector.focus .border-top-right-background {
    background: url('./Images/ListSelector/right_top.png') no-repeat;
}

.foxListSelector .border-left {
    position: absolute;
    width: 8px;
    left: 0px;
    top: 8px;
    bottom: 8px;
}

.foxListSelector.blur .border-left-background {
    background: url('./Images/ListSelector/left_middle.png') left repeat-y;
}
.foxListSelector.focus .border-left-background {
    background: url('./Images/ListSelector/left_middle.png') left repeat-y;
}

.foxListSelector .border-right {
    position: absolute;
    width: 8px;
    right: 0px;
    top: 8px;
    bottom: 8px;
}

.foxListSelector.blur .border-right-background {
    background: url('./Images/ListSelector/right_middle.png') right repeat-y;
}
.foxListSelector.focus .border-right-background {
    background: url('./Images/ListSelector/right_middle.png') right repeat-y;
}

.foxListSelector ul {
    position: relative;
/*    font-size: 13px;*/
    list-style: none;
    margin: 0px;
    padding: 0px 5px;
    cursor: default;
}
.foxListSelector ul span{
    float: left;
    margin: 0px 30px 0px 30px;
    padding: 3px 0px;
    white-space: nowrap;
}
.foxListSelector ul li{
    display: block;
    padding: 0px 0px;
    /*line-height: 23px;*/
    /*font-size: 12px;*/
    /*height: 24px;*/
}
.foxListSelector li:hover {
    color: white;
    width: 100%;
    background: url('./Images/ListSelector/select_focus.png') center repeat-x;
}
.foxListSelector .select-icon {
    position: relative;
    top: 3px;
    left: 6px;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}
.foxListSelector li .select-icon{
    background: url('./Images/ListSelector/choice.png') center repeat-x;
}
.foxListSelector li:hover .select-icon{
    background: url('./Images/ListSelector/choice_white.png') center repeat-x;
}
.foxListSelector .border-bottom{
    position: absolute;
    bottom: 0px;
    left: 8px;
    right: 8px;
    height: 8px;
    overflow: hidden;
}
.foxListSelector.blur .border-bottom-background{
    background: url('./Images/ListSelector/bottom.png') repeat-x;
}
.foxListSelector.focus .border-bottom-background{
    background: url('./Images/ListSelector/bottom.png') repeat-x;
}
.foxListSelector .border-bottom-left{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    float: left;
}
.foxListSelector.blur .border-bottom-left-background{
    background: url('./Images/ListSelector/left_bottom.png') no-repeat;
}
.foxListSelector.focus .border-bottom-left-background{
    background: url('./Images/ListSelector/left_bottom.png') no-repeat;
}

.foxListSelector .border-bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    float: right;
}
.foxListSelector.blur .border-bottom-right-background {
    background: url('./Images/ListSelector/right_bottom.png') no-repeat;
}
.foxListSelector.focus .border-bottom-right-background {
    background: url('./Images/ListSelector/right_bottom.png') no-repeat;
}