/* body */
body {
  margin-top: 5px;
  background-color: white;
  color: Black;
  font-family: Tahoma ,Verdana, Arial;
  text-align: center;
  background: AliceBlue;
}
.Body {
  background: white;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  text-align: left;
  border: 1px solid gray;
}
/* header */
.PageHeader {
  width: 100%;
  background: #2884e9 url("../images/TitleBk.png") no-repeat top left;
  background-position: 0px 0px;
  padding-bottom: 5px;
}
.HeaderContent {
  color: black;
  font-size: 22px;
  padding-left: 10px;
}
.HeaderContent a .SubTitle {
  font-size: 80%;
}
.HeaderContent a {
  color: Black;
  text-decoration: none;
}
.HeaderContent a:visited {
  color: Black;
  text-decoration: none;
}
.HeaderContent .CompanyName {
  float: right;
  margin-right: 10px;
}
.HeaderContent .CompanyName .SubTitle {
  font-size: 10px;
}
.TopLinks {
  height: 26px;
  float: right;
  position: relative;
}
.TopLinks a {
  display: block;
  float: left;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: black;
  padding-left: 10px;
  padding-right: 10px;
}
.TopLinks a:hover {
  background-color: #2508E0;
  color: white;
}
/* main content */
#MainContent {
  margin-left: 5px;
  margin-right: 5px;
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  font-size: 14px;
}
/* footer */
.PageFooter {
  background: gray;
  text-align: center;
  clear: both;
  margin-top: 0px;
  padding: 0.5em;
  font-size: 80%;
  color: White;
}
/* Page elements */h1 {
  font-size: 20px;
  vertical-align: middle;
  font-family: Arial;
  margin-top: 0.5em;
  color: darkblue;
}
h1 a {
  text-decoration: none;
}
h1 span {
  font-size: 70%;
  font-weight: normal;
}
h2 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
  color: darkblue;
}
.PriceList {
  border: 1px solid #93B2FF;
  margin-top: 15px;
  width: 100%;
}
.PriceList td {
  vertical-align: middle;
}
.PriceList td a {
  color: Blue;
}
.PriceList h2 {
  background: #D8E3FF;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.PriceList .SingleUserPrice {
  font-size: 115%;
  position: relative;
  margin-left: 5px;
  clear: both;
  border-bottom: 1px solid #93B2FF;
  margin-bottom: 10px;
  padding-bottom: 10px;
  margin-right: 5px;
}
.PriceList .ProductText {
  display: block;
  padding-top: 10px;
  width: 660px;
}
.PriceList .PriceColumn {
  font-size: 150%;
  position: absolute;
  right: 10px;
  top: 12px;
  text-align: right;
}
.PriceList .PriceColumn .PerMonth {
  display: block;
  font-size: 70%;
  text-align: right;
}
.PriceList .PriceColumn {
  font-weight: bold;
}
a .aPopup {
  display: none;
}
a:hover .aPopup {
  position: absolute;
  display: block;
  background: yellow;
  border: 1px solid black;
  z-index: 100;
  margin: 10px;
  padding: 10px;
}
.PriceList table.PriceInnerTable .PriceColumn {
  font-size: 100%;
  position: static;
  width: 150px;
}
.PriceList table {
  table-layout: fixed;
  width: 100%;
}
.PriceList .PriceInnerTable {
  margin-left: 380px;
  width: auto;
}
.PriceList .UserCountColumn {
  width: 230px;
}
.PriceList .BuyNowButton {
  float: left;
  margin-right: 10px;
}
.PriceList p {
  clear: both;
}
.PriceList ul {
  clear: both;
  font-size: 90%;
}
.PriceList ul li {
  margin-bottom: 5px;
}
.PriceList a {
  text-decoration: none;
  color: blue;
}
.PriceList .SitePrice {
  font-size: 115%;
  clear: both;
  margin-right: 5px;
  position: relative;
  margin-left: 5px;
}
/*.PriceList .SitePrice .PriceColumn
{
	font-size:120%;
	position:absolute;
	right:10px;
	top:25px;
	font-weight:bold;
}*/
.PriceList .SubItemPrice {
  clear: both;
  position: relative;
  margin-top: 10px;
  margin-left: 150px;
}
.PriceList .SubItemPrice .PriceColumn {
  font-size: 15px;
  top: 0px;
}
.ScreenShots {
  border: 1px solid gray;
  margin: 5px;
  padding: 5px;
}
.ScreenShots table {
  width: 100%;
  margin-bottom: 5px;
  border-collapse: collapse;
}
.ScreenShots img {
  border: none;
}
.ScreenShots a {
  display: block;
  text-align: center;
  font-size: 80%;
}
.ScreenShots td {
  vertical-align: top;
  border-bottom: 1px solid gray;
  min-height: 260px;
  height: 260px;
}
.ScreenShots td.ColImg {
  vertical-align: middle;
  width: 200px;
  min-width: 200px;
}
.ScreenShots tr {
  min-height: 260px;
  height: 260px;
}
#SlideshowButtons a {
  display: block;
  float: left;
  border: 1px solid gray;
  padding: 5px;
  margin-right: 5px;
  text-decoration: none;
  color: blue;
}
#SlideshowButtons a:hover {
  background: blue;
  color: white;
}
#SlideshowButtons a.SlideshowSelected {
  background: blue;
  color: white;
}
.SlideshowBigBtn {
  display: block;
  float: left;
  border: 1px solid gray;
  margin-right: 5px;
  text-align: center;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  color: blue;
}
.SlideshowBigBtn:hover {
  background: blue;
  color: white;
}
form {
  margin: 0px;
  margin-bottom: 15px;
}
#ReviewPage .Testamonial {
  width: 350px;
  float: left;
}
#ReviewPage .Testamonial blockquote {
  background: url(/images/QuoteBkMid.png) repeat-y;
  width: 280px;
}
#ReviewPage .Testamonial blockquote span {
  display: block;
  background: url(/images/QuoteBkTop.png) top no-repeat;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 10px;
}
#ReviewPage .Testamonial blockquote .sig {
  background: url(/images/QuoteBkBottom.png) top no-repeat white;
  text-align: right;
  font-style: italic;
  font-family: Verdana;
  font-size: 88%;
  margin-top: 5px;
  padding-top: 50px;
  min-height: 30px;
}
#ReviewPage .ReviewTable .DateColumn {
  color: black;
  font-weight: bold;
  width: 90px;
  font-size: 10px;
  text-decoration: none;
}
.DynamicContent .Testamonial {
  margin-bottom: 10px;
}
form td {
  text-align: left;
}
a img {
  border: none;
}
.sidebar p {
  margin: 0.2em 0px 0.2em 5px;
}
.sidebar h1 {
  margin: 0.2em 0px 0.2em 5px;
  font-size: 120%;
}
td.sidebar {
  vertical-align: top;
  border-left: 1px solid gray;
  width: 194px;
}
td.MainColumn {
  vertical-align: top;
  width: 594px;
}
table.TwoColumns {
  margin-bottom: 0px;
}
table.LinkBar {
  font-size: 80%;
  background: #2884e9 url("../images/TitleBk.png") no-repeat top left;
  background-position: 0px -100px;
  width: 100%;
  border-collapse: collapse;
}
table.LinkBar td {
  border: 1px solid #444444;
}
table.LinkBar a {
  text-decoration: none;
  display: block;
  color: black;
  text-align: center;
}
table.LinkBar a:hover {
  background-color: #2508E0;
  color: white;
}
.HelpImageCaption {
  font-size: 11px;
}
.DynamicContent {
  font-size: 12px;
  background: AliceBlue;
}
.DynamicContent td {
  vertical-align: top;
  width: 33%;
}
.DynamicContent td.News a {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.DynamicContent td.News a span {
  color: black;
  font-weight: bold;
  width: 100px;
  font-size: 8px;
  text-decoration: none;
  display: block;
}
.DynamicContent p {
  margin-top: 5px;
}
.DynamicContent .sig {
  text-align: right;
  font-style: italic;
  font-family: Verdana;
  font-size: 88%;
}
.Col3 td {
  vertical-align: top;
  width: 33%;
}
.FeatureList {
  list-style-image: url(/images/checkmark.png);
  list-style-position: outside;
}
.FeatureList li {
  margin-top: 3px;
}
.FullWidth {
  width: 800px;
  margin-left: -5px;
  margin-right: -5px;
}
.FullWidth p {
  margin-top: 0px;
}
.PriceBand {
  width: 100%;
  background: #0D2032;
  color: white;
}
.PriceBand i {
  display: block;
  font-size: 80%;
  float: right;
}
.PriceBand .ButtonColumn {
  width: 169px;
}
.PriceBand .DescriptionColumn {
  width: 681px;
}
.PriceBand .DescriptionColumn a {
  display: block;
  width: 100%;
  font-size: 110%;
  color: white;
  text-decoration: none;
}
.PriceBand .DescriptionColumn div {
  font-size: 80%;
  text-align: center;
  margin: 2px;
}
.PriceBand h2 {
  color: cyan;
}
.TSteps .SmallImage {
  width: 150px;
  text-align: center;
}
.TSteps .LargeImage img {
  border: 2px solid orange;
}
.HelpImageSet {
  width: 100%;
}
.HelpImageSet td {
  text-align: center;
  width: 33%;
}
.HelpImageSet img {
  display: block;
  border: 2px solid orange;
  margin-left: auto;
  margin-right: auto;
}
#yaTimerTrialRunFromPortablePage i {
  font-size: 90%;
  font-weight: bold;
}
#yaTimerPage h2 {
  margin-top: 0px;
}
.SysReq .Small {
  font-size: 70%;
}
.SysReq ul {
  margin-left: 5px;
  padding-left: 10px;
}
.SysReq {
  border: 1px solid blue;
  background: #fff3ba;
  float: right;
  padding: 0.5em;
  width: 15em;
  margin-top: 0.5em;
}
.ColImg a {
  text-decoration: none;
}
.Plans {
  table-layout: fixed;
  text-align: center;
}
.Plans td {
  width: 127px;
  border-right: 1px solid darkblue;
}
.PlanNames td {
  font-size: 25px;
  color: white;
  background: darkblue;
}
.PlanDescriptions td {
  font-size: 12px;
  background: darkblue;
  color: #BCC4F2;
  font-weight: bold;
  text-transform: uppercase;
}
.PlanPrices td {
  font-size: 19px;
  background: darkblue;
  color: white;
  font-weight: bold;
}
.PlanDetails td {
  height: 50px;
}
.PlanButtons td {
  border-bottom: 1px solid darkblue;
  height: 50px;
}
.PlanUsers td {
  font-size: 17px;
  height: 50px;
  font-weight: bold;
}
.Month {
  font-size: 10px;
  font-weight: normal;
}
.Plans .HeaderCol {
  background: white url(/Images/PlansPointer.png) no-repeat 51px -68px;
  border-bottom: none;
  font-size: 15px;
  color: #101010;
  font-weight: bold;
}
.Plans .PlanNames td.HeaderCol {
  background: white url(/Images/PlansPointer.png) no-repeat 51px 0;
  color: darkblue;
  vertical-align: top;
  font-size: 13px;
}
.Plans .PlanButtons td.HeaderCol {
  background: white url(/Images/PlansPointer.png) no-repeat 51px -154px;
}
.Yes {
  background: url(/Images/Yes.png) no-repeat center;
}
.Soon {
  background: url(/Images/Soon.png) no-repeat center;
  color: #404040;
}
.PlanButtons td a {
  display: block;
  height: 23px;
  width: 120px;
  background: url(/Images/Button120.png);
  text-decoration: none;
  color: Black;
  font-size: 13px;
  line-height: 23px;
  margin-left: auto;
  margin-right: auto;
}
.PlanButtons td a:hover {
  background-position: 0 23px;
}
.Col2 {
  table-layout: fixed;
  width: 100%;
}
.Col2 td {
  width: 50%;
  vertical-align: top;
}
.BigTitle {
  color: darkblue;
  font-size: 25px;
  text-align: center;
  margin-bottom: 25px;
}
.SimpPlans {
  table-layout: fixed;
  width: 400px;
  font-size: 23px;
  font-family: Georgia, Times New Roman, Serif;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid darkblue;
}
.SimpPlans td {
  padding: 5px;
}
.SimpPlans th {
  background: darkblue;
  color: white;
  padding: 5px;
}
.SimpPlans .StartTrialRow td {
  border-top: 1px solid darkblue;
  font-size: 16px;
}
.StartTrialButton {
  display: block;
  background: url(/images/StartFreeTrial.png);
  width: 151px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3px;
  margin-bottom: 3px;
  text-decoration: none;
}
.SimpPlans .StartTrialButton:hover {
  background-position: 0px -56px;
}
.ViewPlans {
  background-image: url(/images/ReallyBigButton.png);
  width: 331px;
  height: 105px;
  display: block;
  text-decoration: none;
  color: black;
  line-height: 105px;
  text-align: center;
  font-size: 150%;
}
.ViewPlans:hover {
  background-position: 0px -105px;
}
/* MailChimp Form */
#mc_embed_signup .indicate-required {
  display: none;
}
#mc_embed_signup .note-required {
  display: none;
}
#mc_embed_signup #mce-success-response {
  margin: 5px;
  padding: 5px;
  border: 1px solid gray;
  background: #DCFFD8;
}
#mc_embed_signup .mce_inline_error {
  color: red;
}
#mc_embed_signup div.mc-field-group label {
  display: block;
  text-align: left;
}
#mc_embed_signup div.mc-field-group {
  margin: 5px auto 5px auto;
  width: 80%;
}
#mc_embed_signup div.mc-field-group input {
  width: 95%;
}
#mc_embed_signup fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
#mc_embed_signup fieldset input.btn {
  border: 0 none transparent;
  padding: 0;
  margin: 10px auto 0 auto;
  display: block;
  height: 23px;
  width: 120px;
  background: url(/images/Button120.png);
  line-height: 21px;
  font-size: 13px;
  font-family: Tahoma, Arial, Sans-Serif;
}
#mc_embed_signup fieldset input.btn:hover {
  background-position: 0 23px;
}
#mc_embed_signup #mc_embed_close {
  display: none;
}
.NewsletterArea {
  margin: 5px;
  padding: 5px;
  border: 1px solid gray;
  background: white;
  text-align: center;
}
.NewsletterHitlight {
  display: none;
}
.ProductTop {
  border-top: 1px solid gray;
}
#yaTimerCentralHomePage .ViewPlans {
  background-image: url(/yaTimerCentral/images/ViewPlans.png);
  width: 331px;
  height: 106px;
  display: block;
  text-decoration: none;
}
#yaTimerCentralHomePage .ViewPlans:hover {
  background-position: 0px -106px;
}
#yaTimerCentralHomePage .PriceBand p {
  margin: 10px;
}
#TaskZebraPage .HighlightsArea div {
  width: 240px;
  float: left;
  margin-left: 20px;
}
#TaskZebraPage .HighlightsArea h2 {
  margin: 0;
  padding: 0;
  height: 50px;
  text-align: center;
}
#TaskZebraPage .Actions {
  clear: both;
  margin: 10px 0 10px 0;
}
#TaskZebraPage .Actions div {
  width: 370px;
  float: left;
  margin-left: 20px;
  text-align: center;
}
.showcase {
  position: relative;
}
.showcase-content-wrapper {
  background: white;
  height: 240px;
  padding: 0 33px 0 33px;
  border: 1px solid lightgray;
}
.showcase-button-wrapper {
  position: relative;
  width: 800px;
  margin: 0 auto 0 auto;
  text-align: center;
  background: lightgray;
  padding: 5px 0 5px 0;
}
.showcase-button-wrapper span {
  margin: 3px;
  padding: 3px;
  cursor: pointer;
  color: darkgray;
}
.showcase-button-wrapper .active {
  color: yellow;
}
.showcase-arrow-previous, .showcase-arrow-next {
  width: 33px;
  position: absolute;
  height: 33px;
  background: url(/images/arrows.png);
  top: 103px;
  z-index: 500;
  cursor: pointer;
}
.showcase-arrow-previous {
  background-position: 0 33px;
  left: 2px;
}
.showcase-arrow-previous:hover {
  background-position: 0 0;
}
.showcase-arrow-next {
  background-position: 33px 33px;
  right: 2px;
}
.showcase-arrow-next:hover {
  background-position: 33px 0;
}
.showcase td {
  vertical-align: top;
}
.showcase td.ColImg {
  text-align: center;
  vertical-align: middle;
  width: 200px;
  min-width: 200px;
}