/* Motivity CSS Document */



/*Color Palette =======================================



6b7e8c slate blue

3e515e dark slate blue

2f83cf bright sky blue

5085bb dark sky blue

898a77 dark tan

=======================================================*/





*{margin: 0;padding: 0;}



html, body {

	margin: 0;

	padding: 0;

	

}



body {

	font-size: 12px;

	font-family: Arial, sans-serif;

	color: #333;

}



body#home {

	background: url(../images/page-bg.jpg) top repeat-x;

}



body#inside {

	background: url(../images/insidebkgrd.gif) top repeat-x;

}



.clear{clear: both; height: 0;}



img {border:0;}

/* Page Structure =====================================*/

#wrapper {

	margin: 0;

	padding: 0;

	}

	

#wrapper .inside {

	background-color: #fff;

}



#container { 

	margin: 0 auto;

	width: 950px;

	

	}



/* Page Layout =====================================*/

#header{

	height: 142px;

	margin: 0;

	padding: 0;

}

#topheader{

	color: #6b7e8c;

	height: 21px;

	margin: 0;

	padding: 8px 34px 0 0;

	text-align: right;

	font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;

	 

}

#topheader ul, #topheader ul li {

	list-style-type: none;

}

#topheader ul li a{

	color: #6b7e8c;

}

#topheader ul li a:hover{

	color: #ffffff;

}

#topheader ul {display: block; margin: 0; padding: 0; float: right;}

#topheader ul li {

	display: inline;

	float: left;

	padding: 0 22px 0 0; 

} 

#bottomheader{

	background: url(../images/logo-div-bg.jpg) no-repeat top left;

	height: 107px;

	margin: 0;

	padding: 0;

	/*position: relative; */

	/*border: 1px solid #558663;*/

}



.logoprint 

{   

    display: none;

}



#motivityLogo 

{

    position: absolute;

}

#motivityLogo a

{

    width: 475px;

    height: 0px;

    display: block;

    padding-top: 84px;

    overflow: hidden;

}



#topnav{

	height: 48px;

	margin: 0;

	padding: 0;



}

#topnav ul, #topnav ul li {

	list-style-type: none;

}

#topnav ul {display: block; margin: 59px 0 0 0; padding: 0; float: right;}

#topnav ul li {

	display: inline;

	float: left;

	padding: 0;

}



#topnav a {

	padding-top: 47px;

	overflow: hidden;

}



/* Nav Menu  =====================================*/



.navHome {

	width: 84px;

	height: 47px;

	display: block;

	padding-top: 47px;

	background: url(../images/nav-home.jpg)  no-repeat 0px -47px;



}



.navHome a{

	width: 84px;

	height: 0px;

	display: block;

	background: url(../images/nav-home.jpg)  no-repeat 0px 0px;

 

}



.navHomeOn a{

	width: 84px;

	height: 0px;

	display: block;

	background: url(../images/nav-home.jpg)  no-repeat 0px -47px;

 

}



.navHome a:hover{

	background: url(../images/nav-home.jpg)  no-repeat 0px -47px;

} 

.navFeatures a{

	width: 84px;

	height: 0px;

	display: block;

	background: url(../images/nav-features.jpg)  no-repeat 0px 0px;



}



.navFeatures a:hover{

	background: url(../images/nav-features.jpg)  no-repeat 0px -47px;

} 



.navDemos a{

	width: 84px;

	height: 0px;

	display: block;

	background: url(../images/nav-demos.jpg)  no-repeat 0px 0px;



}



.navDemos a:hover{

	background: url(../images/nav-demos.jpg)  no-repeat 0px -47px;

} 

.navFaqs a{

	width: 84px;

	height: 0px;

	display: block;

	background: url(../images/nav-faqs.jpg)  no-repeat 0px 0px;



}



.navFaqs a:hover{

	background: url(../images/nav-faqs.jpg)  no-repeat 0px -47px;

} 

.navCustomers a{

	width: 103px;

	height: 0px;

	display: block;

	background: url(../images/nav-customers.jpg)  no-repeat 0px 0px;



}



.navCustomers a:hover{

	background: url(../images/nav-customers.jpg)  no-repeat 0px -47px;

} 

.navPartners a{

	width: 103px;

	height: 0px;

	display: block;

	background: url(../images/nav-partners.jpg)  no-repeat 0px 0px;



}



.navPartners a:hover{

	background: url(../images/nav-partners.jpg)  no-repeat 0px -47px;

} 

/* Content Area =====================================*/



#featured{}





#middleContent {

	background: url(../images/middle-content-bg.jpg) no-repeat top;

	padding: 28px 10px 28px 28px;

}

#middleLeft{float: left; width: 435px; margin: 0 10px 0 0;}

.middleLeftHeader {width: 420px;}

.middleLeftHeader h1 {

	color:#5085bb;

	font-size: 24px;

	line-height: 26px;

	padding-bottom: 8px;

}

.middleLeftHeader h2 {

	color:#898a77;

	font-weight: normal;

	font-size: 20px;

}



.middleLeftContent {width: 426px; margin: 20px 0 0 0}

.middleLeftContent ul, .middleLeftContent ul li {

	list-style-type: none;

}

.middleLeftContent ul {display: block; margin: 0; padding: 0;}

.middleLeftContent ul li {

	display: inline;

	float: left;

	padding: 0 2px 10px 0;

	margin: 0 10px 8px 0;

	font-size: 12px;

	width: 200px;

	min-height: 94px;

	border-bottom: 1px solid #efefef;

}



.middleLeftContent ul li:last-child {

	border-bottom: 0;

}

.middleLeftContent ul li h3{

	font-weight: bold;

	color: #3e515e;

	font-size: 18px;

	letter-spacing: -1px;

}



#middleRight{float: left; width: 450px;}

#middleRight h2 {font-size: 20px; color: #898a77; padding: 0 0 10px 0;  line-height: 26px; letter-spacing: -1px;}		



.middleRight1{float: left; width: 200px; padding: 0 15px; line-height: 18px; }

.middleRight1 ul, .middleRight1 ul li {

	list-style-type: none;

	margin: 0px;

}

.middleRight1 ul li {

	padding: 0 0 4px 10px;

	list-style: none;

	background: url(../images/bullet.gif) no-repeat 0px 8px;

}



.middleRight2{float: right; width: 215px;  padding: 0 0px 0 0; text-align: center; }

.middleRight2 h2{margin: 10px 0px; padding: 0px; letter-spacing: -1px;}

/* .middleRight2 img {margin: 0 10px;} */







#content{}



#contentInside {

	padding: 20px 0px 20px 0px;

}



#leftColumn, #leftColumnFull {

	font-size: 13px;

	line-height: 18px;

}



#leftColumn {

	width: 675px;

	float: left;

	padding: 0px 10px;

}



#leftColumn h1, #leftColumnFull h1 {

	font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;

	color: #192227;

	font-size: 30px;

	letter-spacing: -1px;

	padding: 0px;

	margin: 10px 0px 25px 0px;

	line-height: 32px;

}



#leftColumn h2.leadin, #leftColumnFull h2.leadin {

	color: #004684;

	font-size: 18px;

	font-family: Arial, Helvetica, sans-serif;

	padding: 0px;

	margin: 10px 0px;

	letter-spacing: normal;

	border: none;

	line-height: 22px;

}



#leftColumn h2, #leftColumnFull h2 {

	color: #4a5c68;

	font-size: 24px;

	font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;

	letter-spacing: -1px;

	border-bottom: 1px solid #cccccc;

	padding: 0px 0px 5px 0px;

	margin: 26px 0 10px 0;

	line-height: 26px;

}



#leftColumn h3, #leftColumnFull h3 {

	color: #898a77;

	font-size: 20px;

	font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;

	letter-spacing: -1px;

	margin: 15px 0px;

	line-height: 26px;

}



#leftColumn h4, #leftColumnFull h4 {
	color: #898a8a;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px 0px;

}



#leftColumn h5, #leftColumnFull h5 {

	color: #4a5c68;

	font-size: 14px;

}



#leftColumn ul, #leftColumnFull ul {

	margin: 10px 10px;

}



#leftColumn ul li, #leftColumnFull ul li {

	list-style: none;

	background: url(../images/bullet-blue.gif) no-repeat 0px 7px;

	padding: 0px 0px 3px 15px;

}



#textNav {

	width: 180px;

	background: url(../images/subnav-bkgrd.gif) repeat-x;

	border-bottom: 1px solid #cccccc;

	border-top: 1px solid #cccccc;

	padding: 10px;

	float: right;

	margin: 20px;

	font-size: 11px;

}



#textNav strong {

	color: #3e515e;

	font-size: 14px;

	font-weight: bold;

	display: block;

	margin: 0px 0px 5px 0px;

}



#textNav ul {

	padding: 0px;

	margin: 0px;

	line-height: 16px;

}



#textNav ul li {

	list-style: none;

	background: none;

}



#textNav ul li a {

	padding: 0px 0px 0px 10px;

	background: url(../images/bullet-green.gif) no-repeat 0px 5px;

}



#inlineQuote {

	background: url(../images/subnav-bkgrd.gif) repeat-x;

	border-bottom: 1px solid #cccccc;

	border-top: 1px solid #cccccc;

	margin: 15px 0px;

}



#inlineQuote .quote {

	background: url(../images/endquote.gif) no-repeat right bottom;

	margin: 15px;

	display: block;

}



#inlineQuote p {

	color: #898a77;

	font-size: 18px;

	padding: 5px 0px 5px 10px;

	margin: 0px;

	background: url(../images/startquote.gif) no-repeat;

	line-height: 26px;

}



#leftColumn p, #leftColumnFull p {

	margin: 10px 0px;

}



#rightColumn {

	width: 225px;

	float: right;

	padding: 15px 0px 0px 0px;

}



#ctaLinks {

	padding: 10px 5px;

	margin: 10px 0px;

	background: url(../images/rightcolumn-shadow.gif) bottom center no-repeat;

}



#ctaLinks ul {

	margin: 10px 5px;

}



#ctaLinks ul li {

	padding: 0px 0px 5px 15px;

	list-style: none;

	background: url(../images/bullet-blue.gif) no-repeat 0px 4px;

}



#ctaLinks ul li a {

	color: #2f83cf;

	text-decoration: underline;

}



#ctaLinks h2 {

	font-size: 22px;

	letter-spacing: -1px;

}



#ctaLinks b {

	font-size: 20px;

	color: #4a5c68;

	letter-spacing: -1px;

}



#breadCrumb {

	padding: 10px 0px 20px 0px;

	color: #67aae1;

}



#breadCrumb a {

	color: #67aae1;

}

.video{clear: left; display: block; padding-bottom: 12px}

.video img{float: left; border: 0; margin: 0 10px 0 0; width: 220px;}

.videoText{float: left; width: 435px;}



#userFriendly {

	margin: 16px 0px;

	color: #999999;

}



a#addThis  {

	padding: 0px 5px 0px 25px;

	background: url(../images/bookmark-icon.gif) 4px 0px no-repeat;

}



a#emailPage {

	padding: 0px 5px 0px 25px;

	background: url(../images/email-icon.gif) 4px 0px no-repeat;

}



a#printPage {

	padding: 0px 5px 2px 25px;

	background: url(../images/print-icon.gif) 4px 0px no-repeat;

}





.bigCTA{

	padding: 5px 5px 15px 0px;

	margin: 0px 0px 10px 0px;

	background: url(../images/rightcolumn-shadow.gif) bottom center no-repeat;

	display: block;

	overflow: visible;

}



.bigCTA h2{

	background: url(../images/go-bullet.jpg) center right no-repeat;

	display: block;

	width: 100%;

	text-align: left;

	font-size: 18px;

	padding: 5px 0px;

	letter-spacing: -1px;

}



.bigCTA h2 a {

	color: #000000;

}





.linklist{

	width: 223px;

	margin: 0 0 20px 0;

}

.linklisttop {

	background: url(../images/link-list-top.jpg) top no-repeat;

	padding:0;

	margin: 0;

	display: block;

	width: 223px;

	height: 46px;

}



.linklisttop h2 {

	padding: 10px;

}

.linklist ul {

	list-style: none;

	background: url(../images/form-bg.jpg) repeat-x top;

	border: 1px solid #86b2d1;

	width: 205px;

	padding: 8px;

}



.linklist ul li {

	position: relative;

	list-style-type: none;

	padding: 6px 0;

	background: url(../images/link-list-bottom-border.jpg) bottom no-repeat;

	display: block;

}



.linklist ul li a {

	position: relative;

	background: url(../images/arrow-bullet.gif) right no-repeat;

	width: 200px;

	display: block;

}



/* Form  =====================================*/



.inside{

	width: 223px;

	margin: 0 0 8px 0;

}

.title {

	background: url(../images/link-list-top.jpg) top no-repeat;

	padding:0;

	margin: 0;

	display: block;

	width: 223px;

	height: 46px;

}



.title h2 {

	padding: 10px;

	font-size: 19px;

}

.inside ul {

	list-style: none;

	background: url(../images/form-bg.jpg) repeat-x top;

	border: 1px solid #86b2d1;

	width: 205px;

	padding: 8px;

}



.inside ul li {

	position: relative;

	list-style-type: none;

	padding: 6px 0;

	background: url(../images/link-list-bottom-border.jpg) bottom no-repeat;

	display: block;

}



.inside ul li a {

	position: relative;

	background: url(../images/arrow-bullet.gif) right no-repeat;

	width: 200px;

	display: block;

}



/* Form  =====================================*/



.forms {

	background: url(../images/form-bg.jpg) repeat-x top;

	border: 1px solid #d7d8c3;

	padding: 12px;

}

.forms h2 {

	font-size: 22px;

	color: #6b7e8c;

}

.forms ul li div {float: left;}





/* Customers  =====================================*/



#customerList {



}



#customerList ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#leftColumn #customerList li, #leftColumnFull #customerList li {

	position: relative;

	margin: 0 13px 10px 0;

	float: left;

	list-style-type: none;

	background: none;

}



#customerList span {

	display: block;

	width: 64px;

	height: 62px;

	position: absolute;

	top: 92px;

	left: 105px;

	background: url(../images/commerceEnabled.png) no-repeat;

}









/* Headings & Text  =====================================*/

a {color: #2f83cf; text-decoration: none;}

a:hover {color: #2f83cf; text-decoration: underline;}

h1{font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;}

h2{font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;}

h3{font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;}

h4{}

h5{}

h6{font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;}



.leadin{}



/* Footer =====================================*/

#footer{

	height: 415px;

	margin: 0;

	padding: 0;

	width: 100%;

	background: url(../images/footer-bg.jpg) top repeat-x;

}

#topFooter{

	width: 950px;

	height: 182px;

	margin: 0 auto;

	padding: 28px 0 0 0;

	color:#898a77;

	

	}

	

#topFooter a{

	color:#898a77;

	text-decoration: none;

}



#topFooter a:hover{

	color:#898a77;

	text-decoration: underline;

}	



#topFooter h3 {

	font-size: 14px; 

	padding: 0 0 10px 0;

	font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;}

#topFooter ul, #topFooter ul li {

	list-style-type: none;

}

#topFooter ul li {

	padding: 2px 0;

}

#topFooter ul{float: left; margin: 0 24px 0 0;}







#bottomFooter{

	width: 950px;

	margin: 0 auto;

	}

#footerNav {

	width: 920px;

	padding: 30px 0 0 16px;

	background: url(../images/bottom-footer-bg.jpg) top no-repeat; height: 66px;

}

#footerNav ul li {

	padding: 2px 0;

	display: inline;

	float: left;

	padding: 0 18px 0 0;

	color: #ffffff;

	font-weight: bold;

	font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;

 

}

#footerNav ul li a {

	color: #6b7e8c;

	font-size: 15px;

	font-weight: bold;

	font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;

}

#footerNav ul li a:hover {

	color: #ffffff;

	text-decoration: none;

}



#footerlinks{

	padding: 0 0 0 16px;

	

}

#footerlinks .left {margin-top: -10px;float: left; color: #898a77;}

#footerlinks .left h3{font-family: myriad, "myriad pro", "myriad web", "lucida grande", "lucida sans", sans-serif;}

#footerlinks .left span.small {color: #6b7e8c; font-size: 11px;}



#footerlinks .right {float: left;}

#footerlinks .right ul {width:535px; display: block; margin: -31px 0 0 0; padding: 0;}

#footerlinks .right ul li { 

	display: inline;

	float: right;

	height: 55px;

}



.footerNavCareers a{

	width: 100px;

	height: 55px;

	display: block;

	background: url(../images/careers-footer-nav.jpg)  no-repeat 0px 0px;

	text-indent:-9999px 

}



.footerNavCareers a:hover{

	background: url(../images/careers-footer-nav.jpg)  no-repeat 0px -56px;

} 



.footerNavSupport a{

	width: 124px;

	height: 55px;

	display: block;

	background: url(../images/support-footer-nav.jpg)  no-repeat 0px 0px;

	text-indent:-9999px 

}



.footerNavSupport a:hover{

	background: url(../images/support-footer-nav.jpg)  no-repeat 0px -56px;

} 



.footerNavContact a{

	width: 88px;

	height: 55px;

	display: block;

	background: url(../images/contact-footer-nav.jpg)  no-repeat 0px 0px;

	text-indent:-9999px 

}



.footerNavContact a:hover{

	background: url(../images/contact-footer-nav.jpg)  no-repeat 0px -56px;

} 



/* forms */



.requestDemoForm 

{

    border: 1px solid #c7c7c7;

    padding: 4px;

    color: #ffffff;

    margin: 10px 0px;

}



.requestDemoForm h5 

{

    font-size: 25px;

    margin: 5px 0px;

}



.requestDemoForm .required, .requestDemoForm span 

{

   color: #9dc0d9;   

   padding: 8px 0px 0px 0px;

}



.requestDemoForm .field 

{

    padding: 8px 0px 0px 0px;

}



.requestDemoForm .input 

{

    border:1px solid #364e5d;

    padding: 2px;

    width: 185px;

}



.requestDemoForm .button 

{

    padding: 8px 0px 0px 0px;

}



.requestDemoForm .privacy 

{

    font-size: 11px;

    color: #84aac5;

    padding: 4px 0px 0px 0px;

}



.requestDemoForm .formContent 

{

    background: url(../images/blue-gradient.gif) repeat-x #41657e;

    padding: 5px 10px 10px 10px;

}



/* bottom form */



.bottomForm 

{

    border: 1px solid #d7d8c3;

    padding: 4px;

    color: #333333;

    margin: 15px 0px;

}



.bottomForm .formContent 

{

    background: url(../images/form-bg.jpg) repeat-x #e9e9cd;

    padding: 5px 10px 10px 10px;

}



.bottomForm h6 

{

    font-size: 25px;

    color: #4a5c68;

    padding: 10px 0px 0px 0px;

    margin: 0px;

}



.bottomForm .field 

{

    padding: 0px 0px 2px 0px;

}



.bottomForm .required, .bottomForm span 

{

   color: #335f7d;   

   padding: 8px 0px 0px 0px;

}



.bottomForm .button 

{

    padding: 0px 0px 0px 0px;

}



.bottomForm .input 

{

    border:1px solid #a5acb2;

    padding: 2px;

    width: 185px;

}



.bottomForm textarea 

{

    border:1px solid #a5acb2;

    padding: 2px;

    width: 185px;

    height: 60px;

}



.clearLeft {

	clear: left;

}



/* 404 search */



#goog-fixurl {

	border: 1px solid #d7d8c3;

    padding: 4px;

    color: #333333;

    margin: 15px 0px;

	width: 500px;

}



#goog-wm {

	background: url(../images/form-bg.jpg) repeat-x #e9e9cd;

    padding: 5px 10px 10px 10px;

}



#goog-wm form {

	margin: 4px 0px;

	padding: 0px;

}



#goog-wm-qt {

	padding: 4px;

	font-size: 14px;

	border:1px solid #a5acb2;

}


/* ======== table styles */

.comparison {
	margin-bottom: 2em; 
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

	

.comparison td {
	padding: .3em .4em .3em .4em;
	vertical-align: top; 
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.tableHeader {
	background-color: #e2ecf4;
	font-weight: bold;
	color: #41657e;
	font-size: 14px;
}