/*引入jquery样式*/
@import "jqueryui/base/minified/jquery-ui.min.css";

/*----------------------------------------------------------
全局化设置
----------------------------------------------------------*/
body
{
    font-size: .75em;
    margin: 0;
    padding: 0;
    color: #000000;
    /* Change the sequence of the font family to modify the default font */
    font-family: Helvetica, Arial, sans-serif, 宋体;
}

a:link, a:active
{
    color: #000;
    text-decoration: none;
}

a:visited {
    color:grey;
}

a:hover
{
    color: #ff0000;
}

/* Component css
----------------------------------*/

input[type="text"],input[type="password"],textarea { border: 1px solid #aaaaaa; height:18px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{ outline:none; border: 1px solid #7eadd9;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

input[type="button"],input[type="submit"],input[type="reset"] 
{ border: 1px solid lightGrey;color:#555; cursor:pointer; height:25px;
  background:#E6E6E6/*{bgColorDefault}*/ url('images/btn-bg.gif')/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
  border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; 
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover 
{ border: 1px solid #999;background: #DADADA url('') repeat-x; color:#212121; }

/* Component css
----------------------------------*/

/* 公共的类
----------------------------------*/

.align-center
{
    text-align: center !important;
}
.align-right
{
    text-align: right !important;
}
.align-left
{
    text-align: left !important;
}

.imgBorderNone
{
    border-style: none;
    border-width: 0px;    
}
.tooltipError
{
    color:#CD0A0A;
    margin:2px;
    padding:2px;
    display:none;
}
.msgError
{
    border:1px solid #CD0A0A;
    background:#FEF1EC;
    color:#CD0A0A;
    margin:2px;
    padding:2px; 
    text-align:center;       
}
.msgSuccess
{
    border:1px solid #FCEFA1;
    background:#FBF9EE;
    color:#363636;
    margin:2px;
    padding:2px;  
    text-align:center;      
}
.noPadding
{
    padding:0px !important;    
}
.widthAll
{
    width:100%;    
}
.redFont
{
    color: Red;
}
.hideCon
{
    display:none !important;
}
.aspNetDisabled,.aspNetDisabled:hover
{
    color:Gray;    
}
#ajaxLoading {
    position: absolute;
    top: 0;
    background-color: #F9EDBE;
    border: 1px solid #F0C36D;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    font-family: tahoma,helvetica,sans-serif;
    color: #333;
    padding: 6px;    
    font-weight: bold;
    z-index: 1000000;
    text-align:center;
    left:48%;
}
/* 公共的类
----------------------------------*/




/*页面顶端布局样式*/

#container
{
    min-width: 1000px;    
    margin: auto;
}

#container-header
{
    height: 88px;
}

#container-header .hLeft
{
    height: 88px;
    float:left;
    width:222px;
}

#container-header .hRight
{
    height: 88px;
    margin-left:222px;
}

#container-header .hrtContainer
{
    height: 50px;    
}

#container-main
{
    padding-top:12px;
    padding-bottom:12px;
    min-height:450px;    
}
#container-footer
{
    clear: both;
    height: 31px;
    width: 100%;    
    left: auto;
    right: auto;
    bottom: 0;
    line-height: 31px;
    background-image: url('images/footer-bg.jpg');
    background-repeat: repeat-x;
    background-color: White;
    text-align: center;
    display:none;
    /*position: fixed;
    _position: absolute;*/    
}

.logo {
    left: 0px;
    top: 0px;
    height: 88px;
    background-image: url('images/header-logo.jpg');
    background-position: left top;
    background-repeat: no-repeat;
}

.appName
{
    top:0px;   
    float:left;
    width:264px;
    height:50px;
    background-position:left center;
    background-repeat:no-repeat;
}
.userDisplay
{
    margin-top:2px;  
    float:right;       
}
.userDisplay ul
{   
    list-style:none;
    margin:0px;
}

.userDisplay ul li
{
    display:inline;    
}

/*导航条样式*/
.nav
{
    top:50px;            
    height:27px;
    line-height:27px;    
    background-image:url('images/menu-bg.jpg');
    background-repeat:repeat-x;    
}

.nav .separate
{
    width: 3px;
    height: 27px;
    background-image: url('images/menu-spliter.jpg');
    background-repeat: no-repeat;
    clear: right;
    float: left;
}
.nav .item
{
    width: 100px;
    height: 27px;    
    text-decoration: none;
    text-align: center;
    float: left;
    line-height: 27px;
}
.nav .item a:link
{
    color: #fff;
    text-decoration: none;
    display: block;
}
.nav .item a:visited
{
    color: #fff;
    text-decoration: none;
    display: block;
}
.nav .item a:hover
{
    display: block; /*    background-color:#97D9FF;*/
    background-image: url('images/menu-hover.jpg');
    background-repeat: repeat-x;
}
.nav .item a:active
{
    color: #fff;
    display: block;
}
/*导航条样式*/

.leftField
{
    float: left;
    width: 230px;
    display: inline;
}
.leftField ul
{   
    
}

.leftField ul li
{
    padding-top:10px;
    padding-bottom:10px; 
    font-size:1.1em;
     
    
}
.leftField .outerContainer
{
    padding: 5px;
    background-color: #E7F1F8;
}
.leftField .title
{
    height: 25px;
    line-height: 25px;
    background-color: #BED3F0;
}
.leftField .title .lTitle
{
    background-image: url('images/navbox-title-left.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    float: left;
    display: inline;
}
.leftField .title .rTitle
{
    font-size: 15px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;   
}
.leftField .innterContainer
{
    background-color: White;
    overflow-x: auto;
}

.rightField
{
    margin-left:240px;
    margin-right:4px;
}
.operateRightField
{
    margin:auto;
    width:800px;
}
.userManagerRightField
{
    margin:auto;
    width:900px;
}
.rightField .outerContainer
{
    padding: 5px;
    background-image: url('images/index_Right_bg.jpg');
    background-repeat:repeat-x;
}
.rightField .title
{
    height: 25px;
    line-height: 25px;
    background-color: #BED3F0;
}
.rightField .title .lTitle
{
    background-image: url('images/index_right_title.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    float: left;
    display: inline;
}
.rightField .title .mTitle
{
    font-size: 15px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}
.rightField .title .mTitle a:link
{
    color: #FFFFFF;
}
.rightField .title .mTitle a:hover
{
    color: #ff0000;
}
.rightField .title .mTitle div
{
    display: inline;
}
.rightField .title .rTitle
{
    text-decoration: none;
    color: #FFFFFF;
    float: right;
    padding-right: 10px;
}
.rightField .innterContainer
{    
    margin: 0px;
    padding-left:20px;
    padding-right:20px;
}

.rightField .innterContainer .searchBar
{    
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 25px;
}

.rightField .innterContainer .searchInput
{
    width:260px;
}

.rightField .innterContainer .searchBar .searchPadding
{    
    padding-right:15px;
}

.rightField .innterContainer .toolsBar
{
    height: 37px; 
    line-height:37px;
    margin:0px;   
}

.rightField .innterContainer .toolsBar-l
{
    background-image: url('images/toolbar-left.gif');
    background-repeat: no-repeat;
    background-position: left;
    width: 6px;
    height: 37px;
    float:left;
    background-color: #E7F7FB;
}
.rightField .innterContainer .toolsBar-r
{
    background-image: url('images/toobar-right.gif');
    background-repeat: no-repeat;
    background-position: right;
    width: 5px;
    height: 37px;
    float:right;
    background-color: #E7F7FB;
}
.rightField .innterContainer .toolsBar-c
{
    background-image: url('images/toolbar-middle.gif');
    background-repeat: repeat-x;
    text-align: center;
    height: 37px;
    line-height:37px;
    background-color: #E7F7FB;
}
.rightField .innterContainer .toolsBar-c ul
{
    padding: 0px 10px;
    margin: 0px;
    list-style: none;
    text-align: center;
}
.rightField .innterContainer .toolsBar-c ul li
{
    display: inline;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.rightField .innterContainer .toolsBar-c ul li.separateLine
{
    padding: 5px 0px 5px 1px;
    background-color: #5FAED9;
}

.rightField .innterContainer .toolsBar-c ul li.selectAll
{
    vertical-align: middle;    
}
.rightField .innterContainer .toolsBar-c ul li.addToCategory
{
    background-image:url('images/btn-icon-cty-add.gif');
    background-position:10px center;
    background-repeat:no-repeat;
    padding-left: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.rightField .innterContainer .toolsBar-c ul li.removeFromCategory
{
    background-image:url('images/btn-icon-cty-remove.gif');
    background-position:10px center;
    background-repeat:no-repeat;
    padding-left: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.rightField .innterContainer .toolsBar-c ul li.remove
{
    background-image:url('images/btn-icon-slide-remove.gif');
    background-position:10px center;
    background-repeat:no-repeat;
    padding-left: 32px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.rightField .innterContainer .toolsBar-c ul li.delete
{
    background-image:url('images/btn-icon-slide-delete.gif');
    background-position:10px center;
    background-repeat:no-repeat;
    padding-left: 29px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.rightField .innterContainer .pager
{
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.rightField .innterContainer .pager ul
{
    padding: 2px 10px;
    margin: 0px;
    list-style: none;
    text-align: center;
}
.rightField .innterContainer .pager li
{
    display: inline;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.rightField .innterContainer .pager .txtClose
{   
    padding-left: 0px;
    padding-right: 0px;
}
.rightField .innterContainer .pager li .inpText
{
    width: 20px;
}

.btnLogin
{
    background-position: center !important;
    color: #000000 !important;
    border: 1px solid #84c8e0 !important;
    background-image: url('images/btnLogin_bg.gif') !important;
    background-repeat: repeat-x !important;    
    width: 80px;
    height: 30px!important;
    line-height: 30px;
}

.register {
    height:360px; 
    text-align:center; 
    margin: 20px;
}

.register div {
    line-height:30px; 
    text-align:left; 
    margin-bottom:10px;
}

.register div .lbl {
    width:120px; 
    text-align:right; 
    display:inline-block;
}

.register div input[type="text"], .register div input[type="password"] {
    margin-left:5px; 
    width:170px;
}