/*** Reset ***/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,p,div,ul,li {margin:0;padding:0;}
/*** Defaults ***/
p,
span, 
ul,
td,
a:link,
a:visited,
a:hover,
a:active,
a 
{ color: #7F7F7F; }
h1 { margin: 10px 0 -5px 0; font-size: 150%; } 
h2 { margin: 10px 0 -5px 0; font-size: 130%; } 
h3 { margin: 10px 0 -5px 0; font-size: 115%; } 
h4 { margin: 10px 0 -5px 0; font-size: 105%; }
ul { margin-top: 10px; margin-left: 10px; }
li { margin-left: 10px; }
/*** Fonts ***/
body,
#contactSales span
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, #contactSales p,#mainMenu
{
	font-family: Georgia;
}
#productBuyList h2
{
	font-size: 130%;
}
#footerPanel
{
	font-size: 80%;
}
ul.blogSummary
{
	font-size: 90%;
}
#quotationList
{
	font-size: 125%;
}
#mainMenu
{ 
	font-size: 125%;
}
#mainMenu .breadcrumbs
{
	font-size: 75%;
}
#products h2 sup, h2.productName sup
{
	font-size: 50%;
	font-weight: normal;
	font-family: Tahoma;
}
#products h2, h2.productName
{
	font-size: 160%;
	font-weight: bold;
}
#banner p
{
	font-size: 110%;
}
#banner h2
{
	font-size: 150%;
}
#contactSales p
{
	font-size: 110%;
}
#contactSales span
{
	font-size: 105%;
}
/*** Layout ***/
body
{
	background: #fff url(../images/bg.gif) repeat-x top left;
}
.clear
{
	clear: both;
}
#body
{
	width: 976px;
	margin: 0 auto;
}
#lpBody
{
	width: 976px;
	margin: 0 auto;
	border: solid 0px black;
	background: #fff url(../images/bgLanding.gif) repeat-x top left;
}
#header
{
	position: relative;
	clear:both;
	height: 80px;
	margin-right: 60px;
}
#lpHeader
{
	position: relative;
	clear: both;
	height: 205px;
	margin-right: 60px;
}
#logo
{
	float: left;
	position: absolute;
	bottom: 0;
	margin-left: 30px;
	margin-bottom: 10px;
}

#logo img
{
	border: none;
}
#lpLogo
{
	float: left;
	position: absolute;
	top: 10;
	margin-left: 30px;
	margin-top: 10px;	
}
#lpLogo img
{
	border: none;
}
#contactSales
{
	position: relative;
	top: 15px;
	margin-right: 10px;
	background-image: url(../images/bg-arrow.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 20px;
	text-align: right;
	padding-right: 30px;
	padding-top: 3px;
}
#contactSales p
{
	color: #fff;
}
#contactSales span
{
	color: #fff;
	font-weight: bold;
}
#contentBody
{
	float: left;
	clear:both;
	min-height: 400px;
	width: 976px;
	background-image: url(../images/bg-body.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#lpContentBody
{
	float: left;
	min-height: 400px;
	margin-left: 181px;
	width: 613px;
	background-image: url(../images/bg-body-613.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#lpFormBody
{
	float: right;
	min-height: 400px;
	width: 214px;
	background-image: url(../images/landingform-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#lpContent
{
	padding: 30px;
}
#lpContent p
{
	margin: 10px 0;
	padding: 5px 0;
}
#contentWrapper
{
	width: 960px;
	margin: 0 auto;
	float: left;
	margin-left: 6px;
}
#content
{
	float: left;
	background-image: url(../images/bg-content.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#content .content
{
	padding: 25px 75px;
}
#content .content.fullWidth
{
	width: 808px;
}
#content p
{
	margin: 5px 0;
	padding: 5px 0;
}
#contentLeft
{
	float: left;
	width: 70%;
}
#contentRight
{
	float: right;
	width: 25%;
}
/*** General ***/
.section
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted 3px #AEB0B2;
}
.section.noborder
{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.section.bordertop
{
	border-top: dotted 3px #AEB0B2;
}
ul.head
{
	margin-top: 10px;
	padding-left: 15px;
}
ul.para
{
	margin-top: 0;
	padding-left: 15px;
}
ul.para li, ul.head li
{
	padding-left: 20px;
}
/*** Banner ***/
#banner
{
	position: relative;
	height: 242px;
	width: 863px;
	margin: 20px auto 10px auto;
	background-repeat: no-repeat;
	background-position: top;
}
#banner.banner
{
	background-image: url(../images/banner-0.jpg);
}
#banner.banner1
{
	background-image: url(../images/banner-1.jpg);
}
#banner.banner2
{
	background-image: url(../images/banner-2.jpg);
}
#banner.banner3
{
	background-image: url(../images/banner-3.jpg);
}
#banner.banner4
{
	background-image: url(../images/banner-4.jpg);
}
#banner.banner5
{
	background-image: url(../images/banner-5.jpg);
}
#banner.banner6
{
	background-image: url(../images/banner-6.jpg);
}
#banner.banner7
{
	background-image: url(../images/banner-7.jpg);
}
#banner.banner8
{
	background-image: url(../images/banner-8.jpg);
}
#banner.banner9
{
	background-image: url(../images/banner-9.jpg);
}
#banner.banner10
{
	background-image: url(../images/banner-10.jpg);
}
#banner.banner11
{
	background-image: url(../images/banner-11.jpg);
}
#banner.banner12
{
	background-image: url(../images/banner-12.jpg);
}
#banner.banner13
{
	background-image: url(../images/banner-13.jpg);
}
#banner.banner14
{
	background-image: url(../images/banner-14.jpg);
}
#banner.banner15
{
	background-image: url(../images/banner-15.jpg);
}
#banner.banner16
{
	background-image: url(../images/banner-16.jpg);
}
#banner.banner17
{
	background-image: url(../images/banner-17.jpg);
}
#banner .content
{
	margin-left: 30px;
	width: 360px;
	height: 150px;
	padding: 15px 15px;
}
#banner p
{
	margin-top: 20px;
}
#banner #quotationList blockquote
{
	padding: 0 0 10px 0;
}
#banner #quotationList cite
{
	padding: 10px 0 10px 0;
}
/*** Menu ***/
#mainMenu
{
	float: left;
	position: absolute;
	bottom: 0;
	right: 0;
}
#mainMenu ul
{
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
#mainMenu li
{
	float: left;
	margin-right: 0px;
}
#mainMenu li.sep
{
	padding-left: 17px;
	background-image: url(../images/menu-sep.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#mainMenu li.highlight a:link,
#mainMenu li.highlight a:visited,
#mainMenu li.highlight a:hover,
#mainMenu li.highlight a:active,
#mainMenu li.highlight a
{
	color: #F9C127;
}
#mainMenu a:link,
#mainMenu a:visited,
#mainMenu a:hover,
#mainMenu a:active,
#mainMenu a
{
	display: block;
	padding: 0px;
	color: #fff;
	text-decoration: none;
}
.breadcrumbs
{
	display: block;
	margin-bottom: 10px;
}
.breadcrumbs a:link,
.breadcrumbs a:visited,
.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a
{
	display: inline;
	padding: 0;
	margin: 0;
}
/*** Footer ***/
#footerPanel
{
	padding: 15px 15px 5px 35px;
	margin: 10px auto 0 auto;
	width: 830px;
	border-top: dotted 3px #AEB0B2;
}
#footerPanel a:link,
#footerPanel a:visited,
#footerPanel a:hover,
#footerPanel a:active,
#footerPanel a
{
	text-decoration: none;
}
#footerPanel a:hover
{
	text-decoration: underline;
}
#logo-footer
{
	height: 18px;
}
#logo-ms
{
	float: right;
	margin-right: 25px;
	width: 100px;
}
#footerMenu
{
	float: left;
}
#footerAddress
{
	text-align:right;
	float: right;
}
/*** Links ***/
a.infoLink,
a.infoLink:link,
a.infoLink:visited,
a.infoLink:hover,
a.infoLink:active
{
	cursor: hand;
	display: inline-block;	
	height: 18px;
	padding-left: 27px;
	background-image: url(../images/infoLink-left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #000;
	text-decoration: none;
}
a.infoLink:hover
{
	text-decoration: underline;
}
a.infoLink span
{
	display: inline-block;
	padding-top: 2px;
	padding-right: 18px;
	height: 18px;
	min-width: 7em;
	color: #000;
	background-color: #fff;
	background-image: url(../images/infoLink-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
a.twitterLink
{
	padding-left: 24px;
	display: block;
	height: 18px;
	background-image: top left;
	background-image: url(../images/twitter.png);
	background-repeat: no-repeat;
}
/*** Page Links ***/
#pageLinks
{
	margin-top: 20px;
	margin-bottom: 20px;
}
#pageLinks p
{
	padding: 0;
}
#pageLinks p.space
{
	padding: 5px;
}
/*** Blog Summary ***/
ul.blogSummary
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.blogSummary li
{
	margin: 10px 0;
}
/*** Customer Quotes ***/
#quotationList 
{  
	padding: 0;  
	margin:  0;
}
#quotationList a:link,
#quotationList a:visited,
#quotationList a:hover,
#quotationList a:active,
#quotationList a
{
	text-decoration: none;
}
.quote blockquote
{
	font-style: italic;
	margin: 0;
	padding: 10px 25px 10px 10px;
}
.quote cite
{
	font-weight: bold;
	padding: 10px;
	font-style: normal;
	display: block;
}
div.firstQuotation {  
		display: block;
} 
/*** Products List ***/
/* Product Page */
#productList
{
	border-bottom: dotted 3px #AEB0B2;
}
#productList .section
{
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 60px;
	margin-left: -60px;
	padding-bottom: 5px;
	border: none;
}
#productList h2
{
	padding-top: 10px;
	border-top: dotted 3px #AEB0B2;
}
#productList h2.noborder
{
	border: none;
}
#productList h2 a:link, #productBuyList h2 a:link,
#productList h2 a:visited, #productBuyList h2 a:visited,
#productList h2 a:hover, #productBuyList h2 a:hover,
#productList h2 a:active, #productBuyList h2 a:active,
#productList h2 a, #productBuyList h2 a
{
	color: inherit;
	text-decoration: none;
}
/* Home Page */
#products.content
{
	padding-left: 0;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 0;
}
#products
{
	float: left;
	margin: 0 30px 0px 15px;
}
#products h2 .prefix, h2.productName .prefix
{
	color: #7F7F7F;
}
#products h2 a:link,
#products h2 a:visited,
#products h2 a:hover,
#products h2 a:active,
#products h2 a
{
	color: inherit;
	text-decoration: none;
}
#products .product
{
	background-repeat: no-repeat;
	background-position: top left;
	clear: both;
	float: left;
	position: relative;
	width: 870px;
}

.timesheets-price
{
	background-image: url(../images/price-1699.gif);
}
.expenses-price,
.projects-price
{
	background-image: url(../images/price-1299.gif);
}
#products div.desc
{
	float: left;
	width: 685px;
	margin-left: 65px;
	border-bottom: dotted 3px #AEB0B2;
	padding: 10px 0;
}
#products div.desc p
{
	padding-bottom: 5px;
	margin: 0;
	float: left;
}
#products div.links
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 125px;
	padding-bottom: 10px;
	border-bottom: dotted 3px #AEB0B2;
}
#products div.links p
{
	padding: 0 0 5px 0;
	margin: 0;
}
/*** Triptec Panel ***/
#triptecPanel
{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
#triptecPanel .row
{
	clear: both;
	float: left;
	width: 880px;
	margin-left: 45px;
}
#triptecPanel .linkRow
{
	padding: 10px 0 0 0;
	margin-left: 42px;
	border-top: dotted 3px #AEB0B2;
}
#triptecPanel .panel
{
	width: 250px;
	padding: 0 5px;
	float: left;
	margin-left: 20px;
}
#triptecPanel .linkRow .panel
{
	margin-left: 15px;
}
/*** Quick Contact ***/
fieldset#quickContact
{
	border: none;
	background: #fff url(../images/quick-contact-bottom.gif) no-repeat bottom left;
	color: #000;
}
#quickContact .topMessages
{
	background-color: #FFC321;
}
#quickContact h3
{
	padding: 5px 10px;
	background: #fff url(../images/quick-contact-top.gif) no-repeat top left;
	margin: 0;
}
#quickContact p
{
	padding: 0 15px 0 10px;
}
#quickContact label
{
	display: block;
	color: #000;
}
#quickContact img
{
	margin-left: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#quickContact span
{
	color: #000;
}
#quickContact input,
#quickContact textarea
{
	width: 100%;
}
#quickContact select
{
	width: 102%;
}
#quickContact p.howHear
{
	padding: 0 8px 0 10px;
}
#quickContact textarea
{
	height: 100px;
}
#quickContact input.button,
#quickContact .checkBox input
{
	width: auto;
}
#quickContact .checkBox label
{
	display: inline;
	margin-left: 5px;
}
#quickContact .validationSummary
{
	margin: 0 10px 0 10px;
	padding: 5px;
	color: #CC3300 !important;
	border: 1px solid #CC3300;
	text-align: center;
}
#quickContact .thankYouMessage
{
	display: block;
	margin: 0 10px 0 10px;
	padding: 5px;
	color: #000;
	border: solid 1px #000;
	text-align: center;
}

.eJunkieLabel,
.eJunkieLabel .price
{
	color: #000;
}
.eJunkieLabel .ec_ejc_thkbx
{
	margin-left: 10px;
	margin-top: 10px;
}
.eJunkieLabel .price
{
	border: 1px solid red;
}

/*** Quick Contact ***/
fieldset#registerPromo
{
	border: none;
	width: 250px;
	background: #fff url(../images/landingform-bottom.gif) no-repeat bottom left;
	color: #000;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	float: left;
}
#registerPromo .topMessages
{
	background-color: #FFC321;
}
#registerPromo h3
{
	padding: 5px 10px;
	background: #fff url(../images/landingform-top.gif) no-repeat top left;
	margin: 0;
}
#registerPromo p
{
	padding: 0 15px 0 10px;
}
#registerPromo label
{
	display: block;
	color: #000;
}
#registerPromo img
{
	margin-left: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#registerPromo span
{
	color: #000;
}
#registerPromo input,
#registerPromo textarea
{
	width: 100%;
}
#registerPromo select
{
	width: 102%;
}
#registerPromo p.howHear
{
	padding: 0 8px 0 10px;
}
#registerPromo textarea
{
	height: 100px;
}
#registerPromo input.button,
#registerPromo .checkBox input
{
	width: auto;
}
#registerPromo .checkBox label
{
	display: inline;
	margin-left: 5px;
}
#registerPromo .validationSummary
{
	margin: 0 10px 0 10px;
	padding: 5px;
	color: #CC3300 !important;
	border: 1px solid #CC3300;
	text-align: center;
}
#registerPromo .thankYouMessage
{
	display: block;
	margin: 0 10px 0 10px;
	padding: 5px;
	color: #000;
	border: solid 1px #000;
	text-align: center;
}
/*** Other contact forms ***/
fieldset.trialForm
{
	width: 70%;
	margin: 0 auto;
}
fieldset#contactForm
{
	border: none;
	background: #fff url(../images/form-bottom.gif) no-repeat bottom left;
	color: #000;
}
#contactForm h2
{
	padding: 5px 10px;
	background: #fff url(../images/form-top.gif) no-repeat top left;
	margin: 0;
}
#contactForm select
{
	width: 200px;
}
#contactForm p
{
	padding: 0 15px 0 10px;
	color: #000;
}
#contactForm label
{
	display: block;
	color: #000;
}
#contactForm img
{
	margin-left: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#contactForm span
{
	color: #000;
}
#contactForm input,
#contactForm textarea
{
	width: 100%;
}
#contactForm input.radio,
#contactForm .radioButton input
{
	width: auto;
}
#contactForm .radioButton label
{
	display: inline;
	margin-left: 5px;
}
#contactForm .webinarList label
{
	font-weight: bold;	
}
#contactForm .webinarDateTime
{
	font-style: normal;
}
#contactForm .webinarDetail
{
	margin-left: 23px;
}
#contactForm .webinarError
{
	color: Red;
}
#contactForm .webinarDescription
{
	color: #404040;
}
#contactForm .webinarSpaces
{
	font-style: italic;
}
#contactForm textarea
{
	height: 100px;
}
#contactForm input.button,
#contactForm .checkBox input
{
	width: auto;
}
#contactForm .checkBox label
{
	display: inline;
	margin-left: 5px;
}
#contactForm .validationSummary
{
	margin: 0 10px 0 10px;
	padding: 5px;
	color: #CC3300 !important;
	border: 1px solid #CC3300;
	text-align: center;
}
#contactForm .validationSummary ul
{
	color: #CC3300 !important;
}
#contactForm .thankYouMessage
{
	display: block;
	margin: 0 10px 0 10px;
	padding: 5px;
	color: #000;
	border: solid 1px #000;
	text-align: center;
}
#contactForm a
{
	color: #000;
}
#thankYou
{
	width: 596px;
	border: none;
	background: #fff url(../images/form-bottom.gif) no-repeat bottom left;
	color: #000;
}
#thankYou h2
{
	padding: 5px 10px;
	background: #fff url(../images/form-top.gif) no-repeat top left;
	margin: 0;
}
#thankYou p
{
	padding: 0 15px 15px 10px;
	color: #000;
}
/*** Side Content Box ***/
#sideBox
{
	background: #fff url(../images/bg-side-content.gif) no-repeat top left;
	padding: 10px;
}
#sideBox.space
{
	margin-top: 20px;
}
#sideBox.space-bottom
{
	margin-bottom: 20px;
}
#sideBox h2,#sideBox h3
{
	padding: 5px 10px;
	margin: 0;
}
#sideBox p
{
	padding: 5px 10px;
}
#sideBox blockquote
{
	padding: 5px;
	font-size: 90%;
}
#sideBox cite
{
	padding: 5px 5px 5px 15px;
	display: block;
	font-size: 90%;
}
#sideBox ul
{
	padding-left: 20px;
}
#sideBox li
{
	padding: 3px 0;
}
/*** Product Features ***/
.productFeatures
{
	float: left;
}
.productFeatures .columnLeft
{
	float: left;
	width: 40%;
	padding-top: 15px;
}
.productFeatures .columnLeft ul
{
	padding-left: 10px;
	padding-right: 5px;
}
.productFeatures .columnLeft li
{
	margin-left: 5px;
	padding-left: 5px;
}
.productFeatures .columnRight
{
	float: right;
	width: 60%;
	background: #fff url(../images/bg-feature-table.gif) no-repeat top left;
}
#featureTable
{
	border-collapse: collapse;
	margin: 15px 25px;
}
#featureTable th
{
	text-align: left;
	padding: 5px 0;
}
#featureTable td
{
	padding: 5px 0;
}
#featureTable td + td, #featureTable th + th
{
	text-align: center;
}
#featureTable .option,
#featureTable .yes
{
	text-transform: uppercase;
	color: #60B30B;
	font-weight:bold;
}
#featureTable .yes
{
	display: block;
	background-image: url(../images/tick.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -4000px;
	margin: 0 auto;
}
#featureTable tr
{
	border-bottom: dotted 3px #AEB0B2;
}
/*** Product Tours ***/
.slideControls
{
	/*float: right;*/
	text-align: center;
}
.slideControls a 
{
	margin-left: 15px;
	text-align: left;
}
.slideControls a:hover
{
	text-decoration: underline;
}
.slideControls a.next,
.slideControls a.next:link,
.slideControls a.next:visited,
.slideControls a.next:hover,
.slideControls a.next:active
{
	display: inline-block;	
	height: 18px;
	padding-left: 8px;
	background-image: url(../images/next-left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #000;
	text-decoration: none;
}
.slideControls a.next span
{
	display: inline-block;
	padding-top: 2px;
	padding-right: 18px;
	height: 18px;
	min-width: 5em;
	color: #000;
	background-image: url(../images/next-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.slideControls a.prev,
.slideControls a.prev:link,
.slideControls a.prev:visited,
.slideControls a.prev:hover,
.slideControls a.prev:active
{
	display: inline-block;	
	height: 18px;
	padding-left: 18px;
	background-image: url(../images/previous-left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #000;
	text-decoration: none;
}
.slideControls a.prev span
{
	display: inline-block;
	padding-top: 2px;
	padding-right: 8px;
	text-align: right;
	min-width: 5em;
	height: 18px;
	color: #000;
	background-image: url(../images/previous-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#tour 
{
	width: 815px;
	clear: both;
}
#tour h2
{
	margin-bottom: 20px;
}
#tour img
{
		/*
	width: 815px;
	height: 596px; */
}
#tour p
{
	text-align: left;
}
/*** Sitemap ***/
#sitemap ul
{
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 100%;
}
#sitemap li
{
	margin: 0;
	padding: 0;
	list-style-type: circle;
}
#sitemap li.heading
{
	list-style-type: disc;
}
#sitemap a.heading
{
	font-size: 115%;
}