﻿#SupportedDevices {
      height:auto;
      width: 100%;
      font-size:12px;
      background:#ffffff;
      }

#SupportedDevicesSubTitle {
      display:block;
      margin:22px 0px 0px 0px;
      font-weight:bold;
      font-size:12px;
      width: 100%;
      height:30px;
      background:#ffffff;
      }

#SupportedDevicesSubTitle a {
      margin-left: 30px;
      color:#50878c;
      }

#SupportedDevicesSubTitle a.first {
      margin-left: 100px;
      }

#SupportedDevices #Navigation {  
      width:100%;
      height:auto;
      overflow:hidden;
      margin:10px 0px 0px 0px;
      padding-bottom:10px;
      border-bottom:1px solid #cfcfcf;
      /*background:#ffff00;*/
      }

#SupportedDevices #Navigation #Mobile,
#SupportedDevices #Navigation #MobileByOS, 
#SupportedDevices #Navigation #Other {
      display:block;
      width:auto;
      height:auto;
      float:left;
      }

#SupportedDevices #Navigation #Mobile a, 
#SupportedDevices #Navigation #MobileByOS a,
#SupportedDevices #Navigation #Other a {
      color: #50878c;
      float:left;
      }

#SupportedDevices #Navigation .delimiter {
      width:20px;
      text-align:center;
      float:left;
      }

#SupportedDevices #Navigation #Mobile a:hover, 
#SupportedDevices #Navigation #MobileByOS a:hover, 
#SupportedDevices #Navigation #Other a:hover {
      color: #008fd5;
      }

#SupportedDevices #Navigation #Mobile a.selected, 
#SupportedDevices #Navigation #MobileByOS a.selected,
#SupportedDevices #Navigation #Other a.selected {
      color: #008fd5;
      font-weight: bold;
      text-decoration: none; 
      cursor: default;
      }

#SupportedDevices #Recommended,
#SupportedDevices #Compatible,
#SupportedDevices #OtherDevicesIntro {
      padding-top:0px;
      margin-bottom:10px;
      }

#SupportedDevices #Recommended #CheckMark {
      border:none;
      }
      
.expand {
      width:30%;
      height:4px;
      text-decoration:none;
      margin-left:600px;
      padding-top:-20px
      } 

.deviceProducer { 
      border-top: 1px dotted #aeaeae;
      background: #ffffff;
      margin: 0px 0px 0px 0px;
      padding-left:20px;
      height: auto;
      width: 100%;
      overflow: hidden;
      text-align:left;
      position:relative;
      z-index:500;
      }

.deviceProducer H1 { 
      display:block;
      height:18px;
      width:100%;
      margin:5px 0px 10px -20px;
      text-align:left;
      font-size:12px;
      font-weight:bold;
      color:#5f5f5f;
      }

.deviceProducer H1 a { 
      margin-left:20px;
      font-size:12px;
      font-weight:normal;
      }

div.deviceModel {
      margin: 4px 17px 38px 17px;
      height: 140px;
      width: 90px;
      float: left;
      text-align: center;
      background:#ffffff;
      }	

div.deviceModel img {
      display: inline;
      margin: 10px 3px 3px 3px;
      border: 1px solid #ffffff;
      }

div.desc { 
      text-align: center;
      font-weight: normal;
      width: 85px;
      margin: 2px 2px 2px 2px;
      font-size:12px;
      }

.moreOrLessDevices {
      display:block;
      width:120px;
      height:20px;
      position:relative;
      top:-20px;
      left:0px;
      color:#1E90FF;
      font-size:11px;
      font-weight:bold;
      cursor:pointer;
      cursor:hand;
      }

.moreOrLessDevices a {
      cursor:pointer;
      cursor:hand;
      display:block;
      }

.asterisk {
      position:relative;
      top:-122px;
      left:0px;
      z-index:499;
      border:none;
      color:#ff0000;
      float:right;
      font-size:20px;
      }

/*END SUPPORT DEVICE SECTION*/