body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    color: #9DA5B4;
    background-color: #595959;
}

textarea, input[type=text] {
    /* Disable the selected outline glow in webkit */
    outline:none;
    -webkit-appearance: none;
}
textarea {resize: none;}
:focus {
  outline-color: transparent;
  outline-style: none;
}

input {
    border: 1px solid #333;
    color: #ddd;
    background-color: #3B393A;/*#4B494A;*/
    padding: 2px 3px 0px;
    
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

select {
    border: 1px solid #333;
    color: #ddd;
    background-color: #3B393A;/*#4B494A;*/
}

textarea {
    border: 1px solid #333;
    background-color: #3B393A;
    padding: 2px;
    color: #ddd;
}

#messages {
    color: rgb(250,186,35);
}

#loginDiv {
    margin-left: 13px;
    margin-right: 13px;
    position: relative;
    width: 184px;
}

.loginBar {
    width: 840px;
    height: 61px;
    background-image: url('/assets/images/login/loginbar.png');
    background-repeat: repeat-x;
    
    position: absolute;
    left: 172px;
    top: 0px;
    
    background-color: rgb(93,112,128);
}

.familyListDiv {
    width: 430px;
    height: 17px;
    background-color: rgb(86,87,89);
    color: rgb(157, 165, 180);
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
}
.familyHandle {
    margin-left: 3px;
    margin-top: 3px;
    cursor: pointer;
}
.familyLastName {
    margin-left: 3px;
    margin-right: 4px;
    font-family: "Arial";
    font-weight: bold;
    font-size: 12px;
    
    text-transform: uppercase;
}  

#scheduleLock {
    position: absolute;
    right: 15px;
    bottom: 2px;
}

#listLock {
    position: absolute;
    right: 2px;
    top: 2px;
}

.searchLock {
    width: 14px;
    height: 10px;
    cursor: pointer;
    margin: 1px;
    
    background-image: url('/assets/images/unlocked.png');
}

.locked {
    background-image: url('/assets/images/locked.png');
}

.studentHandle {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    margin: 1px;
} 

.relativeName {
    color: rgb(157, 165, 180);
    font-family: "Arial";
    font-weight: bold;
    font-size: 10px;
    margin-top: 2px;
    margin-left: 3px;
    text-transform: uppercase;
}

.relativeImage {
    width: 7px;
    height: 7px;
    margin-left: 2px; 
    margin-top: 1px;
    background-image: url('/assets/images/listframe/parent-male.png');
}

.scheduleContainer {
    margin-top: 2px; 
    margin-left: 1px; 
}

.lessonSearchTargetBtn, .lessonSearchTargetBtnSelected {
    margin-left: 94px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    background-image: url('/assets/images/schedule/rectTarget.png');
}
.lessonSearchTargetBtnSelected {
    background-image: url('/assets/images/schedule/rectTargetSel.png');
}

.studentSearchTargetBtn {
    margin-left: 3px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    background-image: url('/assets/images/schedule/circleTarget.png');
}
.studentSearchTargetBtnSelected {
    background-image: url('/assets/images/schedule/circleTargetSel.png');
}
.familySearchTargetBtn {
    margin-left: 3px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    background-image: url('/assets/images/schedule/familyTarget.png');
}
.familySearchTargetBtnSelected {
    background-image: url('/assets/images/schedule/familyTargetSel.png');
}

.regionClock {
    width: 44px;
    position: relative;
    top: 1px;
    margin-left: 2px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    color: rgb(157, 165, 180);
}

.regionAMPM {
    font-family: "Arial", sans-serif;
    font-size: 8px;
    color: rgb(146, 153, 166);
    display: inline;
    text-transform: uppercase;
    margin-left: 0px;
}

.selectedClock {
    color: rgb(245,246,121);
}
/* both */
.selectedClock .regionAMPM {
    color: rgb(245,246,121);
}

.accessTxt {
    width: 322px;
    height: 39px;
    margin-left: 13px;
    margin-right: 13px;
}

.loginLabel {
    font-size: 11px;
    color: rgb(214,219,223);
    width: 59px;
    margin-left: 9px;
    
    height: 16px;
    padding-top: 3px;
}

.dividerCtn {
    position: relative;
    height: 57px;
}

.loginDivider {
    position: absolute;
    bottom: 0px;
    background-color: rgb(63,63,63);
    height: 53px;
    width: 1px;
}

.enterBtn {
    border: 1px solid rgb(250,186,35);
    color: rgb(250,186,35);
    width: 34px;
    height: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 13px;
    text-align: center;
    cursor: pointer;
}

#hovismCtn {
    position: absolute;
    left: 172px;
    top: 70px;
}

#hovismLabel {
    font-size: 10px;
    margin-left: 15px;
    color: rgb(119,123,130);   
}

#hovismBox {
    background-image: url('/assets/images/login/hovismBorder.png');
    
    text-align: center;
    width: 347px;
    height: 141px;
}

#hovism {
    position: relative;
    top: 57px;
    font-family: Arial;
    font-weight: bold;
    color: rgb(214,214,214);
    font-size: 14px;
}


.parentTalksHeadline {
    font-size: 16px;
    font-weight: bold; 
}

.progressInput {
    border: none;
    border-bottom: solid 1px black;
    background-color: #595959;
    color: #aaaaaa;
    width: 25px;
    height: 11px;
    font-size: 10px;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing:-1px;
}

select {
	font-size: 10px;
	border: 1px solid black;
}

#methodHandle {
    position: absolute;
    bottom: 2px;
    right: 8px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-image: url('/assets/images/methodsHandle.gif');
}

#ticketHandle {
    background-image: url('/assets/images/star.png');
    position: absolute;
    bottom: 1px;
    left: 2px;
    width: 21px;
    height: 17px;
    cursor: pointer;
}

#billingHandle {
    position: absolute; 
    bottom: -1px; 
    left: 4px; 
    font-size: 15px; 
    font-family: "Arial Black"; 
    color: rgb(116, 120, 127);
}

#detailsHandle {
    position: absolute;
    top: 4px;
    right: 29px;
    width: 11px;
    height: 14px;
    cursor: pointer;
    background-image: url('/assets/images/detailsHandle.gif');
}

#searchHandle {
    position: absolute;
    top: 3px;
    left: 6px;
    width: 20px;
    height: 18px;
    cursor: pointer;
    background-image: url('/assets/images/searchHandle.png');
}

#messageHandle {
    position: absolute;
    bottom: 1px;
    left: 2px;
    width: 21px;
    height: 17px;
    cursor: pointer;
    background-image: url('/assets/images/messageHandle.gif');
}
#messageHandle.messageTabHandleHigh {
    background-image: url(/assets/images/messageHandleHigh.png);
}

#resultsframe_body {
    /*background-image: url('/assets/images/resultsframe/stripes_inner_new.png');
    background-repeat: repeat-y;
    */
    width: 572px;
    height: 300px;
}


.hproDivider {
    width: 406px;
    height: 2px;
    position: relative;
}

.hproDividerLeft {
    position: absolute;
    left: 0px;
    top: 0px; 
    height: 2px;
    width: 1px;
    background-color: rgb(43,43,43);
}

.hproDividerTop {
    position: absolute;
    left: 1px;
    top: 0px; 
    height: 1px;
    width: 404px;
    background-color: rgb(43,43,43);
}
.hproDividerBot {
    position: absolute;
    left: 1px;
    top: 1px; 
    height: 1px;
    width: 404px;
    background-color: rgb(98,98,98);
}

.hproDividerRight {
    position: absolute;
    left: 405px;
    top: 0px; 
    height: 2px;
    width: 1px;
    background-color: rgb(98,98,98);
}

#originalSearch {
    top: 31px;
    left: 13px;
    position: absolute;
}

.searchSegment,
.currentSearchSegment {
    font-size: 9px;
    font-family: "Arial";
    font-weight: bold;
}

.searchSegment {
    font-size: 10px;
    font-family: "Arial Bold";
    color: rgb(119,123,130);
    cursor: pointer;
}
.searchSegment:hover {
    color: rgb(157,165,180);
}
.currentSearchSegment {
    color: rgb(245,246,121);
}

.filterHeader {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 2px;
    cursor: pointer;
}

.filterRow {
    width: 160px;
    font-size: 11px;
    padding-left: 5px;
    
    height: 13px;
    padding-top: 2px;
    
    cursor: pointer;
}

.evenFilterRow {
    /*background-color: rgb(96,100,107);
    color: #555;*/
}

.selectedFilterRow {
    background-color: rgb(245,246,121);
    color: #555;
}

.evenFilterRow .selectedFilterRow {
    background-color: rgb(245,246,121);
    color: #555;
}

#otherFiltersDiv .insetFrameWrapper {
    padding: 0px;
    overflow: hidden;
    position: relative;
}

#printListBtn {
    width: 11px;
    height: 11px;
    cursor: pointer;
    
    position: absolute;
    top: 5px;
    left: 153px;
    
    background-image: url('/assets/images/listframe/printU.gif');
}

#printListBtn:hover {
    width: 11px;
    height: 11px;
    cursor: pointer;
    
    background-image: url('/assets/images/listframe/printH.gif');
}

#emailListBtn {
    width: 11px;
    height: 11px;
    cursor: pointer;
    
    position: absolute;
    top: 5px;
    left: 168px;
    
    background-image: url('/assets/images/listframe/emailbtnU.png');
}

#emailListBtn:hover {
    width: 11px;
    height: 11px;
    cursor: pointer;
    
    background-image: url('/assets/images/listframe/emailbtnH.png');
}

#exportListBtn {
    width: 11px;
    height: 11px;
    cursor: pointer;
    
    position: absolute;
    top: 5px;
    left: 183px;
    
    background-image: url('/assets/images/exportArrowLow.png');
}

#exportListBtn:hover {
    background-image: url('/assets/images/exportArrowHigh.png');
}

#moveMenu {
    overflow-y: auto;
    width: 80%;
    height: 80%;
    background-color: rgb(70,70,70); 
    z-index: 2000; 
    position: absolute; 
    left: 10%; 
    top: 10%; 
    border: 1px solid #ccc;
    padding: 15px;
}
#moveMenu li {
    list-style: none;
    display: block;
    z-index: 100;
}

#moveMenu ul {
    z-index: 10;
    overflow-y: auto;
    height: 100px;
}

.draggableColumn {
    cursor: pointer;
    padding: 2px;
    padding-left: 4px;
    width: 200px;
    height: 14px;
    font-size: 10px;
}

.columnDropZone {
    width: 200px;
    height: 300px;
    overflow-y: auto;
    background-color: #808080;
    border: 1px solid #626262;
}

.hoverzone {
    background-color: #eeee20;
    color: #404040;
}

.noteBox {
    height: 100px;
    width: 300px;
    
    overflow-y: auto;
    
}

.smalltext {
    font-size: 10px;    
}

.verticalspace {
    margin-top: 2px;    
}

.horizontalspace {
    margin-left: 2px;    
}

.listTable {
    margin-left: 6px;
}


.hpro-sched-space-empty {
    width: 5px;
    height: 18px;
    display: block;
}

.evenHour {
    background-color: #565759;
}

.oddHour {
    background-color: #4a4a4a;
}

.oddToEven {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+0,4a4a4a+50,565759+51,565759+100 */
    background: #4a4a4a; /* Old browsers */
    background: -moz-linear-gradient(left,  #4a4a4a 0%, #4a4a4a 50%, #565759 50%, #565759 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #4a4a4a 0%,#4a4a4a 50%,#565759 50%,#565759 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #4a4a4a 0%,#4a4a4a 50%,#565759 50%,#565759 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#565759',GradientType=1 ); /* IE6-9 */
}


.evenToOdd {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+0,4a4a4a+50,565759+51,565759+100 */
    background: #4a4a4a; /* Old browsers */
    background: -moz-linear-gradient(left,  #565759 0%, #565759 50%, #4a4a4a 50%, #4a4a4a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #565759 0%,#565759 50%,#4a4a4a 50%,#4a4a4a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #565759 0%,#565759 50%,#4a4a4a 50%,#4a4a4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565759', endColorstr='#4a4a4a',GradientType=1 ); /* IE6-9 */
}

.emptyTimeSlot,
.normalTimeSlot,
.normalTimeSlotList {
    width: 28px;
    height: 18px;
    display: block;
    margin: 1px;
}
.normalTimeSlotList {
    cursor: pointer;
}
.normalTimeSlot {
    cursor: pointer;
}

.scheduleHourHeader {
    width: 27px;
    height: 18px;
    font-size: 13px;
    line-height: 15px;
    padding: 2px 0px 0 3px;
}

.twentyMinuteTimeSlot {
    width: 18px;
}

.transparentSlot {
    opacity: .25;
}

.normalSelectedSlot {
    border: 1px solid yellow;   
    margin: 0px;
}

.permTargetSlot {
    border: 1px solid #ffffff;   
    margin: 0px;
    cursor: crosshair;
}

.tempTargetSlot {
    border: 1px solid #66ddaa;   
    margin: 0px;
    cursor: crosshair;
}

.impossibleMoveSlot {
    /* do nothing special */
}

.newLessonDialogue {    
    z-index: 3000;
    width: 200px;
    height: 100px;
    position: absolute;
    border: 1px solid #babbba;
    background-color: #303030;
    opacity: 0.5;
    color: #aabbaa;
}


.studentGrade {
    display: block;
    width:  15px;
    height: 15px;
    margin-left: 4px;
}

.lessonTimeCell {
    margin-left: 4px;
    font-size: 12px;
    font-weight: bold; 
    color: #8C939E;
    text-align: right;
    width: 50px;
}

.normalLesson {
    cursor: pointer;
}

.oldNormalLesson {
    opacity: .4;
}

.firsttimeslot,
.breaktimeslot 
{
    height: 15px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.firsttimeslot {
    width: 2px;
}
.breaktimeslot 
{
    width: 3px;
}


textarea {
    font-family: "Helvetica";
	font-size: 10px;
	border: 1px solid black;
	width: 200px;
	height: 40px;
}

.labeldiv {
    margin-left: 10px;
    padding-left: 2px;
    padding-top:5px;
}

.cityAutoDiv{
    cursor: pointer;
    height: 140px;
    overflow: auto;
}

.billingCityAutoDiv{
    cursor: pointer;
    height: 90px;
    overflow: auto;
}

.toolLink {
    text-decoration: none;
    
    color: #bec4c9;
}

.toolLinkOn {
    color: #fabb24;
}

.divbtn {
    cursor: pointer;
    border: 1px solid #9DA5B4;
    
    font-size: 11px;
    padding: 2px;
}

.firstNameStyle {
    
}

.lastNameStyle {
    
}

.divLetter {
    border: 1px solid rgb(157,165,180);
    color: rgb(157,165,180);
    font-family: Helvetica;
    font-weight: bold;
    font-size: 11px;
    margin: 2px;
    padding: 1px;
    height: 10px;
    line-height: 10px;
    width: 20px;
    text-align: center;
    cursor: pointer;
}

.selectedDivLetter {
    border-color: rgb(245,246,121);
    color: rgb(245,246,121);
}

.coachFilter,
.studioFilter,
.shapeFilter,
.statusFilter,
.shapestyleFilter,
.shapecolorFilter {
    margin-top: 2px;
    cursor: pointer;
    display: block;
}

.selectAllFiltersBtn,
.deselectFiltersBtn {
    margin-top:5px;
    cursor: pointer;
    width: 6px;
    height: 6px;
}

.selectAllFiltersBtn {
    background-image: url('/assets/images/filterLightOn.png');
}

.deselectFiltersBtn {
    margin-left: 5px;
    background-image: url('/assets/images/filterLightOff.png');
}

.coachFilter {
    margin-left: 5px;  
}

.studioFilter {
    margin-left: 5px; 
}

.shapeFilter {
    margin-left: 7px; 
    width: 15px;
    height: 15px;
}

.statusFilter {
    margin-left: 7px; 
    width: 15px;
    height: 15px;
}

.shapecolorFilter {
    margin-left: 6px;
    width: 15px;
    height: 15px;
}

.shapestyleFilter {
    margin-left: 7px; 
    width: 15px;
    height: 15px;
}

.detailTab {
    width: 48px;
    height: 11px;
    background-color: #85898f;
    color: #5d5d5d;
}

.detailTab :hover {
    background-color: #aeb4c0;
}

.tabOn {
    background-color: #aeb4c0;
}

.stuCourseBtn:hover {
    color: #bfc7d6;
}

.selectedStuCourse {
    /*color: rgb(245,246,121);*/
    font-weight: bold;
    border: 1px solid;
}

.studentResults {
    width: 200px;
    height: 280px;
}

#resultsDiv {
    height: 300px;
}


#detailsdiv .studentTabs {
    position: absolute;
    top: 36px;
    left: 0px;
}

#detailsdiv .topTabBar {
    width: 100%;
    height: 1px;
    
    background-color: rgb(98,98,98);
    border-top: 1px solid rgb(50,50,51);
    z-index: 10;
    
    position: absolute;
    top: 14px;
    left: 0px;
}

#detailsdiv .tabBox {
    position: relative;
    z-index: 5;
    font-size: 10px;
    font-weight: normal;
    height: 6px;
    
    color: rgb(112,112,113);
    background-color: rgb(74,74,74);
    border: 0px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    
    padding: 1px 5px 2px 5px;
    margin-right: 1px;
}

#detailsdiv .tabBox:hover {
    color: rgb(140,147,158);
}

#detailsdiv .selectedTab {
    color: rgb(140,147,158);
    background-color: rgb(74,74,74);
    border-bottom: 1px solid rgb(74,74,74);
    
    border-top: 1px solid rgb(50,50,51);
    border-left: 1px solid rgb(50,50,51);
    border-right: 1px solid rgb(50,50,51);
    
    height: 11px;
    padding-bottom: 0px;
    padding-top: 3px;
    font-weight: bold;  
    position: relative;
    z-index: 20;
}

#detailsdiv .tabTopHighlight {
    height: 1px; 
    background-color: rgb(98,98,98);
}

#detailsdiv .selectedTab:hover {
    background-color: rgb(74,74,74);
}

#detailsdiv .tabContentFrame {
    position: absolute;
    top: 18px;
    left: 0px;
    border: 0px;
    
}
#detailsdiv .tabRow {
    margin-right: 10px;
    float: right;
}

#detailsdiv .hiddenTabContent {
    display: none;
}

#detailsdiv .tabFrame {

}

#detailsdiv .tabContentFrame {
    
}

#detailsdiv .box {
    border: 1px solid #626262;
    margin: 2px;
    padding: 2px;
    -moz-border-radius: 4px;
}

.contextMenu {
    position: absolute;
    border: 1px solid #666;
    background-color: rgb(177, 185, 200);/*rgb(157, 165, 180);*/
    color: rgb(80,80,80);
    font-size: 11px;
    
    z-index: 3000;
    
    padding-top: 3px;
    padding-bottom: 3px;
    
    -moz-border-radius: 3px;
}

.contextMenuShad1, .contextMenuShad2 {
    position: absolute;
    background-color: #000;
    opacity: .3;
    
    z-index: 2800;
    padding-top: 3px;
    padding-bottom: 3px;
    -moz-border-radius: 4px;
}

.contextMenuShad2 {
    opacity: .1;
}

.ctxMenuItem, .ctxNestedItem {
    cursor: pointer;
    padding-left: 5px;
    padding-top: 3px;
    height: 15px;
    position: relative;
}

.ctxMenuItem:hover {
    background-color: rgb(245, 246, 121);
    color: #555;
}
.ctxNestedItem:hover {
    background-color: rgb(245, 246, 121);
    color: #555;
}

.highlighted {
    background-color: rgb(245, 246, 121);
    color: #555;
}

.ctxArrowIcon {
    background-image: url('/assets/images/rightMenuArrow.gif');
    width: 11px;
    height: 11px;
    position: absolute;
    right: 5px;
    top: 4px;
}   

.ctxMenuDivider {
    height: 1px; 
    background-color: #666;
    margin-top: 2px;
    margin-bottom: 2px;
}


span.cpMonthNavigation {
    /*margin-left: 15px;*/
}
.cpMonthNavigation {
    text-decoration: none;
    color: #eee;
    font-weight: bold;
}
td.cpMonthNavigation {
    text-align: center;
}
.cpCurrentDate {
    text-decoration: none;
    font-weight: bold;
    color: #BADAFF;
    font-size: 11px;
}
a.cpOtherMonthDate {
    text-decoration: none;
    color: #aaa;
    cursor: pointer;
}
a.cpCurrentMonthDate {
    text-decoration: none;
    color: lightBlue;
    cursor: pointer;
}
.cpTodayText {
    text-decoration: none;
    color: lightBlue;
}


#studentCourseProgress .studentGrade {
    display: inline;
    margin: 0px 0px -1px 0px;
}

#lessonDescriptionBox {
    width: 350px;
}

#lessonDescriptionBox .studentGrade {
    display: inline;
    margin: 3px 0px 0px 0px;
    
}
#lessonDescriptionBox .normally {
    line-height: 20px;
    vertical-align: bottom;
    font-size: 11px;
    margin-right: -3px;
    
}
#mouseOverBox {
    right: 15px;
    width: 380px;
    height: 22px;
}

/* Store tab */
#studentTabs .store-item-wrap {
    width: 140px;
}

#studentTabs .order-wrap {
     /*color: white; 
     font-size: 12px;
     */
}

.storeItem {
    cursor: pointer;
}
.storeItem:hover  {
    background-color: #eee;
}