body {
margin : 0;
font : 12px/1.9 "Lucida Grande", Lucida, Verdana, sans-serif;
color : #333;
background-color : #fff;
}
#navigation ul, #page, .pagefragment {
width : 800px;
}
h1 {
display : none;
font-size : 1.4em;
}
h2 {
font-size : 1.2em;
margin-top : 25px;
margin-bottom : 12px;
}
p, ul, ol {
margin-bottom : 20px;
text-align : justify;
}
p code {
display : block;
text-align : left;
}
ul, ol {
padding-left : 25px;
}
a {
color : #008bcc;
}
a:hover {
color : #21a1ef;
}
a:visited {
color : #754acc;
}
#page, .pagefragment {
margin : 0 auto 30px;
padding-left : 40px;
padding-right : 40px;
}
.centered {
text-align : center;
}
a img {
border : none;
}
img.left {
float : left;
}
img.left.padded {
margin : 0 15px 15px 0;
}
img.left {
float : left;
margin-right : 20px;
margin-bottom : 10px;
}
img.right {
float : right;
margin-bottom : 10px;
margin-left : 20px;
}
#footer {
font-size : 11px;
text-align : center;
margin-top : 100px;
color : #888;
clear : both;
}
#navigation:after, #navigation ul:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#navigation, #navigation ul {
display : inline-block;
}
* html #navigation, * html #navigation ul {
height : 1%;
}
#navigation, #navigation ul {
display : block;
}
.autoclear:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.autoclear {
display : inline-block;
}
* html .autoclear {
height : 1%;
}
.autoclear {
display : block;
}
.infobox {
background-color : #e3e3e3;
display : block;
padding : 10px 15px 1px;
margin-bottom : 20px;
color : #727272;
margin-top : 5px;
font-size : 0.9em;
clear : both;
}
.infobox.width33 {
width : 33%;
}
.infobox.width25 {
width : 25%;
}
.infobox.left {
float : left;
margin-right : 30px;
}
.infobox.right {
float : right;
margin-left : 30px;
}
.infobox h2 {
color : #fff;
text-transform : lowercase;
font : italic bold 1.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin : 0 0 10px;
}
.infobox.caseunchanged h2 {
text-transform : none;
}
.infobox p, .infobox ul {
margin : 0 0 10px;
text-align : left;
}
.infobox p.centered {
text-align : center;
}
.infobox a {
color : #555;
}
.infobox.threecolumns {
margin-bottom : 50px;
margin-top : 50px;
}
.infobox.threecolumns .column {
display : block;
width : 30%;
float : left;
margin-left : 5%;
}
.infobox .column.first {
margin-left : 0;
}
.question {
color : #d5d5d5;
font-weight : bold;
font-size : 30px;
line-height : 1em;
margin-right : 11px;
display : block;
float : left;
margin-top : -2px;
}
ul.app-nav {
margin-bottom : 33px;
}
.app-nav, .app-nav * {
margin : 0;
padding : 0;
list-style : none;
font-size : 11px;
}
.app-nav li a {
display : block;
float : left;
padding : 5px 10px;
text-decoration : none;
color : #999;
}
.app-nav li a:hover {
color : #008bcc;
}
.app-nav li.active a {
background-color : #fff;
color : #777;
}
ul.feature-nav {
display : block;
float : right;
margin-top : 43px;
margin-left : 40px;
margin-bottom : 30px;
text-align : left;
line-height : 1.4;
}
ul.feature-nav .header {
color : #aaa;
padding-left : 0;
margin-left : 5px;
border-bottom : 1px solid #e5e5e5;
padding-bottom : 7px;
background : none;
cursor : default;
}
.feature-nav, .feature-nav * {
list-style : none;
margin : 0;
padding : 0;
}
.feature-nav li {
position : relative;
z-index : 1;
}
.feature-nav a {
display : block;
padding : 20px 25px 24px 50px;
text-decoration : none;
line-height : 1em;
color : #606060;
margin-bottom : -14px;
background-repeat : no-repeat;
background-position : 11px 45%;
}
.feature-nav a:hover {
color : #333;
}
.feature-nav li:hover {
background : url(../images/FeatureNavTabHover.png) no-repeat 0 50%;
}
.feature-nav li.header:hover {
background : none;
}
.feature-nav .active, .feature-nav .active:hover {
background : url(../images/FeatureNavTab.png) no-repeat 0 50%;
z-index : 2;
}
.feature-nav .active a {
font-weight : bold;
color : #333;
}
.content {
background : url(../images/PageGradient.png) repeat-x;
padding-top : 0;
}
.app-actions, .app-actions * {
list-style : none;
display : inline;
margin : 0;
padding : 0;
}
.app-actions {
background : #e0e0e0 url(../images/AppActionGradient.png) repeat-x 0 0;
padding : 5px 0 4px;
position : absolute;
}
.app-actions a {
padding : 5px 0;
color : #444;
font-weight : bold;
text-decoration : none;
}
.app-actions .download a {
background : url(../images-apps/AppActionDownload.png) no-repeat 10px 50%;
padding-left : 26px;
padding-right : 11px;
}
.app-actions .buy a {
background : url(../images-apps/AppActionBuy.png) no-repeat 0 50%;
padding-left : 39px;
padding-right : 10px;
}