﻿html body { border:1px solid #fff; }

body {
	text-align: center;
	min-width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707070;
	line-height:18px;
	position:relative;
}
{
margin: 0;
padding: 0;
}

div.wrapper {
	margin:0 auto;
	text-align: left;
	width:1002px;
	overflow:hidden;
	height:100%;
	float:none; 
	display:table;
}

div.wrapper:after { 
content: ""; 
display: block; 
height: 0; 
clear: both; 
}

div.pricing {
background-image: url("../WorkplaceSuitev10/media/people.jpg");
background-repeat: no-repeat;
background-color: #FFFFFF;
 }

div.leftcolumnbuild {
	padding-left:25px;
	padding-right:25px;
	height:100%;
	height:500px;
	padding-bottom:0px;
	background-image:url('build.gif');
	background-position: bottom right;
	background-repeat:no-repeat;
	float:left;
}

div.leftcolumnpublish {
	padding-left:25px;
	padding-right:25px;
	height:100%;
	height:500px;
	padding-bottom:0px;
	background-image:url('publish-left.gif');
	background-position: bottom right;
	background-repeat:no-repeat;
	float:left;
}

div.leftcolumndistribute {
	padding-left:25px;
	padding-right:25px;
	height:500px;
	background-image:url('distribute-left.gif');
	background-position: 100% 70%;
	background-repeat:no-repeat;
	float:left;
}

div.leftcolumn {
	padding-left:25px;
	padding-right:25px;
	height:100%;
	padding-bottom:0px;
	float:left;
	position:relative;
}

div.v-divider {
	background-image:url('v-divider.gif');
	height:100%;
	width:1px;
	background-repeat:no-repeat;
	background-position: 0% 20%;
	position:relative;
}

div.v-divider-home {
	background-image:url('v-divider-home.gif');
	height:100%;
	width:1px;
	background-repeat:no-repeat;
	background-position: 0% 20%;
	position:relative;
}

div.rightcolumn {
	padding-left:25px;
	padding-right:25px;
	float:right; 
	width:69%;
}

div.maindiv {
	overflow:hidden; 
	width:1000px; 
	height:500px;
	border-style: solid; 
	border-color:#CCCCCC;
	border-width:1px;
	float:left;
}

div.maindivhome {
	overflow:hidden; 
	width:1000px; 
	height:600px;
	border-style: solid; 
	border-color:#CCCCCC;
	border-width:1px;
	float:left;
	position:relative;
}


div.homebuildbox {
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	height: 550px;
	width: 210px;
	background-image:url('build.gif');
	background-position: bottom right;
	background-repeat:no-repeat;
	float:left;
}

div.homepublishbox {
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	height: 550px;
	width: 210px;
	background-image:url('publish.gif');
	background-position: 0% 80%;
	background-repeat:no-repeat;
	float:left;
	margin-left:25px;
	margin-right:25px;
}

div.homedistributebox {
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	height: 550px;
	width: 210px;
	background-image:url('distribute.gif');
	background-position: 0% 98%;
	background-repeat:no-repeat;
	float:left;
}


.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.smalltextfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant:small-caps;
}

.smalltextfooter a:visited {
	color: #6ca71a;
}

.smalltextfooter a {
	color: #6ca71a;
}

.smalltextfooter a:active {
	color: #6ca71a;
}

.bluelargetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight:bold;
	color: #06549d;
	line-height:32px;
}

.blueheadertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color: #06549d;
	line-height:22px;
}

.greenheadertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6ca71a;
	font-weight:bold;
	line-height:24px;
}
.greysteptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #6B6B6B;
	font-weight:bold;
	line-height:26px;
}

.greenitalictext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:20px;
	color: #6ca71a;
	font-style:italic;
}

.greenitalictexthome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:16px;
	color: #6ca71a;
	font-style:italic;
}

.greybulletedtext {	
	font-size: 12px;
	color: #707070;
}

.largetextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.smallitalics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000000;
}
.largeritalics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #000000;
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:  #000033;
}
p
{
margin: 1em 0;
}
.bgGreyBlue {
 background-image: url("../WorkplaceSuitev10/media/background.jpg");
 background-repeat: repeat-x;
}

.wireframemenu{
border: 1px solid #FFFFFF;
background-color: #c7c8ca;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Arial;
padding: 4px 15px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
}

.wireframemenu a:visited{
color: #FFFFFF;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover, .wireframemenu li.selected a{
background-color: #06549d;
color: white;
}

.wireframebutton{
border: 1px solid #FFFFFF;
background-color: #c7c8ca;
border-bottom-width: 0;
width: 50px;
}

* html .wireframebutton{ /*IE only rule. Original menu width minus all left/right paddings */
width: 42px;
}

.wireframebutton ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframebutton a{
font: bold 13px Arial;
padding: 4px 15px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
}

.wireframebutton a:visited{
	color: #FFFFFF;
}

html>body .wireframebutton a{ /*Non IE rule*/
width: auto;
}

.wireframebutton a:hover, .wireframebutton li.selected a{
background-color: #06549d;
color: white;
}

.wireframebuttonblue {
border: 1px solid #FFFFFF;
background-color: #06549d;
border-bottom-width: 0;
width: 50px;
}

* html .wireframebuttonblue { /*IE only rule. Original menu width minus all left/right paddings */
width: 42px;
}

.wireframebuttonblue ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframebuttonblue a{
font: bold 13px Arial;
padding: 4px 15px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
}

.wireframebuttonblue a:visited{
color: #FFFFFF;
}

html>body .wireframebuttonblue a{ /*Non IE rule*/
width: auto;
}

.wireframebuttonblue a:hover, .wireframebuttonblue li.selected a{
background-color: #c7c8ca;
color: white;
}

.wireframebuttongreen {
border: 1px solid #FFFFFF;
background-color: #6EA742;
border-bottom-width: 0;
width: 175px;
}

* html .wireframebuttongreen { /*IE only rule. Original menu width minus all left/right paddings */
width: 156px;
}

.wireframebuttongreen ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframebuttongreen a{
font: bold 12px Arial;
padding: 4px 15px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
text-align:center;
}

.wireframebuttongreen a:visited{
color: #FFFFFF;
}

html>body .wireframebuttongreen a{ /*Non IE rule*/
width: auto;
}

.wireframebuttongreen a:hover, .wireframebuttongreen li.selected a{
background-color: #06549d;
color: white;
}


.spacer { 
clear : both; 
}

ul.angledQuotesCheckbox {
list-style-type: none;
padding: 2em;
margin: 0;
}

.angledQuotesCheckbox li{
background-image: url('../WorkplaceSuitev10/media/checkbox.gif');
background-repeat: no-repeat;
background-position: 0 .001em;
padding: 3px 20px 3px 30px;
}

div.sample_popup { 
	z-index: 100; 
}

div.sample_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;

  width: 600px;
  height:20px;
  line-height: 19px;
  vertical-align: middle;

  background-color: #6ca71b;

  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  14px;
  color:   #FFFFFF;
  cursor:  default;
}

div.sample_popup div.menu_form_body
{
  width: 600px;
  border: 1px solid black;
  background-color: #FFFFFF;
}

div.sample_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.sample_popup table
{
  width: 100%;
  border-collapse: collapse;
}

div.sample_popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}

div.sample_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}

div.sample_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.sample_popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  background-color: #DDFFDD;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}

.fBold {
	font-weight:bold;
}

.fBoldgreen {
	font-weight:bold;
	color:#6ca71a;
}

div.freetrial_form_body {
  width: 600px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  vertical-align: middle;
  text-align:left;
}


div.freetrial_form_header {
  border: 1px solid #CCCCCC;
  border-bottom: none;

  width: 600px;
  height:20px;
  line-height: 19px;
  vertical-align: middle;

  background-color: #06549d;

  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  14px;
  color:   #FFFFFF;
  cursor:  default;
  text-align:left;
}

#div_HP_FLASHBANNER {
	height: 280px;
}
#tablecenter {
	margin-right:auto;
	margin-left:auto;
	width:100%;
	text-align:center;
}
div.quotebox {
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	font-size:14px;
	font-style:italic;
	line-height:17px;
	color:#FFFFFF;
	background-color:#6ca71a;
	padding:12px 12px 12px 12px;
}

.smallcredit {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	font-style:italic;
	text-align:right;
}

.valigntop  {
	vertical-align:top;
	padding-left:15px;
	padding-right:15px;
}

ul.homelist li {
	margin-left:-18px;
	font-size:11px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.divfix {padding-top:1em;}
/* Safari 3.0 and Chrome rules here */
}

.roundedcornr_box_404889 {
   background: #ffffff url(roundedcornr_404889_grad.gif) repeat-x top left;
}
.roundedcornr_top_404889 div {
   background: url(roundedcornr_404889_tl.gif) no-repeat top left;
}
.roundedcornr_top_404889 {
   background: transparent url(roundedcornr_404889_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_404889 div {
   background: url(roundedcornr_404889_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_404889 {
   background: transparent url(roundedcornr_404889_br.gif) no-repeat bottom right;
}

.roundedcornr_top_404889 div, .roundedcornr_top_404889,
.roundedcornr_bottom_404889 div, .roundedcornr_bottom_404889 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_404889 { margin: 0 5px; }