a:active
{
  outline: none;
}

#device {
  display: block;
  width: 595px;
  height: 393px;
  background: url(../images/doorway/device.jpg) no-repeat;
  text-decoration: none;
}

#device a {
  text-decoration: none;
  font-weight: bold;
  -moz-opacity:0.99
}

/* force the fonts to be the same by ignoring helvetica */
#device {
  font-family: 'Arial', sans-serif;
}

#slider {
  width: 416px;
  height: 250px;
  background: #000;
  color: #fff;
  margin-left: 83px;
  margin-top: 45px;  
}

#slider h1 {
  color: #fff;
}

.scroll {
  width: 416px;
  height: 250px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  clear: left;
  background: #000;
  color: #fff;
}

.panel .pad {
    padding-right: 15px;
    padding-left: 10px;
    padding-top: 10px;
}

h1.panel_title {
  padding-left: 0px;
  padding-top: 0px;
}

h1.panel_title.welcome_screen {
  width: 100%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  padding-top: 40px;
}

.top_panel {
  border-bottom: 2px solid #3d3d3d;
  height: 100px;
}

.bottom_panel {
  background: url(../images/fruitfly/lower_bg.png) no-repeat;
  height: 110px;
  text-align: center;
  padding-top: 10px;
}


/* Numbered Choice screen */

.bottom_panel.numbered_panel {
  padding-top: 4px;
}

ul.numbered_labels {
  width: 100%;
  font-weight: bold;
  display: block;
  clear:both;
  color: #fff;
  letter-spacing: 1px;
}

ul.numbered_labels li.low {
  float: left;
  margin-left: 10px;
}

ul.numbered_labels li.high {
  float: right;
  margin-right: 10px;
}

div.numbered_array {
  display: block;
  clear:both;
  margin-right: 0px;
  margin-left: 7px;
  margin-top: 5px;
}

div.number {
  width: 35px;
  height: 53px;
  float: left;
  margin-right: 2px;
  background: url(../images/fruitfly/buttons/numbered_button.png) top left no-repeat;
}

div.number:hover {
  background: url(../images/fruitfly/buttons/numbered_button.png) center left no-repeat;
}

div.number:active {
  background: url(../images/fruitfly/buttons/numbered_button.png) bottom left no-repeat;
}

a.digit {
  position: relative;
  display: block;
  padding-top: 16px;
  font-size: 15px;
  height: 33px;
  font-weight: bold;
}




/* Multiple Choice screen */

div.multiple_choice_panel {
  padding-top: 6px;
  height: 140px;
}





.location_panel {
  border-top: 2px solid #3d3d3d;
  text-align: center;
  padding-top: 3px;
}

.panel .panel_logo {
  float: right;
}

.panel h1 { 
  font-weight: normal; 
  padding-bottom: 15px;
  line-height: 27px;
  }
.panel h1.question{
  font-size: 20px;
}
.panel h1.first {
  font-size: 28px; 
  margin-top: 50px;
}
.panel h1.center {
  text-align: center;
}

.panel h1 .georgia { 
  font-family: Georgia, serif; 
  }

/* mini previews */
div.mini {
    width: 300px;
    height: 168px;
}

div.slider_screen {
    background-image: url(../images/fruitfly/stubs/slider_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.multiple_choice_screen {
    background-image: url(../images/fruitfly/stubs/multiple_choice_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.check_box_screen {
    background-image: url(../images/fruitfly/stubs/multiple_choice_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.welcome_screen {
    background-image: url(../images/fruitfly/stubs/welcome_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.choice_screen {
    background-image: url(../images/fruitfly/stubs/choice_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.message_screen {
    background-image: url(../images/fruitfly/stubs/welcome_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.quote_screen {
    background-image: url(../images/fruitfly/stubs/quote_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.event_screen {
    background-image: url(../images/fruitfly/stubs/event_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.comment_screen {
    background-image: url(../images/fruitfly/stubs/keyboard_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.email_screen {
    background-image: url(../images/fruitfly/stubs/email_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.birthday_screen {
    background-image: url(../images/fruitfly/stubs/date_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.first_name_screen {
    background-image: url(../images/fruitfly/stubs/keyboard_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.last_name_screen {
    background-image: url(../images/fruitfly/stubs/keyboard_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.phone_number_screen {
    background-image: url(../images/fruitfly/stubs/phone_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.zip_code_screen {
    background-image: url(../images/fruitfly/stubs/zipcode_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.company_screen {
    background-image: url(../images/fruitfly/stubs/keyboard_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.pin_screen {
    background-image: url(../images/fruitfly/stubs/phone_mini.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div.mini p.title {
    color: white;
    width: 212px;
}

/* buttons */
.touch_begin {
  margin-top: 0px;
  padding-bottom: 3px;
  height:72px;
}

a.big_button {
        width: 340px;
  height: 44px;
        background-color: #5d6f7a;
        text-decoration: none;
}

a.touch_begin_button {
  background: url(../images/fruitfly/tap_to_begin.png) top left no-repeat;
  width: 340px;
  height: 44px;
  float: left;
  margin-left: 40px;
  margin-top: 15px;
  text-indent: -9999px;
}

a.touch_begin_button:hover{
  background-position: 0 -44px;
}

a.touch_begin_button:active{
  background-position: bottom left;
}


a.learn_more_button {
  background: url(../images/fruitfly/learn_more_button.png) top left no-repeat;
  width: 340px;
  height: 44px;
  float: left;
  margin-left: 40px;
}

a.learn_more_button:hover{
  background-position: 0 -44px;
}

a.learn_more_button:active{
  background-position: bottom left;
}


a.contact_us_button {
  background: url(../images/fruitfly/contact_us_button.png) top left no-repeat;
  width: 340px;
  height: 44px;
  float: left;
  margin-left: 40px;
}

a.contact_us_button:hover{
  background-position: 0 -44px;
}

a.contact_us_button:active{
  background-position: bottom left;
}



a.leave_comment_button {
  background: url(../images/fruitfly/leave_comment.png) top left no-repeat;
  width: 155px;
  height: 41px;
  float: left;
  margin-left: 50px;
}

a.leave_comment_button:hover {
  background-position: bottom left;
}

a.join_email_list_button {
  background: url(../images/fruitfly/join_email_list.png) top left no-repeat;
  width: 155px;
  height: 41px;
  float: left;
  margin-left: 5px;
}

a.join_email_list_button:hover {
  background-position: bottom left;
}

.scroll a:link, .scroll a:visited,.scroll a:hover,.scroll a:active {
  color: #fff;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 251px;
    width: 416px;
}



/* keyboard */

div.keyboard {
  text-align: center;
  clear:both;
  display: block;
  margin-top: 6px;
}

div.keyboard .top_row, div.keyboard .home_row, div.keyboard .bottom_row, div.keyboard .very_bottom_row {
  clear:both;
  text-align: center;
  margin-top: 3px;
}

div.keyboard .top_row {
  margin-left: 8px;
}

div.keyboard .home_row {
  margin-left: 28px;
}

div.keyboard .bottom_row {
  margin-left: 17px;
}

div.keyboard .key {
  width: 38px;
  height: 39px;
  background: url(../images/fruitfly/buttons/keyboard_key.png) top left no-repeat;
  float: left;
  margin-right: 2px;
  text-shadow: #000 1px -1px 0px;
  display: inline;
}

div.keyboard .key.shift {
  background: url(../images/fruitfly/buttons/shift_key.png) top left no-repeat;
  width: 48px;
  text-indent: -99999px;
  margin-right: 3px;
}
div.keyboard .key:hover {
  background-position: center left;
}

div.keyboard .key:active {
  background-position: bottom left;
}


div.keyboard .key.upper {
  background-position: bottom left;
}

div.keyboard .key.symbol {
  background: url(../images/fruitfly/buttons/symbol_key.png) top left no-repeat;
  width: 49px;
  margin-left: 3px;
}

div.keyboard .key.space {
  background: url(../images/fruitfly/buttons/spacebar_key.png) top left no-repeat;
  width: 169px;
}


div.keyboard .key a {
  display: block;
  height: 30px;
  width: 38px;
  padding-top: 8px;
  font-size: 17px;
}

div.keyboard .func a {
  width: 48px;
}

div.keyboard .space a {
  width: 169px;
  
}

.caps {
  text-transform: uppercase;
}

.screen_input_panel {
  height: 45px;
}

.screen_input_panel textarea {
  width: 100%;
  padding: 0px;
  margin: 0px;
  background: url(../images/fruitfly/buttons/text_area_bg.png) center left repeat-x;
  height: 45px;
  border: none;
  font-size: 15px;
}


/* Number pad */


div.num_pad {
  text-align: left;
  clear:both;
  display: block;
  margin-top: 1px;
  width: 100%;  
}

div.num_pad .left_side {
  width: 100px;
  margin-top: 130px;
  float: left;  
  padding-right: 3px;
}

div.num_pad .right_side {
  margin-top: 130px;
  margin-right: 3px;
  width: 100px;
  float: right;
}

div.num_pad .numbers_center {
  float: left;
  width: 210px;  
}

div.num_pad .number {
  width: 20px;
  float: left;
}

div.num_pad .key {
    width: 69px;
    height: 43px;
    background: url(../images/fruitfly/buttons/number_key.png) top left no-repeat;
    float: left;
    text-shadow: #000 1px -1px 0px;
    display: inline;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

div.num_pad .key:hover {
  background-position: center left;
}

div.num_pad .key:active {
  background-position: bottom left;
}

div.num_pad a.number {
  width: 100%;
  height: 30px;
  padding-top: 13px;
  text-align: center;
  font-size: 20px;
}



#freetext_zip {
  font-size: 25px;
  text-align: center;
  padding-top: 8px;
  height: 37px;
  color: #000;
}

#freetext_birthday {
  font-size: 25px;
  text-align: center;
  padding-top: 8px;
  height: 37px;
  color: #000;
}