
/* 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 .SitePrice 
{
}

.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:rgb(255,243,186);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-container
{
}

.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;
}
