/* --------------------------------------------------------
   Copyright (c) 2006-2011 FeyaSoft Inc. All Rights Reserved.

   Description:
   This is main CSS file for demo application 

   Author:
   Fenqiang Zhuang
   -------------------------------------------------------- */

html, body {
    font: normal 12px tahoma, arial, verdana, sans-serif;
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: hidden;
    height: 100%;
}

/*--------------------------------------------------------
 * FileUploadField component styles
 ---------------------------------------------------------*/
.upload-icon {
    background: url('../images/icons/add.gif') no-repeat 0 0 !important;
}
.excel {background-image:url('../images/icons/page_excel.png') !important;}

/*-------for tools -----------------*/
.x-tool-add {background-image: url(../images/icons/add.gif);}
.x-tool-join {background-image: url(../images/icons/group_link.png);}
/*--------- end tools ------------------*/

/*--------------------------------------------
 * For activity log west panel
 *--------------------------------------------*/
.general-west li {margin-bottom:10px;}


p {
    margin: 0 0 1em 0; padding: 5px 5px 0 10px;
    font-size: 12px;
}

#fi-button-msg {
    border: 2px solid #ccc;
    padding: 5px 10px;
    background: #eee;
    margin: 5px;
    float: left;
}
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/*******************************************************************/
.combaytree .x-tree-node {
    height:25px;
    border-bottom: 1px dotted gray;
}

.combaytree .x-tree-node .x-tree-node-over {
    background-color: #d9e8fb;
    height:25px;
    border-left:7px solid #d9e8fb;
    border-right:7px solid #d9e8fb;
}

.combaytree .x-tree-node .x-tree-selected {
    background:url(images/bg.png) repeat-x left top;
    height: 25px;
    border-left:7px solid #FFBA62;
    border-right:7px solid #FFBA62;
}

.listtree .x-tree-node {
    height: 25px;        
}

.listtree .x-tree-node-el {
	line-height: 25px;
}

.listtree .x-tree-node-collapsed .x-tree-node-icon, 
.listtree .x-tree-node-expanded .x-tree-node-icon, 
.listtree .x-tree-node-leaf .x-tree-node-icon {
	height: 25px;
	background-position: left center;
}

.listtree .x-tree-node .x-tree-node-over {
    background-color: #d9e8fb;
    height: 25px;          
}

.listtree .x-tree-node .x-tree-selected {
    background-color: rgb(124, 158, 205);
    height: 25px;              
}

.listtree .x-tree-node .x-tree-selected a span, .listtree .x-dd-drag-ghost a span {
	color: white;
}

/*
 * fix the trigger css issue in webkit
 */
.x-small-editor .x-form-field-wrap .x-form-trigger {
	height:19px;
}