﻿#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 {
      font-size:11px;
      color:#50878c;
      }

#SupportedDevicesSubTitle .del {
      font-size:9px;
      margin-left:1px;
      margin-right:1px;
      }

#SupportedDevicesSubTitle a.first {
      margin-left: 60px;
      }

#SupportedDevices #Navigation {  
      width:100%;
      height:auto;
      overflow:hidden;
      margin:10px 0px 0px 0px;
      border-bottom:1px solid #cfcfcf;
      }

#SupportedDevices #Navigation .mobile-tabs {
      display:block;
      width:auto;
      height:auto;
      float:left;
      }

#SupportedDevices #Navigation .mobile-tabs a {
      display:block;
      width:auto;
      height:auto;
      font-weight:bold;
      font-size:11px;
      color:#7a7a7a;
      padding:4px 15px 6px 15px;
      margin:10px 0px 0px 0px;
      border:1px solid #e1e1e1;
      border-bottom:none;
      border-right:none;
      background:#f5f5f5;
      }

#SupportedDevices #Navigation .mobile-tabs a:hover {
      text-decoration:none;
      color:#169dd8;
      }

#SupportedDevices #Navigation .mobile-tabs a.selected {
      color:#ffffff;
      background:#5088AD;
      border:1px solid #5088AD;
      border-bottom:none;
      padding:6px 15px 8px 15px;
      margin:6px 0px 0px 0px;
      }

#SupportedDevices #Navigation .mobile-tabs a.last {
      border-right:1px solid #e1e1e1;
      }

#SupportedDevices #Recommended,
#SupportedDevices #Compatible,
#SupportedDevices #OtherDevicesIntro {
      padding-top:5px;
      }

#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;
      }
      
 /*
 -------------- SUPPORTED DEVICES LIST VIEW ------------------*/
 .deviceProducerListView { 
      background: #ffffff;
      margin: 0px 0px 0px 0px;
      padding-left:20px;
      height: auto;
      width: 100%;
      overflow: hidden;
      text-align:left;
      position:relative;
      z-index:500;
      }

.deviceProducerListView H1 { 
      display:block;
      height:18px;
      width:99%;
      padding-top:4px;
      padding-bottom:2px;
      margin:5px 0px 10px -20px;
      text-align:left;
      font-size:12px;
      font-weight:bold;
      border:1px dotted #5088AD;
      background:#CCDFEB;
      color:#5f5f5f;
      }

.deviceProducerListView H1 .producer-name {
      margin-left:10px;
      }

.deviceProducerListView H1 a { 
      margin-left:20px;
      font-size:12px;
      font-weight:normal;
      }

div.deviceModelListView {
      margin: 4px 17px 3px 17px;
      height: auto;
      width: 620px;
      overflow:hidden;
      text-align: left;
      background:#ffffff;
      }	

div.deviceModelListView .desc { 
      text-align: left;
      font-weight: normal;
      width: 100%;
      margin: 2px 2px 2px 2px;
      font-size:12px;
      background:#efefef;
      }
 
 /*
 ------------ end SUPPORTED DEVICES LIST VIEW ---------*/

