@import url("contentadmin.css");
@import url("extjscustom.css");

body, textarea, button, select, input
{
    color: #262626;
}

a
{
    color: #8B622F;
}

a:hover, a:hover
{
    color: #A28159;
}

div#top
{
    background-image: url(../img/academy/bg_top.png);
}

    a#locked
    {
        position: absolute;
        top: 50px;
        left: 130px;
        color: #ffffff;
        background-color: #CF1C21;
        font-weight: bold;
        padding: .5em 1em;
        border: 1px solid #660000;
        font-size: 130%;
        text-decoration: none;
    }
    
        #locked img
        {
            vertical-align: middle;
        }

    #navi
    {}

        #currentUser
        {
            font-size: 90%;
            color: #999999;
            height: 3.25em;
        }

        #navi li
        {
            border-bottom-color: #CDCDDA;
        }

            #navi li a
            {
                text-decoration: none;
            }

            #navi li a:hover
            {
                color: #737373;
            }

            #navi a.active:hover
            {
                color: #cf1c21;
            }

    #content
    {
        background-image: url(../img/academy/bg_top_reflexion.png);
    }

        #content h1
        {
            color: #cf1c21;
            font-variant: normal;
            font-size: 180%;
        }




.coolLink
{ margin: 2em 15%;
  padding: .25em .5em .25em .25em;
  border: 1px solid #cdcdda;
  background: #ffffff url(../img/academy/gradient.png) repeat-x bottom;
  display: block;
  text-decoration: none;
  color: #000000; }

  .coolLink img
  { float: left;
    margin-right: 10px; }

  .coolLink span.title
  { margin-top: .25em;
    margin-bottom: .25em;
    display: block;
    font-size: 150%;
    font-weight: bold; }

  .coolLink span.text
  { margin: 0 .5em .5em .5em;
    display: block; }

    .coolLink .text span
    { margin-left: 0;
      display: inline; }

a.coolLink:hover
{ background-image: url(../img/academy/gradient_hover.png);
  background-color: #42ca26;
  color: #ffffff;
  border-color: #046b03; }

div.coolLink
{ color: #666666;
  border-color: #e4e4f2;
  background-image: url(../img/academy/gradient_inactive.png); }

  div.coolLink span.text
  { color: #999999;
    font-style: italic; }

table.list
{}

        table.list td
        {
            vertical-align: top;
        }

        table.list td.lg
        {
            width: 20px;
        }

            table.list td.lg img
            {
                margin: 0;
            }

        .list tr:hover td
        {
            background-color: #eeeeee;
        }

td.title
{
    color: #666666;
}

    td.title strong
    {
        display: block;
        color: #000000;
        font-weight: bold;
    }

    tr.new td.title strong, .new p.title
    {
        background: url("../img/academy/new.png") no-repeat 0 .4em;
        padding-left: 23px;
        color: #cc2900;
    }

    td.title p
    {
        font-size: 97%;
    }

.important
{
    background: url("../img/academy/gradient_important.gif") repeat-x bottom;
}

    tr.important td, li.important
    {
        border-color: #9df36d;
    }

    li.important
    {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

table.iconList
{}

    table.iconList td.icon
    { background-repeat: no-repeat;
      background-position: right .25em;
      padding-right: 35px;
      height: 38px; }

ul.treePlus
{}

    .treePlus a
    {
        text-decoration: none;
    }



.dis_partner, .dis_all, .dis_employee
{ background-repeat: repeat-y;
  background-position: right; }

.dis_partner
{ background-image: url(../img/academy/gradient_partner.gif); }

.dis_all
{ background-image: url(../img/academy/gradient_all.gif); }

.dis_employee
{ background-image: url(../img/academy/gradient_employee.gif); }

div#key
{ margin-top: 2em;
  padding: .25em .5em;
  float: right;
  font-size: 85%;
  width: 50%;
  text-align: right; }

  #key div
  { padding: .25em; }

table#permissionMatrix td, table#permissionMatrix th
{ cursor: default; }

/*
 * FileUploadField component styles
 */
.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;
}
.upload-icon {
	background: url('../img/image_add.png')  no-repeat 0 0 !important;
}