html{ }
body{ padding: 0; margin: 0 auto; font-size: 14px; color:#3E3E3E;font-family:verdana,sans-serif;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;background-color: #ACDBF7;}

h1, h2, h3, h4, h5{ margin:5px 0;}
h1 {color:#3f3f3f;font-family:arial,sans-serif;font-size:3.7em;font-weight:bold;line-height:50px;letter-spacing:-3px;}
h2, h3 {margin: 5px 0 15px 0;}

h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; font-family: arial, sans-serif; }

p, ul {padding: 0 0 10px 0; margin: 0;}

p, ul li { font-size: 1em; }
form{ padding:0; margin:0; }

ul{ list-style-image:url(../img/web/list_bullet_blue.png); margin: 0 0 10px 0;}
ul li { margin: 10px 0 0 50px; }

a { font-weight:bold; text-decoration:none;  }
a:hover { text-decoration:underline;}
a img { border:none; }
a:active, a:focus, input[type="image"] {outline: 0;}

a.panel_link {
 font-weight:normal;
 color:#797979;
}

/* COLOUR: link blue */
a { color:#0f90cd; }

/* COLOUR: purple */
a:hover, 
	
	#subMenu .subMenuItem a:hover,
	#topMenu .inner #topMenuMain a.active:hover,
	#topMenu .inner #topMenuMain a.topMenuItem.active:hover { color:#8048a7; }

/* COLOUR: blue */

	#pageHome #mainContent #homePanels .homePanel h4,
	#contentPage #contentInsidePage .contentRow .blue h3, 
	#contentPage #contentInsidePage .contentColumn .blue h4,
	
	#pageLogin form#UserLoginForm input.bluebold,
	#topMenu .inner #topMenuMain div.currentLink,
	#subMenu .subMenuItem.currentLink div.currentLink,
	p.blue,
	#contentPage #contentInsidePage .contentRow .contact,
	#topText,
	.keyName:hover,
	#pageHome #scrollerMenu .scrollerMenuItem.active a,
	#pageDemo #demoTour a,
	#pageDemo #demoTour a:hover,
	#pageExamples #demoExamples a,
	#pageExamples #demoExamples a:hover { color: #10a1dc;}

/* Menu links */
/* COLOUR: white */
#getStartedBox .boxRow .box .innerBox,
	#topMenu .inner #topMenuMain a,
	#getStartedBox #getStartedLeaveItToUs .innerBox { color: #fff;}
	
#topMenu .inner #topMenuMain a.currentLink,
	#topMenu .inner #topMenuMain a.topMenuItem.active,
	.subMenuItemLink.active,
	#subMenu .subMenuItem a,
	#subMenu .subMenuItem .divider,
	#contentPage #contentInsidePage .contentRow .contentColumn1 h2 a,
	#contentPage #contentInsidePage .contentRow .contentColumn1 h2 a:hover,
	#pageDemo #demoExamples a,
	#pageDemo #demoExamples a:hover,
	#pageExamples #demoTour a,
	#pageExamples #demoTour a:hover { color: #383838; }

/* COLOUR:green */
#contentPage #contentInsidePage h4,
	#pageHome #mainContent #homePanels #homePanel1 { color: #98ce42;}

/* COLOUR: purple */
#pageHome #mainContent #homePanels #homePanel2 {color: #9656c4;}

/* COLOUR: orange */
#pageHome #mainContent #homePanels #homePanel3 {color: #edb32b; }

/* COLOUR: yellow */
#subMenu .subMenuItem .divider,
	#subMenu .subMenuItemLink, 
	#subMenu .subMenuItem a,
	#contentPage #contentInsidePage .contentRow .contentColumn1 .box.yellow { background-color: #f5f21d;}

/* COLOUR: sub menu green */
#subMenu .currentLink .subMenuItemLink, 
	#subMenu .currentLink .subMenuItem a,
	#subMenu .subMenuItemLink.currentLink, 
	#subMenu .subMenuItem.currentLink a, 
	#subMenu .subMenuItem.currentLink .divider {background-color: #f5f21d;}

#contentPage #contentInsidePage h3 { color: #97d337;}
img.bigBorder { border: solid 8px #dcdcdc;}

/* Main container */
#container { margin: 0 auto; background: #acdbf7 url(../img/web/main_bg.png) repeat-x top left;width: 100%;min-width: 980px;}
.pageContainer { width: 100%;}

/* Header */
#header {position: relative; width: 966px; margin: 0 auto; height: 85px;z-index: 999;}
#pageMigration #header, #pageLogin #header {height: 0;}
#pageMigration #backToHome a, #pageLogin #backToHome a { display: block; width: 123px; height: 128px; position: absolute; top: 0; right: 0;text-indent: -9999px; background: url(../img/web/login_backbutton.png) no-repeat 0 0;z-index: 2001;cursor: pointer;}
#pageMigration #backToHome a:hover, #pageLogin #backToHome a:hover { background-position: 0 -128px;}

/* Logo */
#header #logo {float: left;position: relative; z-index: 1000; margin: 0 0 0 10px; top: 10px;}
#header #logo img {position: relative; z-index: 1000; width: 380px; height: 70px;}

#topText { float: left; margin: 20px 0 0 60px; width: 415px;height: 46px;position: relative;padding: 4px 0 0 4px;}
#topText:hover {background: url(../img/web/newsticker_bg.png) no-repeat left top;}

/* Click to see examples */
#examples { position: absolute; top: 0; left: 375px;z-index: 2000;}

/* Login button */
#login { float: right; position: relative; margin: 0 30px 0 0;background: url(../img/web/controlpanel_home.png) no-repeat top left; width: 137px; height: 46px;z-index: 1000;}
#login a {margin: 5px auto 0 auto;display:block; width: 119px; background: url(../img/web/login_button.png) no-repeat top left; height: 30px;font-size: 0;}
#login a:hover {background-position: 0 -30px;text-indent: -9999px; }

/* Top menu bar */
#pageMenu { width: 100%; height: 68px;}
#topMenu { width: 100%; background: url(../img/web/menu/menuBarBg.png) repeat-x top left;height: 44px;position: relative; z-index: 998;}
#topMenu .inner { width: 966px; margin: 0 auto; padding: 5px 0 0 0;}
#topMenu .inner #topMenuMain{
	height: 30px;
	width: 750px;
}
#topMenu .inner #topMenuMain .topMenuItem{ height: 30px; }
#topMenu .inner #topMenuMain a, #topMenu .inner #topMenuMain .currentLink{ float: left; margin: 0; text-align: center; line-height: 30px;font-weight: bold;height: 35px;padding: 0 5px 0 3px;}
#topMenu .inner #topMenuMain a.login { width: 51px;color: #97d333;}
#topMenu .inner #topMenuMain a.login:hover { color: #f6f21d;}

#topMenu .inner #topMenuMain .menuDivider { float: left;}
#topMenu .inner #topMenuMain .currentLink{ background-position: 4px -30px; height: 39px;}
#topMenu .inner #topMenuMain .active{ background-position: 4px -30px; height: 39px;}
#topMenu .inner #topMenuMain .inactive{ background-position: 4px 30px; height: 30px;}
#topMenu .inner #topMenuMain .currentLink.inactive{ background-position: 4px 0px; height: 30px;}

#topMenu .inner #topMenuMain .active#topMenuHome, #topMenu .inner #topMenuMain .active#topMenuContact { height: 30px;}
#topMenu .inner #topMenuHome { background: url(../img/web/menu/menuTopHome.png) no-repeat 4px 30px;width: 62px; }
#topMenu .inner #topMenuDemo { background: url(../img/web/menu/menuTopDemo.png) no-repeat 4px 30px;width: 62px; }
#topMenu .inner #topMenuCompany { background: url(../img/web/menu/menuTopCompany.png) no-repeat 4px 30px;width: 90px;}
#topMenu .inner #topMenuContact { background: url(../img/web/menu/menuTopContact.png) no-repeat 4px 30px;width: 78px;}
#topMenu .inner #topMenuBuild { background: url(../img/web/menu/menuTopBuild.png) no-repeat 4px 30px;width: 104px; }
#topMenu .inner #topMenuDelivery { background: url(../img/web/menu/menuTopDelivery.png) no-repeat 4px 30px;width: 113px;}
#topMenu .inner #topMenuPartner { background: url(../img/web/menu/menuTopPartner.png) no-repeat 4px 30px;width: 90px;}
#topMenu .inner #topMenuSolutions { background: url(../img/web/menu/menuTopSolutions.png) no-repeat 4px 30px;width: 86px;}
#topMenu .inner #topMenuAwards { background: url(../img/web/menu/menuTopAwards.png) no-repeat 4px 30px;width: 78px;}

/* Top menu bar sub menu */
#subMenuContainer {  position: relative;z-index: 997;height: 28px;min-height: 28px; max-height: 28px;}
#subMenu { font-size: 0.9em;position: relative; margin: 0; z-index: 999; height: 28px;min-height: 28px; max-height: 28px;width: 100%; clear: left; top: -4px;}
#subMenu .subMenuItem .subMenuRight { float: left; height: 28px; width: 9px;background:url(../img/web/menu/sub_menu_right.png) no-repeat top right;}
#subMenu .subMenuItem.currentLink .subMenuRight { background:url(../img/web/menu/sub_menu_right.png) no-repeat top right;}
#subMenu .subMenuItem .subMenuLeft { float: left; height: 28px; width: 9px;background:url(../img/web/menu/sub_menu_left.png) no-repeat top right;}
#subMenu .subMenuItem.currentLink .subMenuLeft { background:url(../img/web/menu/sub_menu_left.png) no-repeat top right;}
#subMenu .subMenuItem{ height: 28px; margin: 0 0 0 9px;}
#subMenu .subMenuItem .divider{ float: left;height: 28px;padding: 0 5px; line-height: 28px;font-weight: bold;}
#subMenu .subMenuItem .divider img { margin: 6px 0;}
#subMenu .subMenuItemLink, #subMenu .subMenuItem a { display:block; height: 28px; line-height: 28px; float: left; padding: 0;font-weight: bold;}

#subMenu .subMenuItem a:hover,
	#topMenu .inner #topMenuMain a.active:hover,
	#topMenu .inner #topMenuMain a.topMenuItem.active:hover	{text-decoration:none;}

/* Main content */
#content { clear:both; width: 966px; margin: 10px auto 0 auto;position: relative;z-index: 1001;}

/* Get started button */
#callToAction {position:absolute; top: 24px; right: 25px;}


#callToAction #getStarted a,
	#callToAction #callUs a,
	#callToAction #buyNow a,
	#callToAction #waplSignUp a { width: 194px; height: 82px; display: block;text-indent: -9999px;}	 
#callToAction #getStarted a {background: url(../img/web/cta_getstart.png) no-repeat top left; }
#callToAction #getStarted a:hover {background-position: 0 -82px;}




#callToAction #callUs a {background: url(../img/web/cta_callus.png) no-repeat top left; }
#callToAction #callUs a:hover {background-position: 0 -82px;}

#callToAction #buyNow a {background: url(../img/web/cta_buynow.png) no-repeat top left; }
#callToAction #buyNow a:hover {background-position: 0 -82px;}

/* Home page scroller */
/* Scroller window */
#pageHome #scrollerWindow { float: left; height: 422px;background: url(../img/web/slider_bg.png) no-repeat top left ; width: 935px;}
#pageHome #scrollerWindow .scrollerWindowControl { width: 52px; height: 53px;position: absolute; top: 170px;z-index: 2001;cursor: pointer;}
#pageHome #scrollerWindow #scrollerWindowControlLeft {left:-25px;background: url(../img/web/slide_leftoff.png) no-repeat left top;}
#pageHome #scrollerWindow #scrollerWindowControlLeft:hover { background-position: 0 -53px;}
#pageHome #scrollerWindow #scrollerWindowControlRight {right: 5px;background: url(../img/web/slide_rightoff.png) no-repeat left top;}
#pageHome #scrollerWindow #scrollerWindowControlRight:hover { background-position: 0 -53px;}

#pageHome #scrollerWindow #scrollerWindowInner { width: 930px; height: 400px;overflow: hidden; position: relative; left: 2px;}

/* Scroll window and slides */
#pageHome #scroller {width: 10000px;height:100%; position: relative; top: 0;}
#pageHome #scrollerContainer { width: 966px; margin: 0 auto;position: relative; z-index: 1000; }
#pageHome .scrollerSlide { float:left;height: 100%; width: 930px;position: relative;}
#pageHome .scrollerSlide h1, #pageHome .scrollerSlide h2 { text-indent: -9999px; width: 530px; height: 130px;}
#pageHome #scrollerSlide1 h1 {background: url(../img/web/slidetitle_intro.png) no-repeat top left;}
#pageHome #scrollerSlide3 h2 {background: url(../img/web/slidetitle_perfect.png) no-repeat top left;}
#pageHome #scrollerSlide4 h2 {background: url(../img/web/slidetitle_expertise.png) no-repeat top left;}
#pageHome #scrollerSlide5 h2 {background: url(../img/web/slidetitle_mobileadvertising.png) no-repeat top left;}
#pageHome #scrollerSlide6 h2 {background: url(../img/web/slidetitle_architect.png) no-repeat top left;}
#pageHome #scrollerSlide1 {background: url(../img/web/slides/intro.png) no-repeat right 3px;}
#pageHome #scrollerSlide2 {background: url(../img/web/slides/canvas.png) no-repeat right 3px;}
#pageHome #scrollerSlide3 {background: url(../img/web/slides/perfect.png) no-repeat right 3px;}
#pageHome #scrollerSlide4 {background: url(../img/web/slides/expertise.png) no-repeat right 3px;}
#pageHome #scrollerSlide5 {background: url(../img/web/slides/advertising.png) no-repeat right 3px;}
#pageHome #scrollerSlide6 {background: url(../img/web/slides/beta.png) no-repeat right 3px;}
#pageHome .scrollerSlide .slideText { width: 410px; float: left;padding: 0; margin: 25px 0 0 20px; height: 87%;position: relative;}
#pageHome .scrollerSlide .slideText.slideText1 { width: 460px;}
#pageHome .scrollerSlide .slideText p {}
#pageHome .scrollerSlide .slideText .readMore { font-size: 1.2em; float: right; margin: 5px 0 0 0; text-decoration:underline; background:  url(../img/web/readmore_small_home.png) no-repeat  left top;text-indent: -9999px; height: 25px;width: 115px; cursor: pointer;}
#pageHome .scrollerSlide .slideText .readMoreArchitect { font-size: 1.2em; float: right; margin: 5px 0 0 10px; text-decoration:underline; background:  url(../img/web/home_architectbetatest.png) no-repeat  left top;text-indent: -9999px; height: 30px;width: 251px; cursor: pointer;}

#pageHome .scrollerSlide .slideText .readMore:hover, #pageHome .scrollerSlide .slideText .readMoreArchitect:hover {color: #e54242; background-position: 0 -25px;}
#pageHome .scrollerSlide .slideText strong { color: #31aee8; }
#pageHome .scrollerSlide .slideText em { font-style:normal; color: #3ac9f3; font-size: 1.1em;}
#pageHome .scrollerSlide .slideText .slideTextBody { margin: 10px 0 0 10px;font-weight: 1.2em; clear: left;}
#pageHome .scrollerSlide .slideImage { width: 454px; float: right; height: 323px;margin:25px 12px 0 0; background: url(../img/web/slide_image_placeholder1.html) no-repeat top left;}
#pageHome .scrollerSlide .slideImage img {width: 434px; height:315px;margin: 2px;}

#pageHome #scrollerSlidePointer {width: 39px; height: 15px;position: relative; left: 88px;top: 0;}


/* Scroll menu */
#pageHome #scrollerMenu { width: 858px;margin: 0 auto;position: relative; top: -6px; z-index: 1001;}

#pageHome #scrollerMenu .scrollerMenuItem { float: left; text-align: center; width: 143px;margin: 10px 0 0 0;}

#pageHome #scrollerMenu .scrollerMenuItem .scrollerMenuItemScreenshot { height: 77px; margin: 0;cursor: pointer;}


#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot1 {background: url(../img/web/slides/slider_thumb_1.png) no-repeat center top;}
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot1:hover {background-position: 0 -77px;}
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot2 {background: url(../img/web/slides/slider_thumb_2.png) no-repeat center top; }
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot2:hover {background-position: 0 -77px;}
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot3 {background: url(../img/web/slides/slider_thumb_3.png) no-repeat center top; }
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot3:hover {background-position: 0 -77px;}
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot4 {background: url(../img/web/slides/slider_thumb_4.png) no-repeat center top; }
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot4:hover {background-position: 0 -77px;}
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot5 {background: url(../img/web/slides/slider_thumb_5.png) no-repeat center top; }
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot5:hover {background-position: 0 -77px;}
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot6 {background: url(../img/web/slides/slider_thumb_7.png) no-repeat center top; }
#pageHome #scrollerMenu .scrollerMenuItem #scrollerMenuItemScreenshot6:hover {background-position: 0 -77px;}
#pageHome #scrollerMenu .scrollerMenuItem a{ color: #fff; font-family: arial; }
#pageHome #scrollerMenu #architectSignup { float: right;margin-top: 5px;}


/* Home page main content */
#pageHome #mainContent { margin: 0 0 0 3px; width: 929px;background: url(../img/web/home_stretch_content.png) repeat-x top left;}
#pageHome #mainContent #homePanels{ margin: 0 0 0 10px;}
#pageHome #mainContent #homePanels .homePanel, #pagePublishingSolutions .panel{float: left; margin: 0 10px 0 0;width: 276px; padding: 20px 15px 0px 5px;}
#pagePublishingSolutions .panel { padding: 20px 5px 0 0 ;}

/* Home page panels*/
#pageHome #mainContent #homePanels #homePanel1 {background: #fff url(../img/web/home_diy_top.png) no-repeat top left;}
#pageHome #mainContent #homePanels #homePanel2 {background: #fff url(../img/web/home_leaveit_top.png) no-repeat top left;}
#pageHome #mainContent #homePanels #homePanel3, #pagePublishingSolutions .panel {background: #fff  url(../img/web/home_why_use_wapple.png) no-repeat top left;}
#pageHome #mainContent #homePanels .homePanel h2, #pageHome #mainContent #homePanels .homePanel h2, #pagePublishingSolutions #contentPage #contentInsidePage .contentRow .panel h2 { width: 100%; margin: 5px 0 10px 10px;}
#pageHome #mainContent #homePanels .homePanel h2, #pagePublishingSolutions .panel h2 { margin-bottom: 0;}
#pageHome #mainContent #homePanels .homePanel h3, #pagePublishingSolutions .panel h3 { font-size: 1.2em;margin: 0 0 20px 10px;}
#pageHome #mainContent #homePanels .homePanel img, #pagePublishingSolutions .panel img { float: left; margin: 0;}
#pageHome #mainContent #homePanels .homePanel .panelText, #pagePublishingSolutions .panel .panelText { margin: 5px 0 0 55px; color: #797979; height: 110px; min-height: 110px;}
#pageHome #mainContent #homePanels .homePanel h4, #pagePublishingSolutions .panel h4 { font-size: 1em;padding: 0;}

/* Home page panel bottom options */
#pageHome #mainContent .homePanelOptions, #pagePublishingSolutions .panel .homePanelOptions {margin: 0 0 0 10px;}
#pageHome #mainContent .panelOptions, #pagePublishingSolutions .panel .panelOptions {float: left; margin: 20px 10px 0 0;width: 276px; padding: 10px 15px 20px 5px; background-color: #fff;height: 30px;}
#pagePublishingSolutions .panel .panelOptions  { padding-right: 5px;}

#pageHome #mainContent .panelOptions a, #pagePublishingSolutions .panel .panelOptions a { display:block;width: 153px; height: 33px;text-indent: -9999px;}
#pageHome #mainContent .panelOptions a.getStarted, #pagePublishingSolutions .panel .panelOptions a.getStarted{ background: url(../img/web/get_started_home.png) no-repeat left top;}
#pageHome #mainContent .panelOptions a.getStarted:hover, #pagePublishingSolutions .panel .panelOptions a.getStarted:hover{ background-position: 0 -33px;}
#pageHome #mainContent .panelOptions a.callNow, #pagePublishingSolutions .panel .panelOptions a.callNow{ background: url(../img/web/call_us_now.png) no-repeat left top;}
#pageHome #mainContent .panelOptions a.callNow:hover, #pagePublishingSolutions .panel .panelOptions a.callNow:hover{ background-position: 0 -33px;}


/* Any other content pages */
#contentPage, #contentPageFooter { width: 966px; margin: 0 auto; position: relative;}
#contentPage { background: url(../img/web/content_page_graphic.png) no-repeat 10px top; z-index: 998; padding: 0 0 0 10px;margin-top: 10px;}
#contentTop { z-index: 998; padding: 0 10px 0 20px;margin-top: 10px;position: relative;z-index: 2001;clear: both; }
#pageHome #contentPage { background: url(../img/web/content_page_graphic2.png) no-repeat 10px -1px; }

/* Content page header and menu */
#contentPage #contentPageHeader { width: 100%; margin: 0 0 20px 0; padding: 10px 0 10px 10px;}
#contentPage h1 { float: left; font-size: 4em; margin: 0 0 10px 0; color: #525252;line-height: 50px;}
* #contentPage h1 {*padding: 0 0 0 0; *line-height: 62px;}

#contentPage #contentInsidePage h2 { float: left; font-size: 1.9em; margin: 2px 0 0 0;clear: left;letter-spacing: -0.05em; font-family:arial,sans-serif; color: #797979;}
#contentPage h1.wide, #contentPage h2.wide { width: 90%;}
#contentPage #contentPageText #pageMenu div.currentLink { color: #535353; } 
#contentPage #contentPageText #pageMenu { margin: 7px 0 0 0;}
#contentPage #contentPageText #pageMenu a:hover{ color: #f7f036;}
#contentPage .leftImage { float: left; margin: 0 30px 25px 0;}
#contentPage .rightImage { float: right; margin: 0 0 25px 30px;}
#contentPage .gradientBlock { background: url(../img/web/list_page.png) repeat-x bottom left;}
#contentPage .gradientBlock .text { margin: 0 0 0 158px;padding: 0 0 10px 0;}

/* Inside content pages*/
#contentPage #contentInsidePage { width: 935px;position: relative;}

/* Content page footer */
#contentPageFooter {background: url(../img/web/content_page_graphic_footer.png) no-repeat 10px bottom; height: 23px; z-index: 997; margin: 0 auto 46px auto;position: relative; left: -1px; width: 965px;z-index: 997;}
#contentPage #contentPageText { padding: 20px; margin: 0 5px 0 0;}

/* Content page side item */
#contentPage .contentPageSideItem { background: url(../img/web/content_page_sideitem.png) no-repeat top left; float: left; width: 228px; height: 277px; margin: 0 0 20px 20px; color: #fff;}
#contentPage .contentPageSideItem .inner{ padding: 5px; height: 100%; width: 94%;}
#contentPage .contentPageSideItem h3 { text-align: center; color: #fff;}
#contentPage .contentPageSideItem ul{ list-style-image:url(../img/web/list_bullet_white.png); }
#contentPage .contentPageSideItem ul li { margin-left: 25px;}
#contentPage #contentPageBody { margin: 8px 0 0 0; width: 67%; }
#contentPage #contentPageBody.wide { width: 100%;position: relative;}

/* Canvas content page */
#contentPageMenuContainer { float: right; text-align: right; width: 200px; }
#contentPageMenuContainer a { font-size: 16px; font-weight:bold; line-height:20px; text-decoration:none; font-family:arial,sans-serif;}
#contentPage h3, #contentPage h3 { letter-spacing: -1px;}
#contentPage #contentInsidePage h2 { width: 84%;}
#contentPage h3 { font-size: 1.7em; padding: 0;}
#contentPage h4 { font-size: 1.5em; padding: 3px 0 0 0; font-family:Arial, Helvetica CE, sans-serif;}

/* Social bookmarks */
#contentPage #socialBookMarks ul { }
#contentPage #socialBookMarks ul li{ list-style-image: none; list-style:none; padding: 0 0 0 20px; margin: 0 20px 0 0;float: left;}
#contentPage #socialBookMarks li.delicious { background: url(../img/web/socialBookmarks/delicious.html) no-repeat  left top;}
#contentPage #socialBookMarks li.digg { background: url(../img/web/socialBookmarks/digg.html) no-repeat  left top;}
#contentPage #socialBookMarks li.facebook { background: url(../img/web/socialBookmarks/facebook.html) no-repeat  left top;}
#contentPage #socialBookMarks li.reddit { background: url(../img/web/socialBookmarks/reddit.html) no-repeat  left top;}
#contentPage #socialBookMarks li.stumbleupon { background: url(../img/web/socialBookmarks/stumbleupon.html) no-repeat  left top;}


/* Content page rows and cells */
#contentPage #contentInsidePage .contentRow { width: 100%; margin: 0 0 35px 0; clear:left;}
#contentPage #contentInsidePage .contentRow div.alignCenter { width: 100%; margin: 0 auto; text-align: center; padding-left: 0; clear:left;}
#contentPage #contentInsidePage .contentRow div.noPaddingLeft{ padding-left: 0; padding-right: 40px;}
#contentPage #contentInsidePage .contentRow div.noPaddingLeft10{ padding-left: 10px; padding-right: 30px;}
#contentPage #contentInsidePage .contentRow h2 { width: 70%;}
#contentPage #contentInsidePage .contentRow .backToTop { float: right; text-align: right; margin: 10px 20px 0 0; font-weight: bold; width: 220px;}
#contentPage #contentInsidePage .contentRow .list ul li{ list-style-type:none;list-style-image:none; clear: left;margin-left: 20px;}
#contentPage #contentInsidePage .contentRow .list li li{ list-style-image:url(../img/web/list_bullet_blue.png); margin-left: 70px;}
#contentPage #contentInsidePage .contentRow .list ul li img{vertical-align: middle; margin: 0 10px 0 0;}
#contentPage #contentInsidePage .contentRow p.small{ font-size: 0.8em;}
#contentPage #contentInsidePage .contentRow .contentColumn1 { width: 90%; padding: 0 0 0 40px;}
#contentPage #contentInsidePage .contentRow .contentColumn1 h2 a{cursor: text;text-decoration:none;}
#contentPage #contentInsidePage .contentRow .contentColumn1 .box{ width: 270px; height: 50px; float: left; margin-right: 10px;text-align: center; line-height:25px; font-size: 1.2em;font-weight: bold;}
#contentPage #contentInsidePage .contentRow .contentColumn1 .box.gray{ background-color: #525252;color: #cf4838;}
#contentPage #contentInsidePage .contentRow .bigBorder img { border:solid 8px #e4e4e4;}
#contentPage #contentInsidePage .center { text-align:center;}
#contentPage #contentInsidePage .contentRow .contentColumn2 { width: 42%; float: left; padding: 0 0 0 40px;display:table-cell; vertical-align: middle; height: 100%;}


#contentPage #contentInsidePage .contentRow ul li.noMargin,
	#contentPage #contentInsidePage .contentRow ul li.noMargin {margin: 0;}

#contentPage #contentInsidePage .contentRow .contentColumn2.green ul,
	#contentPage #contentInsidePage .contentRow .contentColumn2.blue ul { padding: 20px 0 0 0;list-style-image:none;list-style-type:none; margin: 0 0 20px 0;}
#contentPage #contentInsidePage .contentRow .contentColumn2.green ul li,
	#contentPage #contentInsidePage .contentRow .contentColumn2.blue ul li { padding: 0 0 0 10px;margin: 10px 0 30px 0; }
#contentPage #contentInsidePage .contentRow ul li img,
	#contentPage #contentInsidePage .contentRow ul li img {float: left;margin: 0 10px 0 0;}
#contentPage #contentInsidePage .contentRow ul li div.text,
	#contentPage #contentInsidePage .contentRow ul li div.text {margin: 0 20px 0 67px; padding: 7px 0 0 0;}

#contentPage #contentInsidePage .contentRow .contentColumn2.noPadding { padding: 0;}
#contentPage #contentInsidePage .contentRow .contentColumn3 { width: 26%; float: left; padding: 0 0 0 40px;}
#contentPage #contentInsidePage .contentRow .contentColumn4 { width: 60%; float: left;padding: 0 0 0 40px;}
#contentPage #contentInsidePage .contentRow .contentColumn5 { width: 30%; float: left;padding: 0 0 0 40px;}
#contentPage #contentInsidePage .contentRow .contentColumn6 { width: 55%; float: left;padding: 0 0 0 40px;}
#contentPage #contentInsidePage .contentRow .contentColumn7 { width: 57%; float: left;padding: 0 0px 0 40px;}
#contentPage #contentInsidePage .contentRow .contentColumn8 { width: 45%; float: left;padding: 0 0px 0 40px;}

#contentPage #contentInsidePage .contentRow .top {padding-top: 3%;}
#contentPage #contentInsidePage .contentRow .middle {padding-top: 8%;}
#contentPage #contentInsidePage .contentRow .bottom {padding-top: 13%;}

#contentPage #contentInsidePage .contentRow .blue ul{ background: url(../img/web/content_columnbg1.png) repeat-x left top; margin: 0 5px 0 0; padding: 10px 0 0 30px; min-height: 400px;}
#contentPage #contentInsidePage .contentRow .green ul{ background: url(../img/web/content_columnbg2.png) repeat-x left top;margin: 0 5px 0 0; padding: 10px 0 0 30px;min-height: 400px;}
#contentPage #contentInsidePage .contentRow label{ font-weight: bold; float: left; }
#contentPage #contentInsidePage .contentRow div.input{margin: 0 0 20px 0;}
#contentPage #contentInsidePage .contentRow div.submit input{margin: 20px 0 0 0;}

#contentPage #contentInsidePage .contentRow div.text{margin: 0;}
#contentPage #contentInsidePage .contentRow .infoLine { margin: 20px 0 20px 0;}
#contentPage #contentInsidePage .contentRow .infoLine div.text{ margin-left: 95px;}
#contentPage #contentInsidePage .contentRow span.required{color: #cc3b2a;font-size: 1em;position: relative; height: 1px; font-weight: bold; margin: 0 0 0 2px; }
#contentPage #contentInsidePage .contentRow .contact {clear: left;width: 100%;height: 30px; font-size: 20px; font-weight: bold;background-color: #f0f0f0;border: solid 2px #bebebe; margin: 3px 0 0 0;}
#contentPage #contentInsidePage .contentRow #contact_em { font-size: 11px; font-weight: normal; }
                                                                     
#contentPage #contentInsidePage .contentRow .contact.submit {width: 75px;}
#contentPage #contentInsidePage .contentRow textarea.contact {height: 200px;font-family: verdana,sans-serif;}
#contentPage #contentInsidePage .contentRow .error-message {color: #cc3b2a; margin-bottom: 10px; }
#contentPage #contentInsidePage .contentRow .reg-error-message {color: #cc3b2a;}
#contentPage #contentInsidePage .highlight { color: #cc3b2a; font-weight: bold;}

/* Custom background and positioning on rows on pages */
#pageBuild #contentRow2, #pageBuild #contentRow3 { position: relative;top: -20px;}
#pageMobileAdvertisingPack #contentRow1{ background: url(../img/web/box_advertising.jpg) no-repeat scroll 90% top; height: 344px;}

#pageMobileAdvertisingPack #contentInsidePage #contentRow1 .contentColumn4,
	#pageMobileContentStorePack #contentInsidePage #contentRow1 .contentColumn4,
	#pageMobileCommercePack #contentInsidePage #contentRow1 .contentColumn4,
	#pageMobilePublishingPack #contentInsidePage #contentRow1 .contentColumn4,
	#pageFree #contentInsidePage #contentRow1 .contentColumn4,
	#pageStarterPack #contentInsidePage #contentRow1 .contentColumn4
	{ width: 55%; }

#contentPage #contentInsidePage .contentRow.moveUp { position: relative; top: -30px;}
#contentPage #contentInsidePage .contentRow.moveUpMiddle { position: relative; top: -80px;}
#contentPage #contentInsidePage .contentRow.moveUpSmall { position: relative; top: -20px;}

#contentRowGetStarted { position: relative; top: -70px;}
#pageFree #contentRow2, #pageFree #contentRow3{ position: relative; top: -100px;}
#pageMobileContentStorePack #contentRow1{ background: url(../img/web/box_content.jpg) no-repeat scroll 88% top; height: 344px;}
#pageMobileCommercePack #contentRow1{ background: url(../img/web/box_commerce.jpg) no-repeat scroll 88% top; height: 344px;}
#pageMobilePublishingPack #contentRow1{ background: url(../img/web/box_publishing.jpg) no-repeat scroll 88% top; height: 344px; }
#pageFree #contentRow1{ background: url(../img/web/box_free.jpg) no-repeat scroll 88% top; height: 344px; }
#pageStarterPack #contentRow1{ background: url(../img/web/box_basic.jpg) no-repeat scroll 88% top; height: 344px; }

/* Content page footer (black background */
#contentPage .contentfooter {width:929px; padding: 10px 0 20px 0; background: #383838;margin: 0 3px;position: relative; top: 17px;}
#contentPage #contentfooterBottom {background: url(../img/web/contentPageFooter.png) no-repeat 3px bottom; position: relative; width: 932px;z-index: 2001;top: 14px; height: 31px;}
#contentPage #contentInsidePage .contentfooter h3 {color:#cf4838;}
#contentPage .contentFooterBox {float:left; text-align:left; width:44%; line-height:24px;margin: 0 0 0 40px;}
#contentPage .contentFooterBox a {color: #fff;}
#contentPage #contentFooterBox2 {background:url(../img/web/content_calltoaction_background.png) no-repeat left top; margin: 20px 40px 0 0; float: right; padding: 10px;color: #fff; width: 375px; font-size: 1.2em;height: 199px;}
#contentPage #contentFooterBox2 .inner { margin: 65px 10px 0 10px;}

#contentPage #contentFooterBox4 { no-repeat left top; margin: 20px 40px 0 0; float: right; padding: 10px;color: #fff; width: 375px; font-size: 1.2em;height: 199px;}
#contentPage #contentFooterBox4 .inner { margin: 65px 10px 0 10px;}

#contentPage .contentFooterBoxPack {width: 391px; height: 189px; color: #fff;position: relative; top: 15px; left: 5px;}
#contentPage .contentFooterBoxPack .inner { padding: 65px 20px 0 20px;font-size: 1.2em;}

#contentPage #getStartedMAP {background: url(../img/web/subfooter_cta_advertising.png) no-repeat left top; }
#contentPage #getStartedMCP {background: url(../img/web/subfooter_cta_content.png) no-repeat left top; }
#contentPage #getStartedMCoP {background: url(../img/web/subfooter_cta_commerce.png) no-repeat left top; }
#contentPage #getStartedMPP {background: url(../img/web/subfooter_cta_publishing.png) no-repeat left top; }
#contentPage #getStartedBSL {background: url(../img/web/subfooter_cta_starter.png) no-repeat left top; }
#contentPage #getStartedFMS {background: url(../img/web/subfooter_cta_free.png) no-repeat left top; }

/*
#contentPage .contentFooterBoxPack a { display: block; width: 80px; height: 20px; text-indent: -9999px;position: relative; top: 30px;left: 10px;}


#contentPage .contentFooterBoxPack a.signup { background: url(/img/web/comparrison_signup.png) no-repeat left top;width: 80px; height: 20px; }
#contentPage .contentFooterBoxPack a.signup:hover { background-position: 0 -20px;}

#contentPage .contentFooterBoxPack a.buynow { background: url(/img/web/comparrison_buynow.png) no-repeat left top;width: 80px; height: 20px; }
#contentPage .contentFooterBoxPack a.buynow:hover { background-position: 0 -20px;}
*/







/*404 error page */
#page404Error #contentPage #contentInsidePage { background: url(../img/web/background_404.png) no-repeat top right;}
#page404Error #contentPage #contentInsidePage h1 {color: #cf4838;}

/* Press & case studies */
.press { clear:left; margin: 0 0 5px 0;}
.press img { float: left;vertical-align:top;}
.pressArticle img, .caseStudy img { float: left;vertical-align:top; margin: 0 25px 25px 0;}
#contentPage #contentInsidePage .contentRow .pressArticle .text { margin-left: 217px;}
.press .headline, .press .article { margin-left: 100px;}
.press .headline h3 { float: left;}
.press .headline .date { margin: 10px 0 0 10px; font-weight: bold;}

.caseStudy p.text { margin-left: 230px;}
.caseStudy #caseStudyQuote { background: url(../img/web/caseStudyQuoteTop.png) no-repeat top left; width: 857px;margin: 0 0 25px 0;}
.caseStudy #caseStudyQuote #caseStudyQuoteBottom { width: 100%; height: 91px; background: url(../img/web/caseStudyQuoteBottom.png) no-repeat bottom left;}
.caseStudy #caseStudyQuote h3{ margin: 0 20px;position: relative; top: 20px;}

.pagination { }
.pagination .paginationPrev, .pagination .paginationNumbers, .pagination .paginationNext{ float: left;}
.pagination .paginationNumbers{margin: 0 20px; }


/* Meet the team */
.team { clear: left; margin: 0 0 5px 0;}
.team a img {float: left; }
.team .bio {margin-left: 150px;}

/* Products page */
.products { margin: 0 0 10px 0;}
.products img { float: left; margin: 0 20px 0 0; width: 150px;}

/* Get started page */
#getStartedBox { background: url(../img/web/getStartedBg.png) no-repeat left top;width: 891px; height: 780px; margin: 0 0 10px 20px; padding: 0 0 0 15px;position: relative;}

#getStartedBox #getStartedLeaveItToUs { background: url(../img/web/getStartedLeaveItToUs.png) no-repeat left top; width: 433px; height: 260px;right: 15px;position: relative;float: right;z-index: 2001;}
#getStartedBox #getStartedLeaveItToUs .innerBox{padding: 80px 20px 0 30px; font-weight: bold; line-height: 20px;position: relative; z-index: 1001;}

/*#getStartedBox #getStartedLeaveItToUs .innerBox a { position: relative; z-index: 1001;}*/

#getStartedBox #getStartedLeaveItToUs .options { position: absolute; bottom: 15px; right: 20px; height: 50px;}
#getStartedBox #getStartedLeaveItToUs .options a { margin-bottom: 4px; width: 153px; height: 33px;text-indent: -9999px;display: block;background: url(../img/web/call_us_now.png) no-repeat left top;}
#getStartedBox #getStartedLeaveItToUs .options a:hover{ background-position: right -33px;}


#getStartedBox .boxRow { margin: 20px 0 0 0;clear: left;position: relative; z-index: 1000;height: 230px;}
#getStartedBox .boxRowIntro { margin: 0; height: 260px;}
#getStartedBox .boxRow .box{ float: left; width: 273px; height: 230px; margin:0 20px 0 0;position: relative;}
#getStartedBox .boxRow .box .innerBox { position: relative; width: 243px; top: 50px; left: 20px; font-weight: bold;line-height: 20px;}
#getStartedBox .boxRow .box .options { position: absolute; bottom: 15px; left: 15px; height: 50px;}
#getStartedBox .boxRow .box .options a {margin-bottom: 4px; width: 115px; height: 25px;text-indent: -9999px;display: block;}

#getStartedBox .boxRow .box .options a.signup { background: url(../img/web/signup_small.png) no-repeat left top;}
#getStartedBox .boxRow .box .options a.signup:hover { background-position: 0 -25px;}

#getStartedBox .boxRow .box .options a.readMore { background: url(../img/web/readmore_small.png) no-repeat left top;}
#getStartedBox .boxRow .box .options a.readMore:hover { background-position: 0 -25px;}

#getStartedBox .boxRow#boxRow3 { }
#getStartedBox .boxRow .box#boxIntro {}

#getStartedBox .box#boxIntro .innerBox{ color: #fff;width: 400px;left: 10px;top: 80px;}
#getStartedBox .boxRow .box#box1{background: url(../img/web/getStartedMAP.png) no-repeat left top;}
#getStartedBox .boxRow .box#box2{background: url(../img/web/getStartedMCP.png) no-repeat left top;}
#getStartedBox .boxRow .box#box3{background: url(../img/web/getStartedFMS.png) no-repeat left top;}
#getStartedBox .boxRow .box#box4{background: url(../img/web/getStartedMcoP.png) no-repeat left top;}
#getStartedBox .boxRow .box#box5{background: url(../img/web/getStartedBSL.png) no-repeat left top;}
#getStartedBox .boxRow .box#box6{background: url(../img/web/getStartedMPP.png) no-repeat left top;}

/* Package Comparison*/
#pagePackageComparison table.chart{width: 100%; border-collapse: collapse}
#pagePackageComparison table.chart tbody tr { border-bottom: solid 2px #adabab;}
#pagePackageComparison table.chart thead tr th {}
#pagePackageComparison table.chart tbody tr{height: 40px; line-height: 20px; }
#pagePackageComparison table.chart tbody tr.header{ }
#pagePackageComparison table.chart tbody tr.header td { color: #10a1dc;}



#pagePackageComparison table.chart th,#pagePackageComparison table.chart td{text-align: center;}
#pagePackageComparison table.chart th.label,#pagePackageComparison table.chart td.label{text-align: left;width: 31%;}
#pagePackageComparison table.chart th{ }
#pagePackageComparison table.chart th.pack{width: 12%;}
#pagePackageComparison table.chart th.pack a img { margin: 5px 0 0 0;height: 20px;width: 80px;}
#pagePackageComparison table.chart th.greyBg, #pagePackageComparison table.chart td.greyBg { color: #6b6b6d;background-color: #f1f2f2; padding: 5px 0;}

/* Canvas Features List */
#pageFeatureList .features {width: 100%; float: left;}
#pageFeatureList .featuresTop ul { float: left; width: 50%;}
#pageFeatureList .featuresTop ul ul{ float: left; width: 100%;}
#pageFeatureList .features ul { float: left; width: 100%;}
#pageFeatureList .featureList ul li { margin-left: 0;}
#pageFeatureList .featureList ul ul {width: 100%;margin-left: 20px;}
#pageFeatureList .feature img {float: left; margin: 0 25px 25px 0;}

/* Canvas Tour and example screens */
#FrogJS { height: 550px;}
#FrogJSMainContainer { margin: 0 auto;}
#FrogJS.tall { height: 700px;}
#FrogJS #FrogJSrightThumb1Label, #FrogJS #FrogJSleftThumb1Label{ font-size: 0.8em;cursor: pointer;width: 117px; height: 26px;display: block;text-indent: -9999px;}

#FrogJS #FrogJSrightThumb1Label { background: url(../img/web/next.png) no-repeat left top;}
#FrogJS #FrogJSleftThumb1Label { background: url(../img/web/previous.png) no-repeat left top;}
#FrogJS #FrogJSrightThumb1Label:hover, #FrogJS #FrogJSleftThumb1Label:hover{ background-position: left -26px;}
#FrogJS #FrogJSrightThumb1Label.end:hover, #FrogJS #FrogJSleftThumb1Label.end:hover{ background-position: left 0px;cursor: default;}

#FrogJS #FrogJSrightThumb1, #FrogJS #FrogJSleftThumb1 { margin: 5px 0 0 0;}

#FrogJS #FrogJSCredit { text-align: left; font-weight: bold;margin: 10px 0; }
#FrogJS #FrogJSCaption { text-align: left;}


/* login form */
#container #pageLogin, #container #pageErrors { height: 713px;}

#pageLogin #contentPage {  width: 332px; background: transparent url(../img/web/login_box.png) top left no-repeat; height: 347px; margin-bottom:40px;}
#pageLogin #logo { text-align: center;position: relative; top: 80px; z-index: 1001; left: -10px;}
#pageLogin div.user { margin-top: 60px; }
#pageLogin div.user .error-message { color: #c73c2c; float: right; font-weight: bold; position: relative; right: 15px;}
#pageLogin form#UserLoginForm { font: 22px Arial, sans-serif; color: #696969; font-weight: bold; }
#pageLogin form#UserLoginForm label { display: block; }
#pageLogin form#UserLoginForm input.bluebold {width: 265px; height: 36px; font-size: 24px; font-weight: bold;background-color: #f0f0f0;border: solid 2px #bebebe; margin: 0 0 11px 0; padding: 6px 0 0 0}
#pageLogin form#UserLoginForm .additional { font-size: 14px; margin: 0; padding: 2px 0 2px 5px; }
#pageLogin form#UserLoginForm a { text-decoration: none; }
#pageLogin form#UserLoginForm .additional label { display: inline; }
#pageLogin form#UserLoginForm .submit {padding: 0;width: 139px; height: 32px; float: right;margin: 5px 20px 0 0;}
#pageLogin form#UserLoginForm .submit a{display: block;text-indent: -9999px; background: url(../img/web/signin.png) no-repeat left top;width: 139px; height: 32px;}
#pageLogin form#UserLoginForm .submit a:hover { background-position: 0 -32px;}

/* Footer */
#footer {background: #85b114 url(../img/web/footer_bg.png) repeat-x left top;height: 405px; left: 0; width: 100%;position: relative; z-index: 1000;}
#footer #footerInner { width: 920px; margin: 0 auto; height: 374px;position: relative;}
#footer #footerInner .footerBox { float: left;  width: 33%; margin: 0 auto; }
#footer #footerInner .footerBox .title { margin: 20px 0 5px 0; font-size: 1.5em; font-weight: bold;letter-spacing: -0.1em; color: #8c47be;}
#footer #footerInner .footerBox .footerBoxHeader, #footer .footerBox .footerBoxFooter { width: 287px;}
#footer #footerInner .footerBox .footerBoxHeader{ background: url(../img/web/footer_box_top.png) no-repeat top center; position: relative;}
* html #footer #footerInner .footerBox .footerBoxHeader { height: 200px;}
#footer #footerInner .footerBox .footerBoxHeader .text{ margin: 0 auto; padding: 25px 10px 0 10px; width: 250px; color: #000;}
#footer #footerInner .footerBox .footerBoxFooter { background: url(../img/web/footer_box_bottom.png) no-repeat bottom center;height: 26px;position: relative;}

#bookmarks { text-align: right;position: relative; right: 15px;float: right;}

#footerText { background: #404040 url(../img/web/footer_bar_bg.png) repeat-x left top; height: 55px;border-top: solid 1px #4b4c44; }
#footerText #footerTextInner { width: 893px; margin: 5px auto 0 auto;}
#footerText #copyright{ clear: left; color: #fff;}
#footerText #copyright .text { font-size: 0.9em;float: left;}
#footerText #footerLinks { color: #fff; margin: 0;float: left;height: 25px;}
#footerText #footerLinks a, #footerText #copyright a { float: left; color: #fff; font-size: 0.9em;text-decoration:none; font-family:arial,sans-serif;}
#footerText #footerLinks a:hover, #footerText #copyright a:hover { color: #f7f036; }
#footerText .footerDivider { float: left; color: #fff; margin: 0 5px;}
#footerText #socialBookMarks { float: left;margin: 0 0 0 5px;}
#footerText #copy { float: right; text-align: right; }
#footer .caseStudy {margin: 0 0 20px 0;}
#footer .caseStudy img {vertical-align: top;float: left; padding: 2px; background-color: #fff; border: solid 2px #69a54e; margin: 0 5px 5px 0;}
#footer .caseStudy .caseStudyText { margin: 0 0 0 73px;}
#footer #facts { }
#footer #facts li {padding: 0;margin-left: 15px;}

/* CSS Float Cleaners */
div.cleaner {clear: both;background: transparent;margin: 0;padding: 0;height: 0px;font-size: 1px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/** Registration Terms **/
#terms { border: solid 1px #10a1dc;width: 750px;height: 400px;overflow-y: scroll;padding: 10px;font-size: 1.1em; }

#terms .header { font-size: 1.4em; font-weight: bold; width: 100%; clear: left;text-decoration: underline;}
#terms .first { font-weight: bold;width: 100%; clear: left; margin: 10px 0;font-size: 1.2em;}
#terms .second { margin: 5px 0 5px 20px;}
#terms .third { margin: 2px 0 2px 40px; }
#terms .fourth { margin: 2px 0 2px 60px; }

#terms .appendix_title { text-align: center; font-weight: bold; font-size: 1.2em; margin: 10px 0;}
#terms table.appendix { border: solid 1px #000; padding: 0; border-style: none;border-collapse:collapse; border-spacing:0px;}
#terms table.appendix th { font-weight: bold; text-align: left;border: inset 1px #000; padding:2px;}
#terms table.appendix td { text-align: left;border: inset 1px #000; padding:2px;}
#terms table.appendix td.inside { padding:0; }

#terms table td, #terms table th { text-align: left;}
#terms table td.center, #terms table th.center { text-align:center;vertical-align: top;}
#controls { margin: 20px 0;}


.captcha { display: block; clear: left; }
#contentPage #contentInsidePage div.regInfo h2 { float: none; }

#pageAwards #contentPage #contentInsidePage h3 { margin-bottom: 5px;}
#pageAwards #contentPage #contentInsidePage h4 { margin-bottom: 15px;}

div.submit .nextStep { position:absolute; right:30px; }

.keyName { font-size: 1.5em;display: block; margin: 20px 0;}
.keyName:hover {text-decoration:none; }

/* Demo and examples page */
#pageDemo #contentPage #contentInsidePage h2 { width: 100%;}
#pageDemo #links, #pageExamples #links {width: 400px; margin: 0 auto; }
#pageDemo .link, #pageExamples .link {float: left;margin: 0 20px 0 0; }
#pageDemo .link a, #pageExamples .link a {display: block;padding: 5px 0 0 0;height: 29px;font-size: 1.4em;}
#pageDemo #FrogJS { height: 450px;}
#pageDemo #demoTour  { width: 164px; height: 37px;background: url(../img/web/demo_canvas.png) no-repeat left top ; }
#pageDemo #demoTour:hover {}
#pageDemo #demoTour a:hover { text-decoration:none;}
#pageDemo #demoExamples  { width: 187px; height: 37px; }
#pageDemo #demoExamples:hover {background: url(../img/web/demo_examples.png) no-repeat 0 -37px ;}
#pageDemo #demoExamples a:hover { text-decoration:none;}

#pageExamples #demoTour  { width: 164px; height: 37px; }
#pageExamples #demoTour:hover {background: url(../img/web/demo_canvas.png) no-repeat 0 -37px;}
#pageExamples #demoTour a:hover { text-decoration:none;}
#pageExamples #demoExamples  { background: url(../img/web/demo_examples.png) no-repeat 0 0px ;width: 187px; height: 37px; }
#pageExamples #demoExamples:hover {}
#pageExamples #demoExamples a:hover { text-decoration:none;}

#demoArrange { background: url(../img/web/demo_arrange.png) no-repeat right top;width: 239px; height: 32px;text-indent: -9999px;float: right;}
#demoArrange:hover { background-position: right -32px;}
#demoArrange a { display:block; width: 239px; height: 32px;}

#pageErrors #contentPage { height: 400px;}
#pageErrors .contentRow { margin: 0 0 0 20px;}
#pageErrors h1 { }