﻿/*
===============================================
Imported Styles
=============================================== */
/* /css/base2.css
 *
 * - Elements
 *   - *
 *   - html
 *   - body
 *   - select
 *
 * - Major Class
 *   - .spinner (usually div)
 *   - .error
 *   - .alignLeft, .alignRight
 *   - .marginTop0
 *   - .wrapper
 *   - .clear
 *   - .tooltip
 *   - div.divSubmit, input[type="submit"]
 *   - div.header, div.header div.cancel
 *
 * - header
 *   + nav
 *
 * - Main Content (#content)
 *
 * - footer
 *   + #backgroundPatternId
 *   + .copy
 *   + nav
----------------------------------------------- */
@import url("/css/base2.css");


/*
===============================================
Elements
=============================================== */
section,
article {
	width:698px;
	padding:16px;
	margin-bottom:20px;
	color:#FFFFFF;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
section:last-child,
article:last-child	{
	margin-bottom:0;
}
section header {
	width:100%;
	margin-bottom:16px;
	background-color:transparent;
}
article header {
	width:100%;
	background-color:transparent;
}
section p:not(:first-child),
article p:not(:first-child)	{
	margin-top:1em;
}

h1	{
	font-size:130%;
	font-weight:bold;
}
article header h1 {
	font-size:100%;
	font-weight:normal;
}

strong	{
	font-weight:bold;
}

a:link, 
a:visited	{
	color:#FF0;
}
a:hover	{
	color:#FC0;
}

table	{
	table-layout:fixed;
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
table	th,
table	td	{
	border: 1px solid #CCC;
	padding: 0.3em;
	font-weight: normal;
	text-align:left;
}
table	th	{
	background-color: rgba(51,153,0,0.6);
}
table.noBorders,
table.noBorders th,
table.noBorders td	{
	border-style:none;
}
table.noBorders th	{
	background-color:transparent;
}
table.valignTop tr	{
	vertical-align:top;
}
table.borders,
table.borders	th,
table.borders	td	{
	border: 1px solid #CCC;
}
table.borders	th	{
	background-color: rgba(51,153,0,0.6);
}
table.borders	tr	{
	vertical-align:middle;
}

input[type=text],
input[type=email],
textarea	{
	width:95%;
	padding:0 0.25em;
	color:#FFF;
	background-color:#374151;
	border-style:solid;
	border-width:1px;
	border-color:#999;
}
textarea	{
	resize:none;
}

hr	{
	margin-top:1em;
}
ol	{
	list-style:decimal;
	margin-left:0;
	padding-left:2em;
}

/*
===============================================
Major Class
=============================================== */
.notice	{
	font-size:90%;
	color:#CCC;
}
div.notice	{
	margin-top:1em;
}

.error	{
	color:#FF0;
}

.divTable{
	display:table;
}
.divTableRow{
	display:table-row;
}
.divTableCol{
	display:table-cell;
}


/*
===============================================
header
nav
=============================================== */


/*
===============================================
Main Content
=============================================== */
#content	{
	min-height:0px;
}


/*
===============================================
forDevices
garminExpress
antAgent
communicatorPlugin
trainingCenter
quetionsSite
quetionsDevice
article
=============================================== */
#forDevices form {
	margin-top:1em;
}
#forDevices			ul,
#garminExpress		ul,
#antAgent			ul,
#communicatorPlugin	ul,
#trainingCenter		ul,
article				ul	{
	list-style:disc;
	margin-left:0;
	padding-left:1.5em;
}
#garminExpress		ol>li:not(:first-child),
#antAgent			ol>li:not(:first-child),
#communicatorPlugin	ol>li:not(:first-child),
#trainingCenter		ol>li:not(:first-child),
article				ol>li:not(:first-child)	{
	margin-top:1em;
}
#communicatorPlugin	ul.linkManual,
#trainingCenter		ul.linkManual	{
	padding-left:0.5em;
	list-style:none;
}
ul.linkManual li,
p.linkManual	{
	padding:0px 0px 0px 40px;
	background-image:url(/img/files/pdf_32x32.png);
	background-repeat:no-repeat;
	line-height:40px;
}
p.linkManual	{
	margin-left:8px;
}
#quetionsSite	a,
#quetionsDevice	a	{
	text-decoration:none;
}


/*
===============================================
faq
=============================================== */
div.faq h2	{
	margin-top:1.5em;
	font-size:110%;
	font-weight:bold;
}

p.subTitle {
	color:#F90;
	font-weight:bold;
}
p.subTitle:not(:first-child) {
	margin-top:2em;
}

/*
===============================================
getStarted
=============================================== */
div.getStarted ul {
	list-style:disc;
	margin-left:0;
	padding-left:1.5em;
}
div.getStarted ul li {
	margin-top:0.5em;
}
div.getStarted ol li {
	margin-top:1em;
}
div.getStarted ul.notice li {
	margin-top:0.25em;
}
div.getStarted h2	{
	margin-top:2em;
	font-size:110%;
	font-weight:bold;
}


/*
===============================================
footer
nav
=============================================== */
footer nav	{
	margin-top:0px;
}
footer nav li:first-child	{
	margin-top:0;
}
