.alphabet
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    text-indent: -0.38px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: Black;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    height: 15px;
    line-height: 15px;
    width: 55%;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
    margin-right: 1px;
}
.alphabet:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}
.alphabet:active
{
    color: Red;
    position: relative;
    top: 1px;
}

body {-webkit-print-color-adjust: exact!important;
       box-shadow: inset 0 0 0 1000px gold;}

.alphabet-additional
{
    width: auto !important;
    padding: 5% 7% 14% 7% !important;
    margin-bottom: 5%;
}
.newItemAdd
{
    margin-left: -32% !important;
}
.activeLatter
{
    color: Red !important;
}
.MainMenuGrid
{
    background-color: White;
}
.hidden
{
    display: none;
}

.no-margin-imp
{
    margin-left:5% !important;
}

#scheduleInfo
{
   margin-left:30%;
}

.scheduleDaysOFweek
{
   /* display:none;*/
    height: 70px !important;
    width: 120px !important;
    vertical-align: middle !important;
    font-size: 0.9em;
}
.marked-class
{
    margin-left:20px;
    margin-top:-40px;
}


.scheduleClassPeriod
{
    width: 60px !important;
    font-size: 0.6em;
}
.classHolder
{
    height: 70px !important;
    width:60px !important;
    border: 1px solid black;
}
.schedulePart
{
    /*   display:inline-block;*/
}
.scheduleDaysOfWeek
{
    float: left;
    padding-top: 15px;
}
.scheduleHolder
{
    margin-left:-30px;
    margin-top:50px;
}
.scheduleClasses
{
    float: right; /*padding-top:-40px;*/
    
}
#scheduleTable th, #scheduleTable td
{
    padding: 0;
}
#scheduleTable tr td
{
    vertical-align: middle;
    text-align: center;
}
#scheduleTable tr:hover td, #scheduleTable tr:hover th
{
    background-color: inherit;
}
#scheduleTable tr td:hover
{
    background-color: #f5f5f5;
}
#scheduleTable tr td .scheduleCell:hover
{
    background: url("../css/img/glyphicons-halflings.png") 0 -96px;
}
.scheduleCell
{
    margin-left: 37%;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
}


#scheduleTable .ui-selecting
{
    background: #FECA40;
}
#scheduleTable .ui-selected
{
    background: #F39814;
    color: white;
}
.marked-class
{
    cursor:pointer;
    border-radius:5px;
    
}
.marked-class:hover
{
    opacity:0.7;
}

.scheduleResizer
{
    height:94px;
}