@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	/*height: 100%;*/
	background: #333 url(../images/page_bg.png) repeat-x top left;
}
body {
	/* page background */

	height: 100%;
	
	background: transparent url(../images/page_bottom_bg.png) repeat-x bottom center;
	/* */		
	color: #fff;
}

body {
	margin: 0 auto;
	font-size: .8625em;
	font-family: Arial, Helvetica, sans-serif;
}

body > div.section {
	width: 800px;
	display: block;
	margin: 0 auto;
}

body > div.section:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

div.section {
	display: inline-block;
}

html[xmlns] body > div.section {
	display: block;
}

* html body > div.section {
	height: 1%;
}

/* HEADER */
.header.section {
	position: relative;
	height: 110px;
	padding-bottom: 30px;
}

.header.section .navigation {
	position: absolute;
	right: 0;
  top: 5px;
}

.header.section .navigation li {
  padding-left: 10px
}

.header.section .navigation a {
  color: #999;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 80%;
}

.header.section .navigation a:hover {
	color: #ccc;
}

.header.section .logo {
	display: block;
	position: absolute;
	left: 20px;
	top: 45px;
	width: 234px;
	height: 78px;
	text-indent: -9999em;
	background: transparent url(../images/onebiz_logo.png) no-repeat top center;
	
}

.header.section .aside {
	position: absolute;
	min-width: 280px;
	right: 0px;
	top: 60px;
}

.header.section .aside p {
  font-size: 80%;
	float: left;
	color: #CCCCCC;
	padding-top: 10px;
}	

.header.section .aside a {
  color: #fff;
  padding: 0 5px;
}

.header.section .aside .button.small {
	display: block;
	float: left;
	background: transparent url(../images/buttons/button_get_started_small.png) no-repeat top center;
	width: 114px;
	height: 46px;
	text-indent: -9999em;
	
}

.aside .button.small {
	display: block;
	float: left;
	background: transparent url(../images/buttons/button_get_started_small.png) no-repeat top center;
	width: 114px;
	height: 46px;
	text-indent: -9999em;
	
}

/* NAVIGATION */

/* ---------- Main navigation ---------- */

div.navigation.section {
	height: 103px;
	width:800px;
}

div.navigation.section ul {
	min-height: 2em;
	width: 100%;
}

div.navigation.section li {
	border: 0px solid #304049;
	display: block;
}

div.navigation.section a {
	color: #D3DADD;
}

div.navigation.section li a { /* ---- nav text ---- */
	cursor: pointer;
	float: left;
	text-indent: -9999em;
	display: block;
	height:103px;
}

div.navigation.section li#accounting a {
	background: url(../images/nav/nav_accounting.jpg) no-repeat;
	width:114px;
}
div.navigation.section li#accounting a:hover {
	background: url(../images/nav/nav_accounting_hover.jpg) no-repeat;
}
div.navigation.section li#accounting.selected a {
	background: url(../images/nav/nav_accounting_selected.jpg) no-repeat;
}

div.navigation.section li#humanresources a {
	background: url(../images/nav/nav_humanresources.jpg) no-repeat;
	width:114px;
}
div.navigation.section li#humanresources a:hover {
	background: url(../images/nav/nav_humanresources_hover.jpg) no-repeat;
}
div.navigation.section li#humanresources.selected a {
	background: url(../images/nav/nav_humanresources_selected.jpg) no-repeat;
}

div.navigation.section li#sales a {
	background: url(../images/nav/nav_sales.jpg) no-repeat;
	width:114px;
}
div.navigation.section li#sales a:hover {
	background: url(../images/nav/nav_sales_hover.jpg) no-repeat;
}
div.navigation.section li#sales.selected a {
	background: url(../images/nav/nav_sales_selected.jpg) no-repeat;
}


div.navigation.section li#calendar a {
	background: url(../images/nav/nav_calendar.jpg) no-repeat;
	width:114px;
}
div.navigation.section li#calendar a:hover {
	background: url(../images/nav/nav_calendar_hover.jpg) no-repeat;
}
div.navigation.section li#calendar.selected a {
	background: url(../images/nav/nav_calendar_selected.jpg) no-repeat;
}


div.navigation.section li#contacts a {
	background: url(../images/nav/nav_contacts.jpg) no-repeat;
	width:114px;
}
div.navigation.section li#contacts a:hover {
	background: url(../images/nav/nav_contacts_hover.jpg) no-repeat;
}
div.navigation.section li#contacts.selected a {
	background: url(../images/nav/nav_contacts_selected.jpg) no-repeat;
}

div.navigation.section li#online_backup a {
	background: url(../images/nav/nav_storage.jpg) no-repeat;
	width:115px;
}
div.navigation.section li#online_backup a:hover {
	background: url(../images/nav/nav_storage_hover.jpg) no-repeat;
}
div.navigation.section li#online_backup.selected a {
	background: url(../images/nav/nav_storage_selected.jpg) no-repeat;
}

div.navigation.section li#pricing a {
	background: url(../images/nav/nav_pricing.jpg) no-repeat;
	width:115px;
}
div.navigation.section li#pricing a:hover {
	background: url(../images/nav/nav_pricing_hover.jpg) no-repeat;
}
div.navigation.section li#pricing.selected a {
	background: url(../images/nav/nav_pricing_selected.jpg) no-repeat;
}

div.navigation.section li a span {
	text-decoration: none;
}


div.navigation.section li.selected a { /*, div.navigation.section li a:hover {*/
	background-color: #999999;
	color: #fff;  /* ---- text color of selected link ---- */
}

div.navigation.section li a:hover {
	background-color: #999999; /* ---- hover Navigation background color ---- */
	position: relative;
	/*margin: 0px 0 0 0px;*/
}

/* homepage article.content */
.article.content .footer .aside h3.title {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;			
}

.article.content .footer .aside h3.title em {
	font-style: normal;
}
	
	.article.content .footer {
		height: 170px;
		background: #fff;
		margin-bottom: 25px;
	}
	
	.feature.section {
		min-height: 286px;
		height:100%;
	}
	
	*:first-child+html .feature.section {
	  height: 550px;
	}
	
	.footer.section {
		height: 60px;
	}

	/* Begin 100% / 50% 50%  */
	.article.content .footer .aside {
		width: 100%;
		height: 47px;
		background: #4699c0 url(../images/home_content_aside_bg.png) repeat-x top left;		
	
	}
	
	.article.content .footer ul.section {
		width: 100%;
		display: block;
		float: left;			
	}
	
	*:first-child+html .feature.section ul.section {
	  height: 100%;
	}
	
	.article.content .footer ul.section li {
		width: 50%;			
		display: block;
		float: left;			
		background: #fff;
	}
  
  .article.content .footer ul.section.interior li {
    width: 199px;
    height:170px;
    font-size: 90%;
    border-right: 1px solid #e5e5e5;
  } 
   
	.article.content .footer ul.section li > div {
		height: 170px;
		display: block;
	}
	
	.article.content .footer ul.section.interior li > a {
	  display: block;
	  height: auto;
	}
	
	.thickbox {
	  color: #0082BC;
  		font-weight:bold;
  		text-decoration: none;
  		padding:5px 5px 5px 20px;
	}
	
	.article.content .footer ul.section.interior li.aside {
	    width: 200px;
	    text-indent: -9999em;
	  	background: url(../images/feature/feature_track.jpg) no-repeat 0 0;
	  	border-right: none;
	}
	
	.article.content .footer ul.section li > div.left {	
		background: url(../images/screens/home_dashboard.png) no-repeat 90% 100%;
		border-right: 1px solid #e5e5e5;
		text-decoration: none;
	}
	
	.article.content .footer ul.section li > div.right {	
		background: url(../images/feature/home_sales.png) no-repeat 90% 100%;
		text-decoration: none;
	}
	
	.article.content .footer ul.section h2 {
		padding-top: 35px;
		padding-left: 20px;
		padding-bottom: 8px;
		color: #333;
		font-size: 115%;
	}
	
	.article.content .footer ul.section.interior h2 {
	  padding-top: 20px;
	  padding-left: 20px;
 	  padding-right:10px;
	}
	
	.article.content .footer ul.section p {
		width: 180px;
		padding-left: 20px;
		padding-bottom: 20px;
		color: #666;
		font-size: 96%;
		line-height: 1.6em;
		font-weight: normal;
	}
	
	.article.content .footer ul.section.interior p {
	  padding-left: 20px;
	  padding-bottom: 0;
	  width: 170px;
	  line-height: 1.4em;
	  font-weight: normal;
	}
	
	
	.article.content .footer .secondary em {
		padding-left: 20px;	
		color: #fff;
		font-style: normal;
	}
	
	body > .content > .video {
		width: 800px;
		/* height: 355px; */
		height: 355px;
		display: block;
		position: relative;		
		background: #e6e6e6 url(../images/video_footer_bg.png) repeat-x bottom left;
	}
	
	body > .content > .home {
		height: 250px;
	}
			
	body > .content > .video h2 {
		color:#666666;
		font-size:150%;
		line-height:1.5em;
		margin-left:18px;
	}
	
	*:first-child+html body > .content > .video h2 {
		margin-top: 10px;
	}
	
	body > .content > .video h2 span {
	    font-size: 75%;
		font-weight: normal;
	}
	
	 body > .content > .video a.vid_button {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    display: block;
		width: 198px;
		height: 46px;
		text-indent: -9999em;	
		background: transparent url(../images/buttons/button_get_started_large.png) no-repeat top center;
	}
	
	*:first-child+html 	body > .content > .video a { 
	   bottom: -10px;	
	}
	
	/* Newsroom */		
	#newsroom {
	  background: #fff url(../images/newsroom_bg.png) repeat-y top left;
	  position: relative;
	  min-height: 600px;
	}
	
	#newsroom.index a.title {
		color: #333;
		text-decoration: none;
	}
	
	#newsroom.index h2.category {
		margin-bottom: 0;
	}
	
	#newsroom.index .entry.full {
		padding-bottom: 0px;
	}
	
	#newsroom div.navigation {
	  width: 180px;
	  float: left;
	  margin-left: 20px;
	  font-size: 90%;
	}
	
	#newsroom div.navigation h2 {
	  margin-top: 30px;
	  
	  margin-bottom: 10px;
	  font-size: 160%;
	}
	
	#newsroom div.navigation > ul > li {
	  background: transparent url(../images/icons/arrow_right.png) no-repeat top left;
	  padding-left: 16px;
	  margin-bottom: 1em;
	}
	
	#newsroom div.navigation > ul > li > a {
	  text-transform: uppercase;
	  text-decoration: none;
	  display: block;
	  margin-bottom: .5em;
	}
	
	#newsroom div.navigation > ul > li > a span {
	  text-transform: none;
	  display: block;
	  font-size: 90%;
	  font-style: italic;
	}
	
	#newsroom div.navigation > ul > li > ul > li {
	  margin-bottom: 1em;
	}
	
	#newsroom div.navigation > ul > li > ul > li > a {
	   text-transform: uppercase;
	   background: transparent url(../images/icons/arrow_down.png) no-repeat top left;
	   text-decoration: none;
	   padding-left: 16px;
	   display: block;
	   margin-bottom: .5em;
	}
	
	#newsroom div.navigation > ul > li > ul > li > ul > li a {
	  padding-left: 16px;
	  margin-bottom: .5em;
	  display: block;
	}
	
	#newsroom div.navigation a {
	  color: #fff;
	}
	
	#newsroom h2.category {
	  margin-bottom: 1em;
	  font-size: 150%;
	  color: #0082bc;
	}
	
	#newsroom h2.category span {
	  font-weight: normal;
	  font-style: italic;
	  font-size: 80%;
	}
	
	#newsroom h2.title { 
	  margin-bottom: .5em;
	}
	
	#newsroom a.title h2.title {
		color:#0082bc;
		font-weight:normal;
		margin-bottom:0.5em;
		text-decoration:underline;
	}
	
	#newsroom h3.date {
	  color: #999999;
	  text-transform: uppercase;
	}
	
	#newsroom .logo {
	  padding: 0 10px 20px 10px;
	  float: left;
	}
	
	#newsroom a {
	  color: #0082bc;
	}
	
	#newsroom .aside {
	  color: #666;
	  font-size: 82%;
	  line-height: 1.5em;
	}
	
	#newsroom .aside span.expert {		  
	  background:transparent url(../images/feature/expert_steve_strauss.png) no-repeat scroll 100% 0;
      display:block;
      margin-left: 15px;
      margin-top:20px;
      padding-top:200px;
 
      font-weight: bold;
      color: #666;
      font-size: 120%;

	}
	
	#newsroom .aside p {
	  color: #666;
	  margin-left: 15px;
	  width: 170px;
	  text-align: left;
	}
	
	#newsroom div.entry {
	  margin-left: 200px;
	  margin-right: 200px;
	  color: #333;
	  padding: 20px;
	  line-height: 1.5em;
	   
	}
	
	#newsroom div.entry.full {
	  margin-right: 20px;
	}
	
	#newsroom #comment_form textarea {
		width: 330px;
		
	}
	
	#newsroom #comment_form {
		margin-left: 0;
		margin-right:200px;
		width:330px;
	}
	
    div.entry p,
    div.entry p	 {
	  font-size:89.25%;
	  margin-bottom: 1em;
	  text-align: justify;
	}
	div.entry ol {
	  list-style-type: decimal
	}
	
	div.entry ol li {
	  font-size:86.25%;
	  
	  margin-left: 5%;
	}
	
	div.comment p {
		font-size: 86.25%;
		text-align: left;
	}
	
	div.comment p.author {
		margin-bottom: 0;
	}
	
	div.comment p.author a {
		margin-left: 0 !important;
	}
	
	div.comment ol {
		list-style: none;
	}
	
	div.comment ol li {
		font-size: 100%;
		border-bottom:2px solid #CCCCCC;
		margin-right: 30px;
	}
	
	div.comment a#comments,
	div.comment a#post {
		line-height: 0;
		height: 0;
		padding: 0;
		margin: 0;
	}
	
	.entry p.actions {
		margin-top: 10px;
		margin-bottom: 5px;
		padding-top: 5px;
		border-top: 1px solid #ccc;
	}
	
	#comment_form {
		margin-left:30px;
		margin-top:10px;
		width:500px;
	}
	
	#comment_form label {
		position: relative;
	}
	
	#comment_form label span {position: absolute; right: 0; font-weight: normal; font-style: italic; font-size: 85%;}
	
	#comment_form input[type="text"] {
		width: 70%;
	}
	
	#comment_form input[type="image"] {
		margin-top: 10px;
	}
	
	#comment_form textarea {
		width: 500px;
	}
	
	#comment_form p {
	    margin-bottom: 0;
	}
	
	#comment_form p label {
		display: block; 
		width: 100%; 
		font-weight: bold;
	}
	
	#comment_form p.save_info label,
	#comment_form p.notify_me label
	 {display: inline;}
	
	#newsroom div.aside
    {
		  position: absolute;
		  right: 0;
		  top: 0;
		  width: 200px;
		  float: left;
		  color: #000;
		}
	
	/* partner page */
	#partner {
 	  background: #fff url(../images/sidebar_orange_bg.png) repeat-y top right;
	  min-height: 600px;
	  color: #333;
	  position: relative;
	}
	
	#partner .aside.sidebar p {
		font-size: 86.25%;
		line-height: 1.4em;
			margin-bottom: .5em;
	}
	
	#partner .entry .aside.left {
		width: 200px;
		float: left;
	}
	
	#partner .entry .aside.right {
		width: 330px;
		padding-left: 10px;
		float: right;
	}
	
	#partner .aside ul li {
		font-size: 86.25%;
		margin-bottom: .25em;		
	}
	
	#partner h4 {
		color: #faa32c;
		text-transform: uppercase;
	
	}
	
	#partner_form label {
		display: block;
		margin-bottom: .25em;
	}
	
	#partner_form input[type="text"]
	{
		width: 150px;	
	}
	
	#partner_form select {
		width: 160px;
	}
	
	#partner_form span.required,
	#partner_form label.error {
		color: #0082bc;
	}
	
	#partner_form input[type="image"] {
		margin-top: .25em;
		margin-left: 30px;
	}
	
	/* login */
	#login {
		background: #fff;
		min-height: 414px;
		position: relative;
	}	
	
	#login form {
		width: 420px;
		height: 180px;
		background-color: #e5e5e5;
		margin: auto;
		padding-top: 65px;
	}
	
	#login h2 {
		padding-top: 13px;
		padding-left: 20px;
		padding-bottom: 50px;
		font-size: 22px;
		color: #666666;
	}
	
	#login form fieldset {
		display: block;
		margin-bottom: 5px;
	
	}
	
	#login form label {
		display: block;
		float: left;
		width: 120px;
		margin-top: 5px;
		margin-right: 5px;
		text-align: right;
		color: #666;
	}
	
	#login form input {
		float: left;
		display: block;			
	}
	
	#login form input[type="text"],
	#login form input[type="password"] {
		font-size: 110%;
		line-height:1.4em;
		width: 245px;
		margin-bottom: 7px;
		
	}
	
	#login form input[type="submit"] {
		margin-left: 120px;
		margin-right: 10px;
		display: block;
		width: 65px;
		height: 27px;
		background: transparent url(../images/buttons/button_sign_in.png) no-repeat top left;
		text-indent: -9999em;
		overflow: hidden;
		line-height: 0px;
		border: 0;
		cursor: pointer;
	}
	
	#login form p {
		margin-top: 8px;
		font-size: 12px;
		margin-left: 5px;
		color: #666666;
	}
	
	#login form p a {
		color: #0282bd;
	}
	
	/* coming soon */
	
	#coming-soon {
		background:#FFF8DB none repeat scroll 0 0;
		margin:0 20px -20px -20px;
		padding-bottom:20px;
		padding-left:20px;
	
		width:780px;
	}
	
	#coming_soon_form {
		background:transparent url(../images/stock/figure_right.png) no-repeat scroll 100% 100%;
	
		margin:-40px 15px -20px 0;
		padding:60px 0 15px;
	}
	
	*:first-child+html #coming_soon_form {
          height: 500px;
	}
	
	#coming_soon_form label,
	#coming_soon_form .radio label.label  {
		display:block;
		float:left;
		font-size:110%;
		font-weight:bold;
		margin-top:0.3em;
		width:200px;
		color: #666;
	}
	
	#coming_soon_form .radio label.label {
		margin: 0 !important;
	}
	
	#coming_soon_form .radio {
		display: block;
		padding-top: 10px;
	}

	#coming_soon_form .radio label {		
		display: inline;
		font-weight: normal;
		width: auto;
		float: none;
		margin:0 20px 0 0;
	}
	
	#coming_soon_form span.required {
		color: #FF9933;
	}
	
	#coming_soon_form input {
		color:#414141;
		font-size:1.1em;
		margin:0 0 10px;
	}
	
	#coming_soon_form input[type="text"], #coming_soon_form textarea, #coming_soon_form select {	
		background: #fff url(../images/input_bg.png) no-repeat scroll left top;
		border:1px solid #BFBFBF;
		padding:4px;
		width:250px;
    }
	
	#coming_soon_form input[type="image"] {
		margin-left: 355px;
	}
	
	#coming_soon_form input.error {
		margin-bottom: 0;
	}
	
	#coming_soon_form label.error {
		float: none;
		display: inline;
		display: block;
		font-weight: normal;
		color: #ff9933;
		margin-top: 0;
		margin-left: 200px;
	}
	
	/* blog */
	
	#blog {
	  background: #fff url(../images/sidebar_blue_bg.png) repeat-y top right;
	  min-height: 600px;
	  color: #333;
	  position: relative;
	}
	
	#blog a.title {
		text-decoration: none;
	}
	
	#blog a.title:hover h2 {
	 	color:#0082BC;
	}
	
	#blog div.entry, #partner div.entry {
	  margin-right: 200px;
	  float: left;
	  width: 560px;
	  padding:10px 20px 0;
	  line-height: 1.5em;
	}
	
	#blog div.entry a {
	  color:#0082BC;		  
	}
	
	#blog p.actions a {
      margin-left: 10px;
	}
	
	#blog div.aside, #partner div.aside.sidebar{
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 170px;
	  color: #fff;
	  padding-top: 20px;
	  padding-right: 20px;
	}
	
	#blog div.aside h3, #partner div.aside h3 {
	  margin: .5em 0;
	}
	
	#blog div.aside p, #partner div.aside h2 {
	  line-height: 1.5em;
	  font-size: 87%;
	  margin-bottom: 1em;
	}
	
	#blog h2.title, #partner h2.title  {
	  font-size: 160%;
	  color: #666;
	  margin: .5em 0;
	  line-height: 1.2em;
	}
	
	#partner h2.title span {
		font-weight: normal;
		font-size: 75%;
	}
	
	#blog div.aside a {
	  color: #fff;
	  font-size: 87%;
	}
	
	#blog div.aside ul {
	  margin-bottom: 1em;
	}
	
	#blog div.aside ul li {
	  margin-bottom: .5em;
	}
	
	#blog div.aside ul li a{
	  margin-left: 5px;
	  display: inline-block;
	  display: -moz-inline-block;
	  width: 150px;
	  vertical-align: top;
	  line-height: 1.4em;
	}
	
	/* pages */
	
	#page {
	   background: #fff;
	   min-height: 412px;
		width: 760px;
	   padding: 15px 20px;
		margin-bottom: 20px;
		color: #666;
	}
	
	#page p {
	   line-height: 1.5em;
	   font-size: 87%;
	   margin-bottom: 1em;
	}
	
	#page h2 {
	   font-size: 160%;
	   color: #666;
	   margin: .5em 0;
	   line-height: 1.2em;
	}
	
	#page h3 {
		font-size: 110%;
		margin: .5em 0;
		line-height: 1.2em;
		color: #0282bd;
	}
	
	#page ul, .entry ul {
		list-style-type: disc;
		list-style-position:outside;
	}
	
	#partner .entry ul {
		list-style-type: none;
	}
	
	#partner .entry ul li {
		margin-bottom: .5em;
		margin-left: 0px;
	}
	
	#page ul li,
	#page ol li {
		font-size: 87%;
		margin-left: 5%;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	
	.entry ul li,
	.entry ol li {
		font-size: 87%;
		margin-left: 5%;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	
	#page ol,
	.entry ol {
		list-style-position:outside;
		list-style-type:decimal;
	}	
	
	#page a {
		color: #0282bd;
	}
	
	.header.navigation ul,
	.header.navigation ul li
	{
		display: inline;
	}
	
	.navigation.section ul,
	.navigation.section ul li {
		display: inline;
	} 
	
	.footer.section ul.navigation,
	.footer.section ul.navigation li {
		display: inline;
	}
			
	.feature.section {
		background: #1d84b3 url(../images/feature_bg.png) repeat-x top left;
	
	}
					
	.feature.section > ul {
		background: transparent url(../images/feature_horiz_rule.png) no-repeat 1px 5px;
		margin: 15px 20px 0 20px;
		width: 770px;
		display: block;
		float: left;
	}
	
	*:first-child+html .feature.section {
	  position: relative;
	}
		
	*:first-child+html .feature.section > ul {
	  margin: 0;
	  display: inline-block;
	  position: absolute;
	  top: 20px;
	  left: 20px;
	  z-index: 10;
	}
	
	.feature.section > ul > li {
		display: table-cell;
		float: left;
		width: 33%;
		background: transparent url(../images/vertical_rule.png) no-repeat 0px 5px;
	 	min-height: 286px;
	 	
	}
	
  
	.feature .header > a  {
		height: 35px;			
		display: block;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;	
		font-size: 12px;
	}
	
	
	*:first-child+html .feature > .header {
	  position: relative;
	}
	
	*:first-child+html .feature .header > a.title {
	  	margin-top: 0px;
	  	overflow: visible;
    	position: absolute;
    	height: 35px;
    	display: block;
    	top: -5px;
    	z-index: 100;
   
	}
	
	.feature .header > a > h3 {
		padding-top: 15px;
		padding-left: 10px;
		font-weight: normal;		
	}
	
	.feature .collection.list {
		padding-top: 10px;
	}
	
	.feature .collection.list > li {
	   background:transparent url(../images/icons/sm_arrow_right.png) no-repeat scroll 9px 8px;
	   padding-left: 20px;
	   display: block;
	   height: 100%;
	   margin-bottom: 10px;
	}
	
	.announcements.aside .collection.list > li {
	   background:transparent url(../images/feature/usa_t_logo_sm.png) no-repeat scroll 5px 2px;
	   padding-left: 48px;

	}
	
	*:first-child+html .announcements.aside .collection.list > li {
	   background-position: 5px 0px;
	   padding-bottom:1px;
	   height: 100%;
	}
	
	.newsroom.aside .collection.list > li {
	   background:transparent url(../images/feature/expert_steve_strauss_sm.png) no-repeat scroll 4px 0px;
	   padding-left: 45px;
	}
	
	.feature .collection a,
	.feature .footer .link {
	  font-weight: normal;
	  line-height: 1.4em;
	  font-size: 90%;
	}
	
	.feature .collection a {
	  color: #fff;
	}
	
	.feature .collection .time {
	  text-decoration: none;
	  display: block;
	  color: #8FD9FB;
	}
	
	.feature .footer {
	  padding-bottom: 15px;
	}
	
	.feature .footer .link {
	  color: #FFB856;
	  margin-left: 20px;
	}
	
	/* Custom Feature */

	.feature .news.aside,
	.feature .newsroom.aside {
		background: transparent url(../images/feature_horiz_rule.png) repeat-x 2px 5px;
		display: block;
	}
	
	*:first-child+html .feature .news.aside, .feature .newsroom.aside {border: 1px solid transparent; margin-left: 2px;}
	*:first-child+html .feature .news .header > a > h3, *:first-child+html .feature .newsroom .header > a > h3 { padding-top: 12px;}
	
	.feature .announcements.aside .header {
		background: transparent url(../images/icons/home_expert_sstrauss.png) no-repeat 100% 0px;
		height: 50px;
	}
	
	.feature .announcements.aside .header .vcard {
	  height: 25px;
	  margin-left: 2px;
	  background-color: #3295bd;
	  display: block;
	  text-align: right;
	  line-height: 25px;
	  padding-right: 5px;
	  font-family: Georgia, Times, serif;
	  font-style: italic;
	  font-size: 80%;
	}
	
	.feature .press.aside .header {
		background: transparent url(../images/icons/home_press.png) no-repeat 100% 0px;
		
	}
	
	.feature .blog.aside .header {
		background: transparent url(../images/icons/home_blog.png) no-repeat 100% 0px;
		
	}
	
	.feature .news.aside .header > a {
		background: transparent url(../images/icons/home_news.png) no-repeat 100% 0px;

	}
			
	.feature .blog.aside .footer a.link {
		padding-bottom: 20px;
		display: block;
		
	}
	
	.feature .blog.aside .footer .rss-feed {
		display: block;
		height: 30px;
		margin-top: -5px;
		margin-left: 2px;
		color: #fff;
		text-decoration: none;
		background: transparent url(../images/feature_horiz_rule.png) no-repeat 0px 0px;
	}
	
	.feature .blog.aside .rss-feed h4 {
		line-height:30px;
		font-size: 12px;
		font-weight: normal;		
		padding-left: 10px;	
		background: transparent url(../images/icons/home_rss.png) no-repeat 100% 0px;
	}
	
	.footer.section {			
		background: #636363 url(../images/footer_bg.png) repeat-x top left;
		position: relative;
	}
	
	.footer .navigation {
	  position: absolute;
	  top: 20px;
	  left: 15px;
	}
	
	.footer .navigation li {
	  padding-left: 10px;
	}
	
	.footer .navigation a {
	  color: #CCCCCC;
	  font-size: 80%;
	  text-decoration: none;
	  text-transform: uppercase;
	}
	
	.footer.section .brand {
		position: absolute;
		right: 10px;
		top: 15px;
		display: block;
		text-indent: -9999em;
		height: 36px;
		width: 153px;
		background: transparent url(../images/smartonline_logo.png) no-repeat top left;
	}
	
	/* UTILITY */
	
	.underline {text-decoration: underline;}
	.bold {font-weight: bold;}

/* Signup Page */

.leftColumn {
	width: 416px;
	display: inline-block;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 25px;
	*float: left;
	*padding-top: 14px;
}

.rightColumn {
	width: 340px; 
	display: inline-block;
	vertical-align: top;
	*float: left;
	*padding-top: 14px;
	padding-right: 10px;
}

.signup {
		background: #EEEEEE url('../images/bg_gradient_white.png') top left no-repeat;
		color: #565656;
		padding-top: 10px;
		padding-bottom: 10px;
}

.signup p {
	padding-bottom: 13px;
}

.signup h1 {
	padding-top: 16px;
	font-size: 20px;
	color: #333;
	padding-bottom: 10px;
}

.signup h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 14px;
	color: #0078c9;
	font-size: 18px;
	font-weight: normal;
}

.signup h4 {
	margin-top: 5px;
	margin-bottom: 2px;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

form {
	text-align: right;
}

#formBox {
	width: 290px;
	margin-top: 10px;
	margin-left: auto;
}

.formBoxRow {
	width: 290px;
	vertical-align: top;
}

.formBoxCheck {
	width: 20px;
	display: inline-block;
	vertical-align: top;
	*float: left;
}

.formBoxText {
	width: 260px;
	display: inline-block;
	font-size: 11px;
	text-align: left;
	padding-top: 2px;
	vertical-align: top;
	*float: left;
}

label {
	color:#999999;
}

.beginButton{
background:url(../images/buttonBack.gif) no-repeat;
cursor:pointer;
width: 218px;
height: 50px;
border: none;
font-weight: bold;
vertical-align: middle;
margin-top: 10px;
padding-bottom: 8px;
color: #FFFFFF;
}

input {
	margin-bottom: 5px;	
}

#terms, #newsletter {
	width: 290px;
	margin-left: auto;
	text-align: left;
	font-size: 11px;
	border: 1px solid red;
}

.signupCheckbox {
	text-align: left;
}

#featuresBox {
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	margin-bottom: 3px;
}

.featureRow {
	width: 330px;
	padding-top: 11px;
	padding-bottom: 12px;
}

.featureRowGraphic {
	width: 72px;
	text-align: center;
	height: 35px;
	float: left;
}

.featureRowContent {
	width: 257px;
	display: inline-block;
	*float: left;
}

#fillOut {
	display: block;
	width: 230px;
	float: right;
	padding-top: 21px;
}

.confirmation {
	width: 300px;
	margin-bottom: 10px;
	text-align: right;
	*margin-bottom: 0px;
}

.confirmation label {
	*position: relative;
	*right: 203px;
}

.return {
	width: 190px;
	display: inline-block;
	text-align: left;
	padding-left: 10px;
	*float: right;
	*position: relative;
	*top: -15px;
}

#tablesSection {
	padding-left: 10px;
	padding-right: 10px;
}

.applicationTable {
	width: 755px;
	margin-left: auto;
	margin-right: auto;
}

.appTableHeaderRow {
	font-weight: bold;
}

.appTableHeaderRow .appTableRowPricingCell, .appTableHeaderRow .appTableRowContentCell {
	vertical-align: bottom;
	padding: 10px 15px 2px 15px;
	background: url('../images/pricing_table_cell.jpg') repeat-x;
}

.appTableRow {
	background-color: #D8D8D8;
	vertical-align: middle;
}

.appTableRowContentCell {
	width: 510px;
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	padding: 10px 2px 10px 2px;
	font-size: 12px;
	background: url('../images/pricing_table_cell.jpg') repeat-x;
}

.appTableRowContentCell .featureRowContent {
	width: 391px;	
}

.appTableRowContentCell .featureRowContent h5 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #4c4c4c;
}

.appTableRowContentCell .featureRowContent p {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #4c4c4c;
	padding-bottom: 0;
}

.appTableRowPricingCell {
	width: 79px;
	border-top: 1px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	padding: 2px;
	background: url('../images/pricing_table_cell.jpg') repeat-x;
}

.blueText {
	color: #0078c9;
}

.appTableRowPricingCell {
	font-weight: normal;
	font-family: Verdana, sans-serif;
}

.appTableRowPricingCell .free {
	font-size: 16px;
}

.appTableRowPricingCell .price {
	font-size: 14px;
}
.appTableRowPricingCell .price .perMonth {
	font-size: 9px;
}

.rightColumn .aside {
	margin-top: 30px;
	padding-left: 60px;
	width: 250px;
}

.rightColumn .aside .button {
	position: relative;
	top: -20px;
	left: 160px;
}

p.aboutPackage {
	padding-left: 15px;
	padding-bottom: 10px;
}

h3#addons {
	margin-top: 33px;
}