/*Xwish custom CSS overrides for Desktop */

/*device shells*/
/*rgba(8, 52, 21, 0.6);*/


body{
    background: rgb(74,166,75); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(147,246,143,1) 0%, rgba(7,41,15,1) 80%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(147,246,143,1)), color-stop(80%,rgba(7,41,15,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(147,246,143,1) 0%,rgba(7,41,15,1) 80%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(147,246,143,) 0%,rgba(7,41,15,1) 80%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(147,246,143,) 0%,rgba(7,41,15,1) 80%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(147,246,143,1) 0%,rgba(7,41,15,1) 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa64b', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-shadow: 0px 1px 1px black;
}

.ibEmulatorContainer {
   position: absolute;
   overflow: visible;
   top: -88px;
   left: 660px;
   z-index: 1;
}

.ibEmulator{
   width: 320px;
   height: 500px;
   background-size: 100% 100%;
   padding: 81px 22px 77px 22px;
   background-image: url(../images/s3_top_line_black.png);   
}

.ibEmulator iframe {
   height:100%;
   width:100%;
   border: 1px solid #555;
}


/*overrides for about aka landing page*/
.singleColWide .col2 h2{
   text-align: center;
}

.singleColWide .list1 > li{
    float: right;
 }

.singleColWide .track {
    left: 824px;
}

.singleColWide .col1 {
    /*width: 635px;*/
    width: 575px;
}

.singleColWide .col2 {
    width:280px;
}

/*override the OL*/
ol.xWishOL {
  margin-left: 25%;
  color:#9CC489;
  list-style-type:decimal;
  padding: 8px 0;
}

/*override the UL*/
ul.xWishUL{
  list-style-type:square;
  color:#DDD;
  font-size:14px;
  margin-left: 20px;
}

.singleColWide h3 {
   color: #fff;
}

.singleColWide strong {
   color:#fff;
}

.mainCol > .track {
  left:100%;
}

/*override for Privacy Policy Content*/
#privacyPolicy {
    color: #fff;
}

#privacyPolicy a, #EULA  a, .singleColWide a {
    color: #9CC489;
    text-decoration: underline;
}

#privacyPolicy > ul {
  height: 0;
}

#logo {
    visibility: hidden;  /*the logo becomes visible after the page loads */
}

.invisible { display: none;}

/*#privacyPolicy .col5, #EULA .col5 {*/
    /*padding-top: 52px;*/
/*}*/


/* Home page phone stylings */

.roundabout-moveable-item img.inner {
   top: 13.2%;
   left: 8%;
   height: 77.2%;
   width: 85%;
}

.iPhoneShell.roundabout-moveable-item img.inner {
   top: 18.3%;
   left: 11.8%;
   height: 70.4%;
   width: 76.4%;
}

/* Emulator left column list styling */

ul.emulator li {
   /* height: 94px; */
    padding-bottom: 16px;
    text-shadow: 0px 1px 1px #005000;
}

ul.emulator li > * {
   display: inline-block;
   margin-left: -7px;
}

ul.emulator li img {
    border-radius: .6em;
    overflow: hidden;
    height: 88px;
    width: auto;
}

.xwishDesktopButton,
ul.emulator .listContent {
   background: rgba(74, 166, 75, 1);
   border: 1px solid white;
   border-radius: .6em;
   padding: 1em;
   overflow: auto;
   background: rgba(74, 166, 75, 1);
   border: 1px solid white;
   box-shadow: 2px 2px 8px rgba(0, 0, 0, 1), -1.5px -1.5px 6px rgba(255, 255, 255, 1);
}

ul.emulator li .listContent {
    border-top-right-radius: 3em;
    border-bottom-right-radius: 3em;
    padding: 5px 0.3em 1px 1em;
    overflow: auto;
    height: 82px;
    width: 484px;
    margin-left: 1em;
}

a:hover .xwishDesktopButton,
ul.emulator a:hover li .listContent {
    background: rgba(74, 166, 75, 0.7);
}

ul.emulator a.selected li .listContent {
    background: rgba(74, 166, 75, 0.7);
}
ul.emulator a.selected li .listContent p,
ul.emulator a.selected li .listContent h3 {
    color: black;
    text-shadow: 0px 1px 1px #A0A0A0;
}

ul.emulator.noEmulator li .listContent {
    width: 734px;
/*    border-radius: .6em;  */
}

ul.emulator li .listContent * {
   text-align: left;
}

ul.emulator p {
    padding-bottom: 0;
}

a:hover .imgBorder, 
.list1 > li:hover,
a.selected .imgBorder{
    /*opacity for IE5+*/
    filter:Alpha(Opacity=80);
    -ms-filter: "Alpha(Opacity=80)";/* ie8*/
    /*opacity for older Mozilla browsers*/
    -moz-opacity: 0.8;
    /*opacity for newer mozilla/safari*/
    opacity: 0.8;
}

.imgBorder {
    border: 1px white solid;
    border-radius: .6em;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 1), -1.5px -1.5px 6px rgba(255, 255, 255, 1);
    display: inline-block;
}

.xwishDesktopCtr {
   position: absolute;
   top: 0;
   right: 25px;
   z-index: 10;
}

.xwishDesktopButton {
    width: 150px;
    text-align: center;
    margin-right: -3px;
    padding: 2px 2px 2px 6px;
}

.xwishDesktopButton > div {
    position: relative;
    height: 140px;
    font-style: italic;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
    background-image: url(../images/laptopGenie.png);
    background-size: 88px auto;
    background-repeat: no-repeat;

}

#laptopTxt {
    max-width: 55%;
    margin-left: 45%;
    padding-top: 1.5em;
}

.xwishDesktopButton img {
    max-width: 55%;
    height: auto;
    position: relative;
    left: 5px;
}
/*
.xwishDesktopCtr a:hover img {
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}
*/
.xwishDesktopCtr a:hover {
   text-decoration: none;
}

.picList {
   display:table;
   margin: 0 auto;
}

.picListRow {
   margin: 8px 0 16px;
}

.picListRow > div {
   margin: 0 10px;
   display: inline-block;
}

.picListRow .textContents img {
   height: 35px;
   margin-right: 5px;
   margin-top: 2px;
   border-radius: 0;
   float: left;
}

.picListRow img {
   height: 88px;
   display: inline-block;
   border-radius: .6em;
}

.picListRow p {
   width: 298px;
   display: inline-block;
}

.col7 .picListRow p {
   width: 465px;
}