#LogoAndStuff
{
    max-width:130px;
    max-height:190px;
    display:inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
#LogoAndStuff img
{
    width:100%;
    margin-right:10%;
    margin-top:10%;
}
.AddressDiv
{
    text-align:center;
    background-color:Silver;
    border: 1px solid black;
    border-radius:5px;
    color:Black;
}
.WeeksPanel
{
    width:90%;
    margin:0 auto;
}
.WeeksPanel>h2
{
    display:inline-block;
}
.RightArrow, .LeftArrow{
    width:50px;
    height:50px;
    vertical-align:central;
}
.ActualSchedule
{
    max-height:700px;
    overflow-y:auto;

}
.PanelDiv
{
    max-height:400px;
    overflow-y:auto;
}


.ContainerForWidth
{
	margin-top:15px;
}
.ui-autocomplete {
  display:none;
}
ul.ui-autocomplete {
    list-style: none;
    overflow: auto;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    
}
.ui-helper-hidden-accessible
{
    display:none;
}
.NoLabel
{
    display:none;
}
.ChildTable 
{
    margin:auto;
}
.ChildTable .GridClass a:active,
.ChildTable .GridClass a:hover {
	
	text-decoration:underline;
}

.ChildTable .GridClass {
	color:#666;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
    width:100%;
}
.NoHeader .GridClass th {
    display:none;
}
.ChildTable .GridClass th:first-child {
	text-align: left;
	padding-left:20px;
}
.ChildTable .GridClass tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.ChildTable .GridClass tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.ChildTable .GridClass tr {
	text-align: center;
	padding-left:20px;
}
.ChildTable .GridClass td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.ChildTable .GridClass td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.ChildTable .GridClass tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.ChildTable .GridClass tr:last-child td {
	border-bottom:0;
}
.ChildTable .GridClass tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.ChildTable .GridClass tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.ChildTable .GridClass tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.GridClass 
{
    margin:auto;
    
}
.GridClass a:active,
.GridClass a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.GridClass {
	color:#666;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;

	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
    width:100%;
}
.GridClass tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.GridClass tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.GridClass tr {
	text-align: center;
	padding-left:20px;
}

.GridClass td {
	padding:2px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	/*background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);*/
    background: #eaebec;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaebec), to(#fafafa));
	background: -moz-linear-gradient(top,  #eaebec,  #fafafa);
}
.GridClass tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.GridClass tr:last-child td {
	border-bottom:0;
}
.GridClass tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.GridClass tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.GridClass tr:hover td {
    background: #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(orange), to(orange));
	background: -moz-linear-gradient(top,  #CCCCCC,  #e0e0e0);	
    /*background: #f2f2f2;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);*/	
}


.SearchTable 
{
    margin:auto;
}
.SearchTable a:active,
.SearchTable a:hover {
	color: #bd5a35;
	text-decoration:underline;
}

.SearchTable {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	/*text-shadow: 1px 1px 0px #fff;*/
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.ChildTable .GridClass th:first-child {
	text-align: left;
	padding-left:20px;

}
.SearchTable tr:first-child th:first-child {
	
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.SearchTable tr:first-child th:last-child {

	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.SearchTable tr:first-child {
	background:Silver;
              color:black;
	font-size:18px;
}
.SearchTable tr:first-child:hover {
	background:#ff8800;
    color:white;
}

.SearchTable tr {
	text-align: right;
	padding-left:20px;
}
.SearchTable td:first-child {
	text-align: right;
	padding-left:20px;
	border-left: 0;
}
.SearchTable td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.SearchTable tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.SearchTable tr:last-child td {
	border-bottom:0;
}
.SearchTable tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.SearchTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.SearchTable tr:hover td {
	background: #f2f2f2;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));*/
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8800), to(#ff8800));
    /*background: -webkit-gradient(linear, left top, left bottom, from(#ff8800), to(#f0f0f0));*/
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
	color:#fff;
}
.DisclaimerDiv
{
    border:1px solid black;
    border-radius:5px;
    padding:10px;
}


@media only screen 
and (max-device-width : 767px) 
{

    .HeaderClass
    {
        margin:0;text-align:center;font-size:15;
    }
    .Footer
    {
        direction:rtl;
        height:20%;
        max-height:20%;
    }
}
@media only screen 
and (min-device-width : 768px) 
{

    .HeaderClass
    {
        margin:0;text-align:center;position: absolute;right: 48%;top: 2%;
    }
    .Footer
    {
        direction:rtl;
    }
}
.ScheduleClass
{
    padding:2px;
    margin:2px;
    border:1px solid white;
    border-radius:5px;
    width:90%;
    font-size:10px;
}
.WeekDiv
{
    display:block;
    width:100%;
}
.DayDiv
{
    
    display:inline-block;
    vertical-align:top;
    padding-left:0.5%;
    padding-right:0.5%;
    border: 1px solid gray;
    box-shadow: gray 3px 3px;
    margin-bottom:1px;
    margin-top:1px;
    border-radius: 3px;
    height:150%;
    min-height:350px;
}
.WashDateClass
{
    background-color:#c2e4c2;
    text-align: center;
    margin:0px;
}
.CrewDisplay
{
    text-align:center;
    width:90%;
    font-size:22px;
    margin-top:4px;
    margin-bottom:2px;
    color:darkblue;
}
.ActionsPanel
{
    display:block;
    width:90%;
    text-align:center;
}

#washMenuOptions
{
overflow: hidden;
}

.windows8 {
position: relative;
width: 90px;
height:90px;
}

.windows8 .wBall {
position: absolute;
width: 60px;
height: 60px;
margin: 10px;
opacity: 0;
-moz-transform: rotate(225deg);
-moz-animation: orbit 7.15s infinite;
-webkit-transform: rotate(225deg);
-webkit-animation: orbit 7.15s infinite;
-o-transform: rotate(225deg);
-o-animation: orbit 7.15s infinite;
-ms-transform: rotate(225deg);
-ms-animation: orbit 7.15s infinite;
transform: rotate(225deg);
animation: orbit 7.15s infinite;
}

.windows8 .wBall .wInnerBall{
position: absolute;
width: 11px;
height: 11px;
background: #141214;
left:0px;
top:0px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
-o-border-radius: 11px;
-ms-border-radius: 11px;
border-radius: 11px;
}

.windows8 #wBall_1 {
-moz-animation-delay: 1.56s;
-webkit-animation-delay: 1.56s;
-o-animation-delay: 1.56s;
-ms-animation-delay: 1.56s;
animation-delay: 1.56s;
}

.windows8 #wBall_2 {
-moz-animation-delay: 0.31s;
-webkit-animation-delay: 0.31s;
-o-animation-delay: 0.31s;
-ms-animation-delay: 0.31s;
animation-delay: 0.31s;
}

.windows8 #wBall_3 {
-moz-animation-delay: 0.62s;
-webkit-animation-delay: 0.62s;
-o-animation-delay: 0.62s;
-ms-animation-delay: 0.62s;
animation-delay: 0.62s;
}

.windows8 #wBall_4 {
-moz-animation-delay: 0.94s;
-webkit-animation-delay: 0.94s;
-o-animation-delay: 0.94s;
-ms-animation-delay: 0.94s;
animation-delay: 0.94s;
}

.windows8 #wBall_5 {
-moz-animation-delay: 1.25s;
-webkit-animation-delay: 1.25s;
-o-animation-delay: 1.25s;
-ms-animation-delay: 1.25s;
animation-delay: 1.25s;
}

@-moz-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-moz-transform: rotate(180deg);
-moz-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-moz-transform: rotate(300deg);
-moz-animation-timing-function: linear;
-moz-origin:0%;
}

30% {
opacity: 1;
-moz-transform:rotate(410deg);
-moz-animation-timing-function: ease-in-out;
-moz-origin:7%;
}

39% {
opacity: 1;
-moz-transform: rotate(645deg);
-moz-animation-timing-function: linear;
-moz-origin:30%;
}

70% {
opacity: 1;
-moz-transform: rotate(770deg);
-moz-animation-timing-function: ease-out;
-moz-origin:39%;
}

75% {
opacity: 1;
-moz-transform: rotate(900deg);
-moz-animation-timing-function: ease-out;
-moz-origin:70%;
}

76% {
opacity: 0;
-moz-transform:rotate(900deg);
}

100% {
opacity: 0;
-moz-transform: rotate(900deg);
}

}

@-webkit-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-webkit-transform: rotate(180deg);
-webkit-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-webkit-transform: rotate(300deg);
-webkit-animation-timing-function: linear;
-webkit-origin:0%;
}

30% {
opacity: 1;
-webkit-transform:rotate(410deg);
-webkit-animation-timing-function: ease-in-out;
-webkit-origin:7%;
}

39% {
opacity: 1;
-webkit-transform: rotate(645deg);
-webkit-animation-timing-function: linear;
-webkit-origin:30%;
}

70% {
opacity: 1;
-webkit-transform: rotate(770deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:39%;
}

75% {
opacity: 1;
-webkit-transform: rotate(900deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:70%;
}

76% {
opacity: 0;
-webkit-transform:rotate(900deg);
}

100% {
opacity: 0;
-webkit-transform: rotate(900deg);
}

}

@-o-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-o-transform: rotate(180deg);
-o-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-o-transform: rotate(300deg);
-o-animation-timing-function: linear;
-o-origin:0%;
}

30% {
opacity: 1;
-o-transform:rotate(410deg);
-o-animation-timing-function: ease-in-out;
-o-origin:7%;
}

39% {
opacity: 1;
-o-transform: rotate(645deg);
-o-animation-timing-function: linear;
-o-origin:30%;
}

70% {
opacity: 1;
-o-transform: rotate(770deg);
-o-animation-timing-function: ease-out;
-o-origin:39%;
}

75% {
opacity: 1;
-o-transform: rotate(900deg);
-o-animation-timing-function: ease-out;
-o-origin:70%;
}

76% {
opacity: 0;
-o-transform:rotate(900deg);
}

100% {
opacity: 0;
-o-transform: rotate(900deg);
}

}

@-ms-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-ms-transform: rotate(180deg);
-ms-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-ms-transform: rotate(300deg);
-ms-animation-timing-function: linear;
-ms-origin:0%;
}

30% {
opacity: 1;
-ms-transform:rotate(410deg);
-ms-animation-timing-function: ease-in-out;
-ms-origin:7%;
}

39% {
opacity: 1;
-ms-transform: rotate(645deg);
-ms-animation-timing-function: linear;
-ms-origin:30%;
}

70% {
opacity: 1;
-ms-transform: rotate(770deg);
-ms-animation-timing-function: ease-out;
-ms-origin:39%;
}

75% {
opacity: 1;
-ms-transform: rotate(900deg);
-ms-animation-timing-function: ease-out;
-ms-origin:70%;
}

76% {
opacity: 0;
-ms-transform:rotate(900deg);
}

100% {
opacity: 0;
-ms-transform: rotate(900deg);
}

}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}
  /*credit goes to: http://cssload.net/#sthash.b9rtHRFK.dpuf*/

.ShortInput
{
    width:40px;
}
.ShortestInput
{
    width:2px;
}
.MediumInput
{
    width:80px;
}
.MediumLargeInput
{
    width:120px;
}
.LargeInput
{
    width:790px;
}

@media only screen and (min-device-width : 768px) {
    .DayDiv {
        width:15%;

    }
    .GridClass {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #FIELD_50031Link{
        font-size:large;
    }

}
@media only screen and (max-device-width : 767px) {
    #cboxClose
    {
        width:200px;
        height:30px;
        font-size:16px;
        margin-right:20%;
    }
    #cboxContent
    {
        height:auto;
        background-color:white;
    }

    .DayDiv {
        margin-right: 2%;
        margin-left: 2%;
        width:96%;
    }
    #FIELD_50031Link{
        font-size:x-large;
    }
}
#waitWashes{
    color:red;
}
#washTableHeader{
    text-align:right;
}

.GridClass
{
    position:relative;   
}

#LogoImage
{
    width:100%;
    max-width:250px;
    max-height:250px;
}
.header{
    direction:ltr;
    display:inline-flex;
    float:left;
}
#employeeName{
    margin-left:5%;
}
select[id^='FIELD_210007_'] {
    width:auto; 
    max-width:100px;
}
select[id^='FIELD_210001_'] {
    width:auto; 
    max-width:350px;
}
input[id^='FIELD_50038_'] { 
    max-width:100px;
}
input[id^='FIELD_140014_'] { 
    max-width:4em;
}

select[id^='FIELD_40003_'] { 
    min-width:150px;
}
select[id^='FIELD_40023_'] { 
    min-width:150px;
}
.ui-dialog-title{
   white-space: normal !important;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2.5); /* IE */
  -moz-transform: scale(2.5); /* FF */
  -webkit-transform: scale(2.5); /* Safari and Chrome */
  -o-transform: scale(2.5); /* Opera */
  padding: 10px;
}
.GridButton{
    
}