@charset "utf-8";
/* default stylings */

html, body, div, a, td, span, h1 {
	font: 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
}
html, body, #page { height: 100%; }
body > #page { height: auto; min-height: 100%; }
#pageContent { padding-bottom: 60px; }
form { display: inline; }
a img { border: none; }

body {
	background: #F2F2F2;
}
.clr {
	clear: both;
}
.roundedTop { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.roundedBottom { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.roundedLeft { -webkit-border-top-left-radius: 4px;  -moz-border-radius-topleft: 4px;  border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px; }
.roundedRight { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.rounded { border-radius:4px;  -webkit-border-radius:4px;  -moz-border-radius:4px; }
.shadow { box-shadow:0 1px 3px rgba(0,0,0,.35); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.35); -moz-box-shadow:0 1px 3px rgba(0,0,0,.35); }

/* STYLING ELEMENTS */
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignTop { vertical-align: top; }
.alignBottom { vertical-align: bottom; }
.alignMiddle { vertical-align: middle; }
.alignCentered { text-align: center; vertical-align: middle; }
.centeredObject { margin: 0px auto; }
.nowrap { white-space: nowrap; }
.wrap { white-space: normal; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textRed { color: #900; }


#primaryNav { width:980px; margin: 0px auto; }
#primaryNav #headerLogo { margin-left: 20px; height: 50px; width: 300px; float: left; background-image: url(/images/template/headerLogo.png); cursor: pointer; }
#primaryNav ul { list-style: none outside; float: left; } 
#primaryNav ul li { display: inline; list-style: none outside; } 
#primaryNav ul li a { display: block; float: left; margin: 15px 20px 0px 20px; color: #333; text-shadow: white 0 1px 0; list-style: none outside; text-decoration: none; } 
#primaryNav ul li a:hover, #primaryNav ul li a.active {  color: #17b; } 

#pageHeader { width:980px; margin: 0px auto; background-color: #333; height: 30px; padding: 10px 0px 0px 0px; }
#pageHeader h1 { text-align: right; color: #ccc; font-weight: bold; font-size:14px; margin: -4px 30px 4px 30px; }

#pageHero{
	background-color: #fff;
	border-top: 1px solid #333;
	border-bottom: 1px solid #fff;
	height: 170px;
	margin: 0px;
	padding: 0px;
}
#secondaryNav { 
	width:980px;
	height:30px;
	margin: 0px; 
	text-align: left;
	background-color: #fff; 
	background:url(/images/template/secondaryNavBackground.png) no-repeat 0 0;
	background:-moz-linear-gradient(center bottom, rgba(223,223,223,1) 0%, rgba(242,242,242,1) 66%, rgba(242,242,242,1) 90%, rgba(230,230,230,1) 93%, rgba(190,190,190,1) 96%, rgba(150,150,150,1) 100%);
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(223,223,223,1)), color-stop(66%, rgba(242,242,242,1)), color-stop(90%, rgba(242,242,242,1)), color-stop(93%, rgba(230,230,230,1)), color-stop(96%, rgba(210,210,210,1)), to(rgba(140,140,140,1)));
}

#secondaryNav ul { display: inline-block; list-style: none outside; margin: 0px 0px 0px 10px; } 
#secondaryNav ul li { display: inline; list-style: none outside; } 
#secondaryNav ul li a { display: inline-block; padding: 6px 30px 0px 30px; color: #333; text-shadow: white 0 1px 0; list-style: none outside; text-decoration: none; } 
#secondaryNav ul li a:hover, #secondaryNav ul li.active a {  color: #17b; background: url(/images/template/secondaryNavActive.png) no-repeat 50% 0px;} 
#secondaryNavHidden { width: 100%; background-color: #333; font-weight: bold; height: 20px; ; margin-top: -1px; }

#bodyContent { width: 980px; background-color: #fff; margin: 0 auto; margin-top: 210px; margin-bottom: 10px; min-height: 300px; }
#bodyContent a, #bodyContentBlog a { color: #17b; text-decoration: underline; }
#bodyContent a:hover, #bodyContentBlog a:hover { color: #17b; text-decoration: underline; }
#bodyContent h2 { border-bottom: 1px solid #bbb; background:url(/images/template/bodyHeaderBackground.png) no-repeat 0 0; font-weight: normal; font-size:16px; padding: 5px 30px; }
#bodyContent h3 { background-color: #f0f0f0; font-size:26px; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-weight: normal; font-size:16px; padding: 10px; }
#bodyContent .bodyParagraph, #bodyContentBlog .bodyParagraph { padding: 5px 30px 50px 30px; }

/* Blog */
#bodyContentBlog { width: 1280px; background-color: #fff; margin: 0 auto; margin-top: 210px; margin-bottom: 10px; min-height: 300px; }
#bodyContentBlog h2.entry-title, #bodyContentBlog h1.entry-title { background-image: none; margin-top: 20px; background-color: #f0f0f0; font-size:26px; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-weight: normal; font-size:16px; padding: 10px; }
#bodyContentBlog h2.entry-title a, #bodyContentBlog h1.entry-title a  { font-size:16px; }

#bodyContentBlog h2.entryTitle { background-color: #f0f0f0; font-size:26px; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-weight: normal; font-size:16px; padding: 10px; }
#bodyContentBlog h2 { background-color: #f0f0f0; font-size:26px; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-weight: normal; font-size:16px; padding: 10px; }
#bodyContentBlog div.post { width: 950px; border: 1px solid #ccc; background-color: #fff; padding:10px; margin: 15px 0px; border-radius:4px;  -webkit-border-radius:4px;  -moz-border-radius:4px; }
#bodyContentBlog #primary { border: 1px solid #ccc; background-color: #fff; padding:20px; margin: 15px 15px 15px 0px; border-radius:4px;  -webkit-border-radius:4px;  -moz-border-radius:4px; }
#bodyContentBlog #content { width: 950px; }
#bodyContentBlog #container { width: 950px; }



/* features & FAQ's */
.featureBlock, .faqBlock { width: 880px; border: 1px solid #ccc; background-color: #f9f9f9; float:left; padding:10px; margin:5px 10px; }
.featureBlock strong, .faqBlock strong { font-size:14px; line-height: 25px; font-weight: normal; color: #17b; }
.featureBlock img.featureIcon { border: 1px solid #ccc; background-color: #fff; float:left; padding:10px; margin:0px 25px 0px 10px; }
.featureBlock .featureText { float:left; width: 720px; }
.featureBlock ul { list-style: circle; }
 .featureBlock li { margin: 0px 0px 10px -20px;}
/* Clients */
.clientBlock, .clientBlock2 { width: 410px; border: 1px solid #ccc; background-color: #f9f9f9; padding:10px; margin:5px 0px; }
.clientBlock { float:left; clear: both; }
.clientBlock2 { float:right; }
.clientBlock a, .clientBlock2 a { display: block; }
.clientBlock strong, .clientBlock2 strong { font-size:14px; line-height: 25px; font-weight: normal; color: #17b; }
.clientBlock img.clientIcon, .clientBlock2 img.clientIcon { border: 1px solid #ccc; background-color: #fff; float:left; padding:3px; }
.clientBlock .clientText, .clientBlock2 .clientText { float:right; width: 380px; }

/* Contacts */
.contactBlock, .contactBlock2 { width: 410px; border: 1px solid #ccc; background-color: #f9f9f9; padding:10px; margin:5px 0px; }
.contactBlock { float:left; clear: both; }
.contactBlock2 { float:right; }
.contactBlock strong, .contactBlock2 strong { font-size:12px; line-height: 25px; font-weight: bold; }
.contactBlock .contactText, .contactBlock2 .contactText { float:right; width: 380px; }

/* pricing */
.pricingBlock { width: 920px; border: 1px solid #ccc; background-color: #f9f9f9; float:left; margin:5px 0px; }
.pricingBlock strong { font-size:14px; line-height: 25px; font-weight: normal; color: #17b; }
.pricingBlock .price { font-size:26px; line-height: 27px; font-weight: bold; color: #eee; border-left: 1px solid #bbb; background-color: #444; float:right; padding: 35px 0px 0px 0px; margin-left: 10px;  width: 200px; text-align: center; vertical-align: middle; height: 70px; }
.pricingBlock .price span { display: inline-block; padding: 5px; font-size:12px; line-height: 16px; color: #eee; }
.pricingBlock .price2 { font-size:18px; line-height: 20px; font-weight: bold; color: #eee; border-left: 1px solid #bbb; background-color: #444; float:right; padding: 35px 0px 0px 0px; margin-left: 10px;  width: 200px; text-align: center; vertical-align: middle; height: 70px; }
.pricingBlock .pricingText { float:left; width: 620px; padding: 10px; }
.pricingBlock ul { list-style: circle; }

/* Release Notes */
.versionHeader { cursor: pointer; height: 30px; padding: 3px 10px; border: 1px solid #ccc; background-color: #f9f9f9; color: #666;  } 
.versionHeader div { margin-top: 8px; width: 200px; float: left; }
.versionDetail { display: none; }
.versionDetail .dataTable { width: 100%; }
.versionHeaderDisclosure { ; }

/* tables */
table { border: 1px solid #aaa; border-spacing: 0px; }
table tr td, table tr th { border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; padding: 5px 10px;}
table th { background-color: #ccc; color: #333; }
table tr:last-of-type td { border-bottom: 0px solid #aaa; }
table tr td:first-of-type, table tr th:first-of-type { border-left: 0px solid #aaa;}

#footer {
	width:980px; 
	height: 60px;
	margin: 0 auto;
	margin-top: -60px;
	clear: both;
	position: relative;
	z-index: 10;
	color: #ddd;
	text-shadow: #333 0 1px 0;
	background-color: #444;
	box-shadow:0 1px 3px rgba(0,0,0,.35); 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35); 
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.35);
	text-align: center;
}
#footer #copyrightNotice { float: left; margin: 0px 30px; }
#footer ul { list-style: none outside; float: left; } 
#footer ul li { display: inline; list-style: none outside; } 
#footer ul li a { display: block; float: left; margin: -12px 20px 0px 20px; color: #4ae; list-style: none outside; text-decoration: none; } 
#footer ul li a:hover {  color: #eee; }

------



/* page messages */
#pageMessagesContainer { position: absolute; width: 940px; margin: 0px; margin-left: 190px; }
.pageMessageRed, .pageMessageOrange, .pageMessageGreen { display: none; width: 100%; margin: 0px; padding: 10px; font-weight: bold; text-align: center;  vertical-align: middle; }
.pageMessageRed { border: 2px solid #600; background-color: #933; color: #fff; }
.pageMessageOrange { border: 2px solid #bb7700; background-color: #eeaa66; color: #000; }
.pageMessageGreen { border: 2px solid #44bb44; background-color: #99dd99; color: #000; }


/*
table { border-collapse: collapse; }
table td, table th { white-space: nowrap; text-align: left; border: 1px solid #aaa; padding: 10px; }
table td { font-size: 12px; padding: 6px; }
table th { font-size: 14px; text-align: left; background-color: #1970a5; color: #fff; }
table th h2{ font-size: 28px; text-decoration: none; color: #fff; border: none; }
table th h3{ font-size: 20px; text-decoration: none; color: #fff; border: none; display: inline;}
table span { color: #c5e9ff; }
table td.centered { text-align: center; }
table tr.blue td { font-size: 13px; color: #000; background-color: #eef8ff; }
*/

/* pricing */
#pricingTable .greenTick { height: 35px; background:url(/images/library/greenTick.png) center no-repeat; }
#pricingTable th.trialPlan { padding-left: 25px; }


/* forms */
form span.formRow { width: 100%; margin-bottom: 4px; display: block; float:left; }
form span.formHelpRow { width: 100%; margin-bottom: 4px; display: none; float:left; color: #5f5f5f; font: normal 11px Arial, Helvetica, sans-serif;}
form span.formRow input.text, form span.formRow select.text, form span.formRow textarea.text { width: 500px; }
form span.formRowSplit { width: 49%; display: block; float:left; }
form span.formRowSplit input.text, form span.formRowSplit select.text { width: 250px; }
form fieldset { border: none; border-top: 1px solid #a1cbe5; }
form legend { margin-left: -5px; border: none; padding: 3px 5px; color:#1970a5; font: bold 11px Arial, Helvetica, sans-serif;}
form label { z-index: 5; margin:0; width:110px; padding-bottom: 2px; color:#5f5f5f; font: normal 11px Arial, Helvetica, sans-serif;}
form span.compulsary { color: #660000; }
form input, form select, form textarea { z-index: 10; }
form input[type~="radio checkbox image submit"], form select, form textarea { font: normal 12px Arial, Helvetica, sans-serif;  background:#f8f8f8; float:left;} 
form span.text { display: block; margin: 3px 0; padding: 0px; height:16px;}
form input.text { margin: 3px 0; padding: 1px; height:16px;}
form select.text { margin:5px 0; border: 1px solid #999999; }
form textarea.text { margin:10px 0; padding:2px; display: block; }
form .sendForm { cursor: pointer; width: 155px; height: 40px; margin-right: 25px; border:0; color:#FFF; float:right;}
form input[type="radio"] { vertical-align: middle; float: none; display: inline; }
form label.error { display: block; width:100%; color: #bb2828; vertical-align: top; }

form .formDivider { margin-bottom: 20px; border-top: 1px solid #a1cbe5; }
form .helpLink { font: normal 11px Arial, Helvetica, sans-serif; }
/* signup form */
#paymentAmount { float: right; font: normal 30px  Arial, Helvetica, sans-serif; color: #333333; }
#paymentTermDescription { float: right; padding: 12px 0px 0px 7px; font: normal 14px  Arial, Helvetica, sans-serif; color: #333333; }
#savingAmount { float: right; padding-top: 10px; font: normal 18px  Arial, Helvetica, sans-serif; color: #006600; }
img.stepImage { vertical-align: middle; padding:0; margin: 0; float: none; }
strong.stepText { font-size: 12px; color: #a8a8a8; }
strong.stepTextActive { font-size: 12px; color: #1970a5; }


#newsletterSubscriptionForm { width: 280px; }

.errorText { color: #bb2828; }

/* jQuery UI calender customisations */
.calendarContainer { float: left; }
.calendarDisplayDiv { margin: 6px 0px 0px 5px; float: left; }

/* release notes */

.socialHeaderContainer {
	float: right;
	margin: 13px 20px 0px 0px;
}