@import url(//www.google.com/css/go-x.css);

@media screen, projection {
/* @@ Special rules */

/*Blue device boxes on homepage*/
ul.device {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width: 100%;
margin:2.1em 0 0 0;
padding:0;
}

ul.device li {
background:#EEF2FB;
display:inline;
float:left;
margin:.5em 1.5em 1.5em 0;
width:17.52em;
}

ul.device span {
display:block;
font-weight:bold;
margin-bottom:0.3em;
text-decoration:underline;
color:#0000FF;
}

ul.device li a {
display:block;
min-height:90px;
padding:1em;
border:1px solid #ADC1CC;
text-decoration:none;
color:#000;
}

ul.device li a:hover {
border:1px solid #0000CC;
background:#DFE9FF;
}

ul.device li img {
float:right;
width:78px;
height:64px;
position:relative;
z-index: 1;
right:-26px;
top:-25px;
padding:0;
margin:0 0 -25px -15px;
}

/*Blue sync box on device pages*/

div.sync {
background: #DFE9FF;
display:block;
margin: 2em 0 2em 0;
}

div.sync a {
background: #DFE9FF;
display:block;
min-height:80px;
padding:0.9em 0.9em 0.9em 6em;
border:1px solid #ADC1CC;
text-decoration:none;
color:#000;
}

div.sync a:hover {
border:1px solid #0000CC;
background:#DFE9FF;
}

img.sync {
float:left;
position:relative;
top:-12px;
right:10px;
z-index:1;
}

div.sync span {
font-size: 1.3em;
font-weight:bold;
text-decoration:underline;
color:#0000FF;
}

/*Grey other-devices box on device pages*/

.other {
background: #eee;
margin: 2em 0 2em 0;
padding:2px;
border:1px solid #DFDFDF;
}

.other p {
display:block;
margin: 0px 10px 0 60px;
padding:8px;
}

h2.header-icon {
margin:1.3em 0 1.3em 0;
padding:0;
}

.header-icon-img {
float:left;
padding: 0 .8em 0 0;
margin:0;
}

/*.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*/

/*for IE/Mac 
.clearfix {
display: inline-block;
}*/

}