/*
  Copyright 2010 Genuitec, LLC
  Licensed under the MobiOne Studio End User License, (the "License");
  This header will appear in all HTML files generated by MobiOne Studio(tm)
  operating in "trial" mode.  While in trial mode, you may only use
  MobiOne for evaluation.  You may not use the trial version of MobiOne
  for any commercial, enterprise or corporate (for profit or nonprofit)
  purpose unless expressly licensed to do otherwise.  You may not modify
  or remove this header for any reason prior to purchasing and activating
  a license for MobiOne.  Upon activation,  MobiOne will not generate
  this header.  You may obtain a copy of the MobiOne License at
  
  http://genuitec.com/mobile/mobione/1.0/LICENSE.html
  
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
*/
@-webkit-keyframes fadein{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@-webkit-keyframes fadeout{
  from{
    opacity: 1;
  }
  to{
    opacity: 0;
  }
}

@-webkit-keyframes flipinfromleft{
  from{
    -webkit-transform: rotateY(90deg) scale(.9) skewY(10deg);
  }
  to{
    -webkit-transform: rotateY(0) scale(1) skewY(0deg);
  }
}

@-webkit-keyframes flipinfromright{
  from{
    -webkit-transform: rotateY(-90deg) scale(.9) skewY(-10deg);
  }
  to{
    -webkit-transform: rotateY(0) scale(1) skewY(0deg);
  }
}

@-webkit-keyframes flipouttoleft{
  from{
    -webkit-transform: rotateY(0) scale(1) skewY(0deg);
  }
  to{
    -webkit-transform: rotateY(-90deg) scale(.9) skewY(-10deg);
  }
}

@-webkit-keyframes flipouttoright{
  from{
    -webkit-transform: rotateY(0) scale(1) skewY(0deg);
  }
  to{
    -webkit-transform: rotateY(-90deg) scale(.9) skewY(10deg);
  }
}

@-webkit-keyframes slideinfrombottom{
  from{
    -webkit-transform: translateY(-100%);
  }
  to{
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes slideinfromleft{
  from{
    -webkit-transform: translateX(-100%);
  }
  to{
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes slideinfromright{
  from{
    -webkit-transform: translateX(100%);
  }
  to{
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes slideinfromtop{
  from{
    -webkit-transform: translateY(100%);
  }
  to{
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes slideouttobottom{
  from{
    -webkit-transform: translateY(0);
  }
  to{
    -webkit-transform: translateY(-100%);
  }
}

@-webkit-keyframes slideouttoleft{
  from{
    -webkit-transform: translateX(0);
  }
  to{
    -webkit-transform: translateX(-100%);
  }
}

@-webkit-keyframes slideouttoright{
  from{
    -webkit-transform: translateX(0);
  }
  to{
    -webkit-transform: translateX(100%);
  }
}

@-webkit-keyframes slideouttotop{
  from{
    -webkit-transform: translateY(0);
  }
  to{
    -webkit-transform: translateY(100%);
  }
}

.m1-root{
  -webkit-user-select: none;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.m1-top-root{
  height: 100%;
  left: 0px;
  overflow: visible;
  position: absolute;
  top: 0px;
  width: 100%;
}

.m1-navbar{
  background-image: 
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(176,188,205)), to(rgb(109,132,162)), color-stop(0.49,rgb(139,157,181)), color-stop(0.5,rgb(129,149,175)));
  border-top: 1px solid #CDD5DF;
}

.m1-back-button{
  -webkit-border-image: url(res/images/backButton.png) 5 5 5 12 stretch stretch;
  height: 30px;
  width: 60px;
}

.m1-homescreen-prompt{
  -webkit-box-sizing: content-box;
  display: block;
  font-size: 16px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 450px;
  z-index: 99;
}

.m1-loading-spinner{
  float: left;
  padding: 3px 3px 3px 3px;
}

.m1-loading-text{
  display: block;
  float: left;
  max-width: 250px;
  min-height: 15px;
  padding: 10px 0px 10px 5px;
  text-align: left;
}

.m1-loading{
  display: none;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  top: 150px;
  vertical-align: middle;
  width: 100%;
  z-index: 99;
}

.m1-button{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background-color: transparent;
  color: white;
  cursor: pointer;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  text-shadow: rgb(64, 64, 64) 0px -1px 1px;
  vertical-align: middle;
}

.m1-in{
  -webkit-animation-duration: 350ms;
  -webkit-animation-timing-function: ease-in-out;
}

.m1-out{
  -webkit-animation-duration: 350ms;
  -webkit-animation-timing-function: ease-in-out;
}

.m1-flip{
  -webkit-animation-duration: .30s;
  -webkit-transform-style: preserve-3d;
}

.m1-slide{
  -webkit-animation-duration: .500s;
}

.m1-slidev{
  -webkit-animation-duration: .500s;
}

.m1-iscroll-wrapper{
  overflow: hidden;
}

.m1-root *{
  -webkit-box-sizing: border-box;
  display: block;
  float: none;
  position: relative;
  white-space: nowrap;
}

.m1-root textarea{
  white-space: normal;
}

.m1-back-button.m1-clicked{
  -webkit-border-image: url(res/images/backButton_touch.png) 5 5 5 12 stretch stretch;
}

.m1-homescreen-prompt img{
  display: block;
  float: left;
  margin: auto 20px 20px auto;
}

.m1-loading > div{
  -webkit-border-radius: 8px;
  -webkit-box-sizing: border-box;
  background: rgba(0,0,0,.7);
  color: rgba(255,255,255,.8);
  display: table;
  margin: 0px auto 0px auto;
  padding: 0px 15px 0px 15px;
  text-align: left;
  width: auto;
}

.m1-fade.m1-in{
  -webkit-animation-name: fadein;
  opacity: 1;
  z-index: 10;
}

.m1-fade.m1-out{
  -webkit-animation-name: fadeout;
  opacity: 0;
  z-index: 0;
}

.m1-flip.m1-in{
  -webkit-animation-name: flipinfromleft;
  -webkit-transform: rotateY(0) scale(1) skewY(0deg);
}

.m1-flip.m1-in.m1-reverse{
  -webkit-animation-name: flipinfromright;
  -webkit-transform: rotateY(0) scale(1) skewY(0deg);
}

.m1-flip.m1-out{
  -webkit-animation-name: flipouttoleft;
  -webkit-transform: rotateY(-90deg) scale(.9) skewY(-10deg);
}

.m1-flip.m1-out.m1-reverse{
  -webkit-animation-name: flipouttoright;
  -webkit-transform: rotateY(-90deg) scale(.9) skewY(10deg);
}

.m1-slide.m1-in{
  -webkit-animation-name: slideinfromright;
  -webkit-transform: translateX(0);
}

.m1-slide.m1-in.m1-reverse{
  -webkit-animation-name: slideinfromleft;
  -webkit-transform: translateX(0);
}

.m1-slide.m1-out{
  -webkit-animation-name: slideouttoleft;
  -webkit-transform: translateX(-100%);
}

.m1-slide.m1-out.m1-reverse{
  -webkit-animation-name: slideouttoright;
  -webkit-transform: translateX(100%);
}

.m1-slidev.m1-in{
  -webkit-animation-name: slideinfromtop;
  -webkit-transform: translateY(0);
}

.m1-slidev.m1-in.m1-reverse{
  -webkit-animation-name: slideinfrombottom;
  -webkit-transform: translateY(0);
}

.m1-slidev.m1-out{
  -webkit-animation-name: slideouttobottom;
  -webkit-transform: translateY(-100%);
}

.m1-slidev.m1-out.m1-reverse{
  -webkit-animation-name: slideouttotop;
  -webkit-transform: translateY(100%);
}

body{
  margin: 0px 0px 0px 0px;
  overflow: hidden;
}

#m1-services-text2{
  color: rgb(0,0,0);
  font-family: Helvetica;
  font-size: 14px;
  font-weight: lighter;
  text-decoration: none;
}

#m1-services-text1,#m1-services-back1{
  text-shadow: rgb(64,64,64) 0px -1px 1px;
}

#m1-services-back1{
  color: rgb(255,255,255);
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#m1-services-text1{
  color: rgb(255,255,255);
  font-family: Helvetica;
  font-size: 19px;
  font-weight: bold;
  text-decoration: none;
}

#m1-services-hyperLink1{
  text-shadow: rgb(255,255,255) 0px 1px 1px;
}

#m1-services-hyperLink1{
  color: rgb(0,0,255);
  font-family: Helvetica;
  font-size: 18px;
  font-weight: lighter;
  text-decoration: none;
}

#m1-services-text1{
  height: 25px;
  left: 106px;
  line-height: 25px;
  text-align: center;
  top: -21px;
  width: 108px;
}

#m1-services-navigation1{
  height: 43px;
  left: 0px;
  line-height: 43px;
  margin-right: 0px;
  top: 0px;
  width: auto;
}

#m1-services-text2{
  height: 171px;
  left: 22px;
  line-height: 19px;
  text-align: left;
  top: 7px;
  white-space: pre-wrap;
  width: 261px;
}

#m1-services-back1{
  border-width: 5px 5px 5px 12px;
  height: 30px;
  left: 5px;
  line-height: 20px;
  top: 7px;
  width: 60px;
}

#m1-services-hyperLink1{
  height: 24px;
  left: 72px;
  line-height: 24px;
  text-align: left;
  top: 24px;
  width: 175px;
}

#m1-services-panel1{
  -webkit-border-radius: 5px;
  background: rgb(255,255,255);
  border-color: rgb(170,170,170);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  height: 224px;
  left: 18px;
  line-height: 222px;
  margin-right: 36px;
  top: 110px;
  width: auto;
}

#m1-services{
  background-image: url(res/images/pinstripes.png);
  background-repeat: repeat;
}

#m1-services-image1{
  height: 94px;
  left: 0px;
  line-height: 94px;
  top: -216px;
  width: 320px;
}

#m1-services-{
  height: 325px;
  left: 0px;
  line-height: 40px;
  margin-right: 0px;
  top: 0px;
  width: auto;
}