body{
  background-position:center center;
  /*background-image:url('../graphics/bgradbg1.png');*/

  background-repeat:repeat-x;
  xbackground-attachment:fixed;
  background-attachment:scroll;
  background-color:#f0f0f0;
  background-color:#fafafa;
  background-color:#f9f9f9;
  padding:0px;
  margin:0px;
  font-family: tahoma, 'open sans', Ubuntu, "Trebuchet MS", Verdana, Sans-serif;
  font-size:15px;
  font-style:normal;
}

.gdir{display:none;}

h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:1.2rem;}
h4{font-size:16px;}

h1,h2,h3,h4,h5,h6
{
  margin-bottom:6px;
  font-weight: normal;
  color:#19f;
  color:#04b;
  text-align:left;
}

p{font-size:15px; line-height:1.8em; text-align:left;}
li{font-size:14px;}

input{
  font-size:17px;
}
.inputRow input[disabled="1"]{
  color:#555;
}
.ibox input[readonly="readonly"]{
  border-color:white;
}
.hint{
  font-size:small;
  padding-left:20px;
  max-width:300px;
}

#lbg{
  background:url('../graphics/ls.jpg');
  height:100%;
}
.login{
  margin:auto;
  margin-top:15%;
  max-width:310px;
  padding:30px;
  border:1px solid #cef;
  background:rgba(255,255,255,0.2);
  border-radius:3px;
  box-shadow: 0 0 60px #49f;
}

#page{
  margin:auto;
  max-width:660px;
}

.vehicles table{
  border-collapse: collapse;
  width:100%;
}
.vehicle.hover td{
  background:#eee;
}

tr.vehicle{
  margin:5px;
  padding:10px;
}
.vehicle td{
  padding:13px 8px;
  white-space: nowrap;
  min-width:2rem;
  font-size:1.1rem;
  background-color:white;
}
.vehicle td.stk{
  text-align: right;
  min-width:6rem;
}
.vehicle td.due{
  width:50px !important;
}
.vehicle .stkd{
  text-align: center;
  float:right;
  width:2.4rem;
  height:2.4rem;
  border-radius:1.2rem;
  line-height:2.4rem;
  background:#ddd;
  margin:-6px 0;
}
.vehicle a.order{
  display:block;
}

.alert3 .stkd{background-color:#F20; color:white;}
.alert7 .stkd{background-color:#FA5;}
.alert31 .stkd{background-color:#FD0;}

form.vehicle select, 
form.vehicle input
{
  font-size:1.1rem;
  padding:.5rem;
  margin:.5rem;
  max-width:80%;
} 
form.vehicle textarea{ 
  font-size:1.1rem; 

} 
  
form.vehicle input.txt{ 
  display:inline-block;  
}   
form input.txt, select, textarea{
  background-color: #fff;
  border:1px solid #bbb;
}   
 
form.vehicle input.inl{ 
  width:2em; 
  text-align: center; 
} 
form.vehicle input.yyyy{ 
  width:3em; 
} 
 
.service{ 
  font-size:1.2rem; 
}
.rbox{
  background-color: #eee;
}
h3{
  background-color:#aaa;
  color:#fff;
  padding:.7rem;
  border-radius:3px;
}



.xh2{
  margin-top:50px;
}

.xh4{
  margin-top:20px;
}

.pointer{cursor:pointer;}

#topcontent, #page, #header, .footcols, .footer1, .footer2, .footer3, .footer3c, .mainmenu, .social{
  /*
  width:990px;
  margin:auto;
  */
}
#header{
  float:left;
}
a{
    text-decoration:none;
    color:#007;
}
a:visited{
    color:#004;
}
hr{
  border-color:#ccc;
}

textarea{
  font-family:inherit;
}

#board{
  clear:both;
  padding-top:10px;
  min-height:200px;
}

#logo{
  margin:5px 5px 5px 0px;
  float:left;
  padding-right:1px;
  line-height:40px;
  font-size:16pt;
}
#logo img{
  float:left;
  margin-right:5px;
}

#page,#topcontent{
  padding:0px;
}

#content{
}
#content h2{
  background-color:none;
  padding-top:8px;
  padding-bottom:0px;
}
#content .ibox h2, #ajaxArea h2{
  padding:2px 0px;
  line-height:32px;
}

.icon{
  position:relative;
  float:left;
  margin-right:6px;
  margin-left:-4px;
}
h2 .icon{
  top:-6px;
}
.inputRow{
  clear:both;
  height:37px;
  text-align:left;
}
.inputArea{
  text-align:left;
}

.inputRow input{
  padding:5px;
}

.inputRow select{
  padding:5px;
  min-width:155px;
  max-width:190px;
}

.inputRow .inputLabel,
.inputRow .readOnly,
.inputRow .units{
  display:block; float:left;
  min-width:150px;
  padding-top:7px;
}
.inputRow .units{
  min-width:30px;
}

#myBox .event .inputRow .inputLabel{
  min-width:48px;
}

.inputRow .radios{
  padding-top:10px;
}

.inputRow .radios div{
  float:left;
  padding-right:10px;
}

.inputRow input[type=checkbox]{
  margin-top:12px;
}


.checkGroup{
  max-width:300px;
}

.checkGroup{
  text-align:left;
  padding-bottom:5px;
}
.checkGroup input{
  float:left;
  margin-top:3px;
  margin-right:10px;
}
.checkGroup label{
  float:left;
  display:block;
  height:30px;
  min-width:170px;
  padding-right:10px;
}

.radiosRow{
  margin-top:20px;
  text-align:left;
}

.radiosRow .inputLabel{
  float:left;
  margin-right:90px;
}

.narrow .inputRow .inputLabel{
  min-width:30px;
}

input.code{
  width:40px;
}

.required {
  font-weight:bold;
  color:red;
}


.button, .button40, .mbox, .ibox, .inbox, .alpha a{
  display:block;
  border:0px solid #ddd;
  float:right;
  background-color:#fa2;
  background-image:none;
  padding:.8rem !important;
  margin-right:0px;
  margin-bottom:0px;
  text-align:center;
  min-width:70px;
  line-height:20px;
  border-radius:3px;
}

.xbutton{
  display:inline-block;
  background-color:#fff;
  border:1px solid #ccc;
  float:left;
  padding:5px;
  margin-right:10px;
  margin-bottom:10px;
  white-space: nowrap;
  min-width:80px;
}

.xbutton h3{
  padding-top:6px;
  padding-right:6px;
  float:left;
}
.xbutton:hover{
  border:1px solid #aaa;
  box-shadow:0px 0px 5px #ddd;
}

#myBox,#coverBox{
  position:fixed;
}

#myBox{
  padding:10px;
}

#coverBox{
  top:0px;
  left:0px;
  background-color:rgba(255,255,255,0.8);
  z-index:100;
}

#myBox .close {
  position:absolute;
  z-index:120;
  cursor:pointer;
  width:25px;
  height:25px;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAWElEQVQokaXSwQ3AIAwDQMZlAXuu7OUh4FUpotAgN1/nEIS09qdIdgABIEj26xxASBqSxho+KOdbmPGKXvDUcDpw+47cWKIKfyIbWle1h2N/h70A9so5NQFm8EeAPUuHkgAAAABJRU5ErkJggg==');
  background-repeat:no-repeat;
  background-position:center center;
  right: 5px;
  top: 5px;
}


.alpha a{
  padding:10px 12px;
  min-width:24px;
  text-align:center;
  line-height:19px;
  height:19px;
}
.alpha a:last-child{
  margin-right:0px;
}

.smallButton,.fitButton{
  display:block;
  background-position:bottom center;
  background-color:#fff;
  border:1px solid #ccc;
  float:left;
  text-align:center;
  border-radius:2px;
  position:relative;
  margin-right:5px;
  top:-2px;
}

input.button40{
  height:40px;
  line-height:32px;
  margin-top:10px;
  border-radius:2px;
}
.button40{
  padding:6px 10px;
  height:28px;
  line-height:28px;
  background-color:#fff;
  margin-bottom:10px;
  border:1px solid #eee;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-position:bottom center;
  border-radius:2px;
}

.plastic{
  background-color:#fff;
  background-position:bottom center;
  border:1px solid #eee;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius:4px;
}
.plastic.green{
  background-color:#6c5;
  color:white;
  padding:5px 20px !important;
}

.button:hover, .button40:hover, .alpha a:hover, .plastic:hover, .fitButton:hover{
  background-color:#bbb !important;
  border-color:#bbb;
  text-decoration:none;
  color:black;
}

.asg1{
  background-color:#fff;
}
.asg2{
  background-color:#fff;
}

.smallButton{
  width:20px;
  height:20px;
  margin-right:5px;
  top:-2px;
  padding:2px 4px;
}
.fitButton{
  margin-right:5px;
  top:-6px;
  padding:4px 6px;
}

.client{
  position:relative;
}
.client .tmg0,.tmg1,.tmg2{
  position:absolute;
  /*
  background:#ff8;
  */
  padding:0px;
  color:#aaa;
  font-size:12px;
}

.client .tmg0{
  top:0px;
  left:4px;
}
.client .tmg1{
  top:0px;
  right:4px;
  color:#f66;
}
.client .tmg2{
  bottom:0px;
  right:4px;
  color:#d7e;
}

.search{
  width:200px;
  padding-left:37px;
  line-height:40px;
  background:white;
  background-image:url(../graphics/search2.png);
  background-repeat:no-repeat;
  background-position:8px 8px;
  margin-left:5px;
  margin-bottom:10px;
  border:0px;
  border-bottom:1px solid #ddd;
  border-right:1px solid #eee;
  border:1px solid #ddd;
}

.alpha{
  border-top:1px solid #e0e0e0;
  border-left:1px solid #e0e0e0;
}


.inbox{
  margin-right:0px;
}


.ibox0{
  padding-bottom:10px;
  padding-top:2px;
  clear:both;
}


.todayReservations{
  margin-bottom:10px;
  min-width:200px;
}

.todayReservations .time{
  float:left;
  clear:both;
  min-width:40px;
  margin-right:-10px;
}

.visit{
  /*
  padding:3px;
  margin-bottom:10px;
  border:1px solid #ddd;
  border-radius:5px;
  background-color:white;
  */
}


.timefrom,.timeto,.reqDtime,.delivered{
  width:150px;
  text-align:center;
}

select#type{
  width:150px;
}

.service{
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px dashed #ddd;
}
.service:last-child{
  border-bottom:0px solid #ddd;
}

.tab1 td{
  border:1px solid #ddd;
}

.files{
  margin-top:10px;
}
.files td{
  vertical-align:middle;
  padding-left:10px;
  height:36px;
  line-height:36px;
}

.highLighted{
  text-decoration:underline;
}
.search-found{
  background:#0f0;
  text-decoration:underline;
}

.ok,.error,.presult,.nresult{
  padding:5px;
  color:#080;
  background:url('../graphics/icons/ok.png');
  background-repeat:no-repeat;
  padding-left:38px;
  margin-bottom:10px;
  margin-right:10px;
  line-height:22px;
  animation: fadeInFromNone 0.3s ease-in;
}
.error,.nresult{
  color:#c00;
  background-image:url('../graphics/icons/error.png');
}

select,option{
}


#selectFirm{
  position:relative;
  top:-1px;
  border: none;
  padding:7px;
  background: #fc8;
  border:1px solid #ccc;
}

#selectFirm option{
  padding:5px;
}


@keyframes fadeInFromNone {
    0% {
        margin-left:-400px;
        display: none;
        opacity: 1;
    }
    100% {
        margin-left:0px;
        display: block;
        opacity: 1;
    }
}




.delEvent{
  margin-left:60px;
  cursor:pointer;
}

#qFilter{
  margin-top:10px;
  margin-left:10px;
  float:left;
}

.filter{
  width:120px;
  padding:5px 10px;
}
#tip{
  z-index:65535;
  background-color:rgb(255,255,255);
}

#tip hr{
  border-bottom:1px dashed #aaa;
  padding-top:5px;
  margin-bottom:5px;
}

.timeNav{
  position:absolute;
  top:9px;
  right:9px;
}

.timeNav.fr{
  position:relative;
  float:right;
}
.timeNav a{
  width:32px;
  height:32px;
  margin-right:5px;
  padding-bottom:6px;
  
}
.timeNav a:last-child{
  margin-right:0px;
}

table.list td{
  padding:3px 5px;
}
table.list th{
  text-align:center;
}
table.priceList td{
  text-align:right;
}











@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1380px) {
  #header #logo{
    display:none;
  }
}
@media screen and (max-width: 1200px) {
  .dayTimes th .time.t30{
    display:none;
  }
  .timeNav{
    position:relative;
    float:right;
    top:-5px;
    clear:right;
  }
}

@media screen and (max-width: 780px) {
  .edge{
    margin:0 .5rem;
  }
  h3{
    margin-bottom:0;
    border-radius:0;
  }
}