body {
   color:#444;
}

a,a:link,a:visited
{
      text-decoration:none;
}
a:hover
{
      text-decoration:underline;
}
 
header
{
    width:100%;
    height:60px;
    position:relative;
}
header a,header a:link,header a:hover,header a:visited
{
     text-decoration:none;
     color:white;
}


.header-left
{
    position:absolute;
    left:0px;
    top:0px;
    width:60px;
    height:60px;
    padding:8px;
}
.header-center
{
   width:200px;
   margin:0 auto;
   display:block;
   height:60px;
   line-height:60px;
   font-size:24px;
   text-align:center;
}
.header-right
{
      position:absolute;
    right:0px;
    top:0px;
    width:60px;
    height:60px;
     padding:8px;
}
.header-icon
{
    display:block;
    font-size:24px;
}
.header-name
{
     display:block;
     font-size:14px;
}

nav
{
     width:100%;
    height:90px;
    display:block;
     padding-top:15px;
    padding-bottom:15px;
}
nav .user-box
{
    width:320px;
    padding-left:15px;
    padding-right:15px;
}
nav .user-box .user-icon
{
     width:60px;
     height:60px;
     float:left;
}
nav .user-box .user-info
{
     width:200px;
     height:60px;
     float:right;
}
nav a,header a:link,nav a:hover,nav a:visited
{
     text-decoration:none;
     color:white;
}
/*公共*/
.login-box
{
    max-width:360px;
    padding:5px 15px;
    margin:0 auto;
}

.login-box h4
{
    font-size:24px;
   line-height:36px;
}

.hr-dotted
{
    width:100%;
overflow: hidden;
margin: 6px 0 15px;
border-bottom:dotted 1px #ccc;
}

.login-form
{
   margin-top:10px;
}



.position-relative
{
    position:relative;
}

.margin-auto
{
    margin:0 auto;
}

/*常用颜色*/
.color-orange {
    color: #ff6a00;
}

.color-green {
    color: #3baa49;
}

.color-blue {
    color: #478fca;
}

.color-cyan {
    color: #5bc0de;
}

.color-white {
    color: white;
}

/*常用背景*/
.bsuccess
{
     background-color:#449d44;
}
.bprimary
{
    background-color: #337ab7;
}
.binfo
{
    background-color: #31b0d5;
}
.bwarning
{
   background-color: #ec971f;
}
.bdanger
{
    background-color: #c9302c;
}


.width-100
{
    width:100%;
}
.height-10px
{
    height:10px;
}

.display-none
{
    display:none;
}

.has-error .tooltip-inner
{
     background-color:#b94a48;
     color:white;
}
.has-error .tooltip.bottom .tooltip-arrow
{
    border-bottom-color:#b94a48;
}

/*宽度*/
.max-width-480
{
  /*max-width:480px;*/
}


.info-group
{
    margin:10px 5px;
}
.info-group .info-title
{
    font-weight:bold;
    display:inline-block;
    text-align:left;
}
.info-group .info-content
{
    display:inline-block;
}
.margin-bottom-20
{
     margin-bottom:20px;
}
.margin-bottom-30
{
     margin-bottom:30px;
}


fieldset {
    padding: 5px 10px 0px;
    margin: 2px 2px;
    border: 1px solid #cccccc;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom: 15px;
    /*background-color:#fcfcfc;*/
}

    fieldset legend {
        font-size: 12px;
        /*font-weight:bold;*/
        margin-bottom: 0;
        width: auto;
        border: none;
        margin-left: auto;
         margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        /*background-color:#3598dc;
        color:white;*/
        border-radius: 5px;
        background-color: #666;
        color: white;
    }

    .x-nav
    {
        list-style:none;
        padding:0;
        margin:5px;
        text-align:center;
    }

   .x-nav li
   {
       list-style:none;
       width:100px;
       display:inline-block;
       margin-right:3px;
       font-size:12px;
       line-height:34px;
       height:34px;
       text-align:left;
   }
      .x-nav li a,.x-nav li a:link,.x-nav li a:visited,.x-nav li a:hover
      {
          text-decoration:none;
      }
       .nav_gray1
      {
          background-image:url(../../Content/images/xnav.jpg);
          background-position:0 0;
          background-repeat:no-repeat;
            padding-left:3px;
      }

       .nav_gray2
      {
          background-image:url(../../Content/images/xnav.jpg);
          background-position:-101px 0 ;
          background-repeat:no-repeat;
          padding-left:12px;
      }


        .nav_gray3
      {
          background-image:url(../../Content/images/xnav.jpg);
          background-position:-202px 0;
          background-repeat:no-repeat;
              padding-left:12px;
      }

        
       .nav_gray1 a,  .nav_gray2 a,  .nav_gray3 a
          {
               color:black;
          }

      .nav_blue1
      {
          background-image:url(../../Content/images/xnav.jpg);
          background-position:0 -40px;
          background-repeat:no-repeat;
            padding-left:3px;
              color:white;
      }

       .nav_blue2
      {
          background-image:url(../../Content/images/xnav.jpg);
          background-position:-101px -40px;
          background-repeat:no-repeat;
          padding-left:12px;
            color:white;
      }


        .nav_blue3
      {
          background-image:url(../../Content/images/xnav.jpg);
          background-position:-202px -40px;
          background-repeat:no-repeat;
              padding-left:12px;
          color:white;
      }
          .nav_blue1 a,  .nav_blue2 a,  .nav_blue3 a
          {
               color:white;
          }



           .x-nav2
    {
        list-style:none;
        padding:0;
        margin:5px;
        text-align:center;
    }

   .x-nav2 li
   {
       list-style:none;
       width:70px;
       display:inline-block;
       overflow:hidden;
       margin-right:3px;
       font-size:10px;
       line-height:34px;
       height:34px;
       text-align:left;
       background-color:#aaa;
       color:black;
       padding-left:5px;
   }
  
     .x-nav2 li a
     {
         color:#000000;
     }
      .x-nav2 li.active
      {
            background-color:#337ab7;
      }
        .x-nav2 li.active a
        {
            color:white;
        }