@font-face
{
font-family: "PT Sans";
font-style: normal;
font-weight: 400;
src: local("PT Sans"), url(../fonts/pt-sans-normal-400.woff) format("woff");
}
@font-face
{
font-family: "PT Sans";
font-style: italic;
font-weight: 400;
src: local("PT Sans"), url(../fonts/pt-sans-italic-400.woff) format("woff");
}
@font-face
{
font-family: "PT Sans";
font-style: normal;
font-weight: 700;
src: local("PT Sans"), url(../fonts/pt-sans-normal-700.woff) format("woff");
}
@font-face
{
font-family: "PT Sans";
font-style: italic;
font-weight: 700;
src: local("PT Sans"), url(../fonts/pt-sans-italic-700.woff) format("woff");
}
html
{
background: #f0f0f0;
color: #202020;
overflow-y: scroll;
}
body
{
background: #4f4a46;
width: 980px;
max-width: 95%;
margin: 0 auto;
}
html,
body
{
height: 100%;
}
#body
{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
position: relative;
min-height: 100%;
}
header
{
padding-top: 8px;
background: #ffffff;
}
.intro
{
background: #ffffff;
padding: 12px 25px;
text-align: center;
}
.intro ul
{
list-style-type: none;
line-height: 120%;
}
.intro ul li
{
padding-top: 6px;
}
.intro ul li:first-child
{
padding-top: 0;
}
header,
nav,
footer
{
display: block;
}
html,
span.tag,
input,
select,
textarea
{
font-family: PT Sans, Arial, helvetica, sans-serif;
font-size: 14px;
}
html
{
line-height: 21px;
}
footer
{
font-size: 0.9em;
line-height: 120%;
}
h1
{
font-size: 2em;
font-weight: normal;
line-height: 120%;
}
h2
{
font-size: 1.4em;
font-weight: normal;
line-height: 120%;
}
html
{
cursor: default;
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea
{
cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
cursor: default;
}
#logo
{
margin-top: 12px;
text-align: center;
}
#logo-image
{
display: inline-block;
width: 400px;
height: 74px;
background: url(../img/logo.png) no-repeat;
}
#logo-alt-text
{
display: none;
}
header noscript p
{
margin-top: 1em;
}
#content
{
padding-bottom: 40px;
}
footer
{
background: #5f5a57 url(../img/foot-gradient.png) repeat-x top left;
border-top: solid 1px #47423f;
position: absolute;
bottom: 0;
min-width: 100%;
text-align: center;
color: #b0b0b0;
}
footer .inner
{
padding: 12px;
}
.foot-link-separator
{
margin: 0 10px;
border-left: solid 1px #808080;
}
h1
{
margin-top: 15px;
margin-bottom: 10px;
padding: 0;
color: #000000;
}
h1.light
{
color: #f0f0f0;
}
h2
{
margin-top: 15px;
margin-bottom: 7px;
color: #000000;
padding: 0;
}
h2.gap
{
margin-top: 30px;
}
h2.light
{
color: #e0e0e0;
}
p
{
margin-top: 1em;
margin-bottom: 1em;
}
p:first-child
{
margin-top: 0;
}
p.indent
{
margin-left: 24px;
}
p.center
{
text-align: center;
}
p.warning
{
padding-left: 24px;
background: url(../img/icons/warning.png) no-repeat 1px 2px;
background-color: rgba(255, 252, 233, 0.75);
border-radius: 5px;
box-shadow: 0 0 25px #fffce9, 0 0 15px #fffce9;
}
p.error
{
color: #f00000;
padding-left: 24px;
background: url(../img/icons/stop.png) no-repeat 1px 2px;
background-color: rgba(253, 224, 224, 0.75);
border-radius: 9px;
box-shadow: 0 0 25px #fde0e0, 0 0 15px #fde0e0;
}
p.error strong
{
color: #d80000;
}
ul
{
padding-left: 24px;
margin: 0.3em 0 0.3em;
}
ul.check-icon,
li.check-icon
{
list-style-image: url(../img/check_12_wh.png);
}
ul.gap li
{
margin-top: 3px;
margin-bottom: 3px;
}
a
{
text-decoration: none;
color: #4d8eff;
}
a:hover
{
text-decoration: underline;
color: #4d8eff;
}
a img
{
border: 0;
}
#head a,
#head a:hover
{
color: white;
}
abbr
{
white-space: nowrap;
word-spacing: -0.1em;
}
sup
{
line-height: 0;
}
.grey
{
color: #808080;
}
.highlight
{
color: #ff6606;
}
address
{
font-style: normal;
}
table
{
border-spacing: 0;
}
table td,
table th
{
vertical-align: top;
text-align: left;
padding: 0;
}
table.pad td,
table.pad th
{
padding: 0 1em 0.2em 0;
}
table.pad td:last-child,
table.pad th:last-child
{
padding-right: 0;
}
table.pad-right td,
table.pad-right th
{
padding: 0 1em 0 0;
}
table.pad-right td:last-child,
table.pad-right th:last-child
{
padding-right: 0;
}
table.grid,
table.hgrid
{
border-collapse: collapse;
}
table.grid th,
table.grid td
{
border: solid 1px #c0c0c0;
padding: 0.1em 0.4em;
}
table.grid.tight th,
table.grid.tight td
{
border: solid 1px #c0c0c0;
padding: 0 0.2em;
}
table.hgrid th,
table.hgrid td
{
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding: 0.1em 1em 0.1em 0;
}
table.hgrid th:first-child,
table.hgrid td:first-child
{
border-left: solid 1px #c0c0c0;
padding-left: 0.4em;
}
table.hgrid th:last-child,
table.hgrid td:last-child
{
border-right: solid 1px #c0c0c0;
padding-right: 0.4em;
}
table.hgrid.tight th,
table.hgrid.tight td
{
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding-top: 0;
padding-bottom: 0;
}
table td.right,
table th.right
{
text-align: right;
}
table td.center,
table th.center
{
text-align: center;
}
table td.allcenter,
table th.allcenter
{
text-align: center;
vertical-align: middle;
}
table.hyphens,
tr.hyphens,
th.hyphens,
td.hyphens
{
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
tr.nowrap,
th.nowrap,
td.nowrap
{
white-space: nowrap;
}
input[type="text"]:-moz-system-metric(windows-classic),
input[type="search"]:-moz-system-metric(windows-classic),
input[type="password"]:-moz-system-metric(windows-classic),
textarea:-moz-system-metric(windows-classic),
select:-moz-system-metric(windows-classic)
{
border-top: solid 1px #808080;
border-left: solid 1px #B0B0B0;
border-right: solid 1px #D0D0D0;
border-bottom: solid 1px #E0E0E0;
border-radius: 2px;
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea
{
font-size: 1em;
padding-left: 2px;
}
input[type="text"][disabled],
input[type="search"][disabled],
input[type="password"][disabled],
textarea[disabled],
select[disabled]
{
background: #f0f0f0;
color: #606060;
}
::-webkit-input-placeholder
{
font-style: italic;
}
:-moz-placeholder
{
font-style: italic;
}
:-ms-input-placeholder
{
font-style: italic;
}
label,
select
{
cursor: pointer;
}
label
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
input[type="checkbox"],
input[type="radio"]
{
margin: -2px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
input[type="search"]
{
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button
{
display: none;
}
input.checkError
{
box-shadow: 0 0 3px red;
}
div.tab-header
{
margin-bottom: -1px;
padding-top: 1px;
overflow: hidden;
}
div.tab-header a
{
display: inline-block;
margin-right: -1px;
border: solid 1px #c0c0c0;
background: #eeeeee;
padding: 2px 8px;
position: relative;
}
div.tab-header a:hover
{
text-decoration: none;
background-color: #f8f8f8;
}
div.tab-header a.selected
{
border-bottom-width: 0;
padding-bottom: 3px;
background: white;
margin-top: -1px;
padding-top: 3px;
}
div.tab-header a span.shadow
{
position: absolute;
bottom: -1px;
height: 1px;
left: 0px;
right: 0px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
div.tab-header a.selected span.shadow
{
display: none;
}
div.tab-page
{
border: solid 1px #c0c0c0;
padding: 6px 8px;
}
.image-preview
{
float: left;
margin-left: 12px;
margin-top: 0.7em;
margin-bottom: 0.7em;
}
.image-preview.first-in-row
{
margin-left: 0;
}
.image-preview .img-container
{
width: 155px;
height: 120px;
font-size: 1px;
line-height: 120px;
text-align: center;
}
.image-preview .img-container img
{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.image-preview .desc
{
margin-top: 0.5em;
width: 155px;
text-align: center;
color: #606060;
font-size: 0.9em;
line-height: 140%;
}
img.shadowed
{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
div.dummyfade
{
height: 100px;
background: url(../img/dummyfade.png) repeat-x;
}