html { background:#101010; }
body {
  background:#f1f3f5 url( http://static.trackmypeople.com/images/frontend/body.png) repeat-x;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {
  text-decoration:none;
  outline:none;
  color:#046380;
}
h1 {
  color:#046380;
  font-family:arial, georgia, sans-serif;
  font-size:25px;
  font-size-adjust:none;
  letter-spacing:-1px;
  line-height:35px;
  margin-bottom:10px;
  text-shadow:0 0 0 #ffffff;
}
h2 {
  font-size:1.3em;
  font-weight:normal;
  line-height:35px;
  margin-bottom:5px;
}
p {
  line-height:18px;
  font-size:1.05em;
}
.clear {
  clear:both;
  height:0px;
  padding:0px;
  margin:0px;
}
.floatleft { float:left; }
.floatright { float:right; }
.marginright { margin:0 1.5em 0 0; }
.marginleft { margin:0 0 0 1.5em; }
.clickable { cursor:pointer; }
.center {
  width:985px;
  margin:0 auto;
}
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.alignleft { text-align:left; }
.padding { padding:25px 35px; }
.padding-small { padding:15px 25px; }
.extra-line-height, .extra-line-height p { line-height:1.7em; }
#header .center {
  height:166px;
  background:url( http://static.trackmypeople.com/images/frontend/navigation.png) no-repeat left bottom;
  position:relative;
  border-bottom:2px solid #f2f4f5;
}
#logo img { margin:40px 0 0 0; }
ul#quicklinks {
  float:right;
  margin-right:55px;
  list-style:none;
  font-size:1.1em;
}
ul#quicklinks li {
  padding-top:5px;
  float:left;
  border-right:1px solid #d0d0d0;
  margin-left:10px;
}
ul#quicklinks li a {
  color:#9097a0;
  display:block;
  background:url( http://static.trackmypeople.com/images/frontend/arrow_blue_right.png) no-repeat left center;
  padding:0 10px 0 15px;
}
ul#quicklinks li a:hover { color:#f1f1f1; }
ul#quicklinks li:last-child { border:none; }
div#navigation {
  width:100%;
  padding-left:35px;
  position:absolute;
  left:0;
  bottom:0;
}
div#navigation a {
  overflow:hidden;
  margin-right:5px;
  float:left;
  display:block;
  height:35px;
  padding-left:20px;
  background:url( http://static.trackmypeople.com/images/frontend/tab-left.png) no-repeat left top;
}
div#navigation a span {
  font-size:1.3em;
  text-transform:capitalize;
  letter-spacing:0.5px;
  color:white;
  height:38px;
  display:block;
  padding:5px 20px 5px 0;
  background:url( http://static.trackmypeople.com/images/frontend/tab-right.png) no-repeat right top;
}
div#navigation a.active, div#navigation a:hover {
  height:37px;
  margin-bottom:-2px;
  background:url( http://static.trackmypeople.com/images/frontend/tab-active-left.png) no-repeat left top;
}
div#navigation a.active span, div#navigation a:hover span {
  color:black;
  background:url( http://static.trackmypeople.com/images/frontend/tab-active-right.png) no-repeat right top;
}
div#footer {
  background:#151515;
  color:#888888;
  padding:10px 0;
}
div#footer .span-6 { border-right:1px dotted #333333; }
div#footer .span-6:last-child { border-right:none; }
div#footer h3 {
  font-size:1em;
  font-weight:bold;
  margin:10px 0;
  line-height:1.3em;
  color:#ffffff;
}
div#footer h3 a { color:#ffffff; }
div#footer .smalltxt a, div#footer ul a { color:#888888; }
div#footer .smalltxt a:hover, div#footer ul a:hover { color:#c3c209; }
div#footer li, div#footer ul {
  list-style:none;
  padding-left:0;
}
div#footer ul li {
  border-bottom:1px solid #1e1e1e;
  background:url( http://static.trackmypeople.com/images/frontend/triangle-green-right.png) no-repeat left center;
  padding:5px 0 5px 10px;
}
div#footer img.feed-icon { margin-right:10px; }
div#footer .smalltxt a {
  font-size:.8em;
  padding-right:10px;
}
div#sub_footer {
  background:#101010;
  color:#444444;
  padding:10px 0;
}
div#sub_footer a { color:#888888; }
div#sub_footer a:hover {
  color:#ffffff;
  text-decoration:underline;
}
div#wrapper {
  width:1011px;
  background:url( http://static.trackmypeople.com/images/frontend/shadow.png) repeat-y;
  margin:-14px auto 0;
}
div#content {
  background:url( http://static.trackmypeople.com/images/frontend/gradient_top.png) repeat-x left top;
  min-height:500px;
  padding-bottom:25px;
}
div#content div#home { padding:25px 20px; }
div#content_alternate {
  min-height:500px;
  padding-top:14px;
  padding-bottom:25px;
  background:url( http://static.trackmypeople.com/images/frontend/sidebar_bg.png) repeat-y right top;
}
div#content_alternate > .span-7 {
  width:255px;
  min-height:250px;
}
div#content_alternate > .span-16 { width:715px; }
.widget-block {
  width:30%;
  float:left;
  margin-bottom:25px;
}
.widget-block a:hover {
  background:#fff444;
  display:block;
  text-decoration:none;
}
.widget-block h2 { font-size:1.3em; }
div#extras a.span-2:hover { background-color:#fff444; }
div#extras a.span-2 {
  display:block;
  min-height:40px;
  padding-top:5px;
  padding-bottom:5px;
  background-repeat:no-repeat;
}
div#extras a.span-2 span { padding-left:8px; }
div#extras h2 {
  margin-bottom:0px;
  line-height:30px;
}
div#extras h3 {
  font-size:1.05em;
  font-color:#ff44ff;
  font-style:italic;
}
div#extras a.windows, div#extras a.windows:hover { background-image:url( http://static.trackmypeople.com/images/operatingsystems/os-win.png); }
div#extras a.mac, div#extras a.mac:hover { background-image:url( http://static.trackmypeople.com/images/operatingsystems/os-mac.png); }
div#extras a.linux, div#extras a.linux:hover { background-image:url( http://static.trackmypeople.com/images/operatingsystems/os-linux.png); }
div#sidebar {
  background:url( http://static.trackmypeople.com/images/frontend/sidebar_header.png) repeat-x;
  padding-top:50px;
}
div#side-nav > span, .blog #sidebar li li, div#side-nav a {
  display:block;
  color:#0e7fc7;
  padding-left:25px;
  line-height:40px;
  border-bottom:1px solid #cddde8;
  border-top:1px solid #ffffff;
}
.blog #sidebar li li:first-child, div#side-nav a:hover:first-child, div#side-nav a:first-child { border-top:none; }
.blog #sidebar li li:last-child, div#side-nav a:hover:last-child, div#side-nav a:last-child { border-bottom:none; }
div#side-nav a.sub, .blog #sidebar li li:hover, div#side-nav a:hover, div#side-nav a.active {
  background:#ffffff;
  border-bottom:1px solid #ffffff;
}
div#side-nav a.sub {
  font-size:10px;
  color:#85a6bb;
  line-height:normal;
  padding-bottom:5px;
  padding-left:40px;
}
div#side-nav a.sub:hover { text-decoration:underline; }
div#visual {
  color:#515759;
  height:321px;
  background:url( http://static.trackmypeople.com/images/frontend/visual.png) no-repeat;
  padding:15px 25px;
  width:850px;
  margin:10px auto;
}
div#visual .floatleft {
  background:url( http://static.trackmypeople.com/images/frontend/clock.png) no-repeat 15px center;
  width:59%;
}
div#visual .floatright {
  width:38%;
  padding:10px;
}
div#visual .h1 {
  letter-spacing:-1px;
  font-size:2.6em;
  color:#ebf0f2;
  display:block;
  font-family:"Arial", sans-serif;
  line-height:1.2em;
}
div#visual .part1 { padding-left:150px; }
div#visual .floatleft p, div#visual .part2 { padding-left:180px; }
div#visual .part2 { margin-bottom:10px; }
div#visual .floatleft p {
  font-size:1.1em;
  margin-bottom:5px;
}
div#visual .floatleft .big-blue-button { margin:15px 0 15px 180px; }
div#visual .floatleft p.extra {
  font-size:.8em;
  color:#e2e8ea;
}
#homepage_slider {
  position:relative;
  height:297px;
}
#homepage_slider > img { position:absolute; }
#homepage_slider .pagination {
  position:absolute;
  bottom:0;
  background:#f2f4f5;
  padding:2px 0;
  right:0;
  text-align:right;
}
#homepage_slider .pagination a { margin:2px 4px 0px 4px; }
#homepage_slider .pagination span { padding:3px 8px 0 3px; }
div#homepage_bottom, div#homepage_middle {
  padding:0 25px;
  margin-bottom:35px;
}
div#homepage_middle .span-11 { width:430px; }
div#homepage_middle .last {
  border-left:2px solid #dddddd;
  padding-left:20px;
}
div#homepage_middle img { float:left; }
div#homepage_middle p {
  color:#555555;
  padding-left:85px;
  font-size:1.05em;
}
div#homepage_middle .grey-arrow-button { margin-top:10px; }
div#homepage_bottom .span-8 { width:280px; }
div#homepage_bottom .span-8.last { width:299px; }
div#homepage_bottom .span-8.first {
  border-right:1px solid #dddddd;
  padding-right:10px;
}
div#homepage_bottom .span-8 img { float:left; }
div#homepage_bottom .span-8 img.floatright { float:right; }
div#homepage_bottom .span-8 h3 {
  border-bottom:1px dotted #205e76;
  color:#205e76;
  font-size:1.1em;
  margin:10px 10px 10px 60px;
  padding-bottom:3px;
}
div#homepage_bottom .span-8 p {
  margin:0 0 0 60px;
  color:#555555;
  font-size:1.05em;
}
div#demo_top {
  height:25px;
  background:url( http://static.trackmypeople.com/images/frontend/demo_top.png) no-repeat;
}
div#demo_bottom {
  height:25px;
  background:url( http://static.trackmypeople.com/images/frontend/demo_bottom.png) no-repeat;
}
div#demo_middle {
  min-height:400px;
  padding:0 25px;
  background:url( http://static.trackmypeople.com/images/frontend/demo_middle.png) repeat-x;
  border-left:1px solid #cdedf9;
  border-right:1px solid #cdedf9;
}
div#demo_middle h2 {
  font-style:italic;
  font-weight:bold;
  margin-bottom:10px;
  text-align:center;
  font-size:1.3em;
}
div#demo_middle h3 { margin:10px 0 10px 70px !important; }
div#demo_middle p { margin:0 0 30px 70px !important; }
div#demo_middle h3.other { margin:10px 100px 10px 0 !important; }
div#demo_middle p.other { margin:0 70px 30px 0 !important; }
div#demo_middle .grey-arrow-button { margin:10px 0; }
div#demo h3 {
  border-bottom:1px dotted #205e76;
  font-size:1.2em;
  height:35px;
  margin:10px 0;
  padding-top:65px;
  background-repeat:no-repeat;
  background-position:right top;
}
div#demo h3 span {
  display:block;
  color:#046380;
  font-size:.7em;
  margin-top:5px;
}
div#demo .first h3 { background-image:url( http://static.trackmypeople.com/images/frontend/ventje_07_top.png); }
div#demo .middle h3 { background-image:url( http://static.trackmypeople.com/images/frontend/ventje_02_top.png); }
div#demo .last h3 { background-image:url( http://static.trackmypeople.com/images/frontend/ventje_04_top.png); }
div#demo p { font-size:1.05em; }
div#demo .span-7 {
  padding:5px;
  width:275px;
}
div#demo .login span { font-weight:bold; }
div#contact p.note { color:#c10000; }
div#map { border:1px solid #bbcfdd; }
div#about ul {
  list-style:none;
  padding-left:10px;
}
div#about ul li { padding:5px; }
div#about ul li span {
  font-weight:bold;
  color:#046380;
}
div#steps ul {
  list-style-type:none;
  margin:0;
  padding:8px 0 0 0;
}
div#steps ul li {
  color:#ffffff;
  width:310px;
  height:90px;
  float:left;
  background:#013a41 url( http://static.trackmypeople.com/images/steps/navBtn1.gif) no-repeat right top;
  padding-left:20px;
}
div#steps ul li.last {
  width:305px;
  background-image:none;
}
div#steps ul li span {
  width:220px;
  display:block;
  margin-left:10px;
  font-weight:normal;
  font-size:12px;
}
div#steps ul li em {
  width:220px;
  display:block;
  margin:6px 0 0 10px;
  font-style:normal;
  font-weight:bold;
  font-size:20px;
  line-height:1.5em;
}
div#steps ul li.current {
  background-color:#f7941d;
  background-image:url( http://static.trackmypeople.com/images/steps/navCurrentBtn1.gif);
}
div#steps ul li.lastDone {
  background-color:#046380;
  background-image:url( http://static.trackmypeople.com/images/steps/navLastDoneBtn1.gif);
}
div#steps ul li.done {
  background-color:#046380;
  background-image:url( http://static.trackmypeople.com/images/steps/navDoneBtn1.gif);
}
.sexy-border, div#features img {
  max-width:100%;
  border:1px solid #bbcfdd;
  padding:5px;
  background:#e0e9ef;
}
div#features img { margin-bottom:25px; }
div#support img { float:left; }
div#support div.support_block {
  margin-bottom:40px;
  padding-left:70px;
}
div#support h3 {
  font-size:1.1em;
  margin-bottom:5px;
}
a.big-blue-button {
  float:left;
  display:block;
  height:36px;
  padding-left:51px;
  background:url( http://static.trackmypeople.com/images/buttons/big-blue-left.png) no-repeat;
  color:#ffffff;
}
a.big-blue-button span {
  display:block;
  height:36px;
  background:url( http://static.trackmypeople.com/images/buttons/big-blue-right.png) no-repeat top right;
  padding:8px 15px 0 0;
  color:#ffffff;
  font-size:13px;
}
a.big-blue-button:hover { background:url(/images/buttons/big-blue-left-hover.png) no-repeat; }
a.grey-arrow-button {
  float:left;
  display:block;
  height:25px;
  padding-left:33px;
  background:url( http://static.trackmypeople.com/images/buttons/grey-arrow-left.png) no-repeat;
}
a.grey-arrow-button span {
  display:block;
  height:25px;
  background:url( http://static.trackmypeople.com/images/buttons/grey-arrow-right.png) no-repeat top right;
  padding:4px 15px 0 0;
  color:#666666;
}
a.grey-arrow-button:hover { background:url( http://static.trackmypeople.com/images/buttons/grey-arrow-left-hover.png) no-repeat; }
a.grey-arrow-button:hover span {
  background:url( http://static.trackmypeople.com/images/buttons/grey-arrow-right-hover.png) no-repeat top right;
  color:#4d707f;
}
a.grey-button {
  float:left;
  display:block;
  height:22px;
  padding-left:5px;
  background:url( http://static.trackmypeople.com/images/buttons/grey-left.png) no-repeat;
}
a.grey-button span {
  display:block;
  height:22px;
  background:url( http://static.trackmypeople.com/images/buttons/grey-right.png) no-repeat top right;
  font-size:9px;
  padding:5px 5px 0 0;
  color:#666666;
}
a.button_01 {
  float:left;
  display:block;
  height:22px;
  padding-left:5px;
  background:url( http://static.trackmypeople.com/images/buttons/grey-left.png) no-repeat;
}
a.button_01 span {
  display:block;
  height:22px;
  background:url( http://static.trackmypeople.com/images/buttons/grey-right.png) no-repeat top right;
  font-size:9px;
  padding:5px 5px 0 0;
  color:#666666;
}
.blog div#sidebar { padding-top:15px; }
.blog div#sidebar ul, .blog div#sidebar li { list-style:none; }
.blog div#sidebar ul {
  padding:0;
  margin:0;
}
.blog div#sidebar li {
  margin:0;
  padding:0;
}
.blog .widget_tag_cloud > div, .blog div#sidebar form { padding:0 10px; }
.blog div#sidebar h3, .blog div#sidebar label {
  display:block;
  font-size:1.3em;
  font-weight:bold;
  margin:25px 0 0 0;
  padding-bottom:10px;
  color:#205e76;
  border-bottom:1px dotted #205e76;
}
.blog div#sidebar li li {
  padding:5px 10px;
  line-height:1.7em;
}
.blog div#sidebar h3 { margin:25px 10px 0 10px; }
table.tmp-table {
  width:100%;
  margin:10px 0;
  border-top:1px solid #dddddd;
  border-left:1px solid #dddddd;
  border-right:1px solid #dddddd;
}
table.tmp-table th, table.tmp-table td { border-bottom:1px solid #dddddd; }
table.tmp-table th {
  width:160px;
  background:#e7eef6;
  font-weight:bold;
  padding-right:15px;
  text-align:right;
}
table.tmp-table th label {
  margin:0.5em 0;
  display:block;
  text-align:right;
}
table.tmp-table tbody tr:hover td { background:#ffffee; }
table.tmp-table td label { font-weight:normal; }
table.tmp-table ul {
  list-style:none;
  margin:0;
  padding:0;
}
table.tmp-table ul li {
  display:inline;
  margin-right:20px;
}
table.tmp-table tfoot td, table.tmp-table tfoot th, table.tmp-table thead th {
  background:#f1f1f1;
  text-align:center;
}
div#media { padding-right:0; }
.media-block { margin:7px 15px 7px 0; }
.media-block.last-block { margin-right:0; }
.media-block h4 {
  margin-bottom:5px;
  text-align:center;
}
.media-block img {
  border:1px solid #bbcfdd;
  margin-bottom:5px;
}
.media-block img:hover { border:1px solid #2d3641; }
.media-block p { font-size:.9em; }
.media-block p:last-child { margin:0; }

