body {
    width: 100%;
}

body, table { 
    color: #000000; 
    font-size: 13px; 
    font-family:  'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; 
    text-decoration: none; 
    margin: 0;
    padding: 0;
}


table td, table th {
    font-size:13px;
}
div.top_level_container {
  position:relative;
  text-align:left;
  overflow:hidden;
  width:100%;
}


div.center_layout_box {
  position:relative;
  width:100%;
  left:148px;               /* left_column width */
  /*border-left:1px dotted gray;*/   /* Vertical border between left and center column */
}

div.reset_layout_box {
  position:relative;
  width:100%;
  left:100%;
  margin-left:-129px;                /* NEGATIVE , shifts columns horizontally */
} 

div.right_layout_box {
  position:relative;
  width:100%;
  margin-left:-183px;              /* right_column width (NOTE minus sign) */
  left:-20px;
    /* Vertical border between center and right column
       If you use this you must adjust the left column width accordingly! */
    /* border-left:solid 10px white; */  
}

div.content_box {   /* Parent container of the three columns */
  position:relative;
  width:100%;
  margin-left:-100%;
  left:183px;                 /* right_column width */
}

div.left_column {
  float:left;
  width:148px;               /* left_column width */
}

div.right_column {
  float:right;
  width:183px;              /* right_column width actually 173 pixels */
}

div.center_column {
  margin-left:138px;               /* left_column width  */
  margin-right:183px;              /* right_column width */
  padding-left:10px;
  padding-right:10px;
}

* html div.center_column {
  height:1%;
  margin:0;
}

* html div.left_column {
  margin-right:-3px;
}

* html div.right_column {
  margin-left:-3px;
}

.clearfix:after {
content: "."; 
display: block;
height: 0px;
clear: both; 
visibility: hidden;
}

.heightfix:before {
content:'.';
display:block;
visibility:hidden;
height:0;
}

div.masthead {
  position: relative;
}

div.footer {
  clear:both;
  border-top:solid 2px black;
}

    
.footer {
    padding: 0.75em 0;
    font-size: 10px;
    text-align: center;
    background-image: url('../images/gray-bkgd.gif');
    position: relative;
}

.footer img {
    position: absolute;
    right: 0;
}

.footer ul {
    font-size: 10px;
    margin:0;
    padding: 0;
    text-align: center;
} 

.footer li {
    display:inline;
    margin: 0;
    padding: 0 0.2em 0 0.4em;
    border-left: 1px solid;
}

.footer li.first {
    border-left:none;
}

div#page_masthead {
    position: relative;
}

img#top_bar {
    display:block;
}

div#top_bar_ext {
  position: absolute;
  top: 0;
  left: 791px;
  height: 38px;
  width: 100%;
  background-image: url('../images/top-bar-bg.gif');
  background-repeat: repeat-x;
}

div#top_bar_menu {
    padding-bottom: 0.2em;
    border-bottom: 2px solid black;
}
   
#top_bar_menu img {
    border:none;
}
#top_bar_menu ul {
    display:inline;
    position: relative;
    left: 100px;
    margin:0;
    padding: 0;
} 

#top_bar_menu li {
    display:inline;
    padding: 0 1.5em 0 0;
}


#top_bar_menu a, #top_bar_menu a:visited, #top_bar_menu a:link   
{ 
    font-family: 'Helvetica Neue', Helvetica, Arial,'Lucida Grande', 'Lucida Sans Unicode',  sans-serif; 
     color: #000000; 
     font-size: 12px; 
     font-weight: bold; 
     text-decoration: none; 
}

#top_bar_menu a:hover {
	color: #E12E29;
	text-decoration: underline;   
}

#column_container {
    position: relative; /* Fixed IE7 overflow hidden bug */
    clear:both;
    float:left;
    width: 100%;
    overflow:hidden; /* This chops off any overhanging divs */
}


/* Main content area for  three column layout*/
div.center_content {      
    margin: 2em 0 3em 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
}

/* Left column content for three column layout*/
div.left_content {     
    margin: 2em 0 1.5em 0;
    width: 148px;
    border-top:1px dotted gray;   /* Vertical border between left and center column */
    border-left:1px dotted gray;   /* Vertical border between left and center column */
    border-right:1px dotted gray;   /* Vertical border between left and center column */
    border-bottom:1px dotted gray;   /* Vertical border between left and center column */
}

/* Right column content for three column layout*/
div.right_content {   
    margin: 3em 0 1.5em 0;
}



/* Main content area for one column layout */
div#one_column_content {
    
}


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



h1 {
    font-size: 15px;
    font-weight: bold;
    color: #C00;
    margin-top: 1.5em;

}

h1 a, h1 a:link, h1 a:visited, h1 a:hover { 
    color: #C00; 
    text-decoration: none; 
}

h2 {
    font-size: 13px;
    font-weight: bold;
    margin-top:2em;
    margin-bottom: 0;
    color: #C00;
}

h3, h4 {
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
}

h3 {
    color: #003366;
}

h4 {
    color: #000;
}


div.center_content ul {
    margin-bottom: 2em;
}






/* ----------------------------------------------------------------- */       
a, a:link, a:visited  { 
    color: #000000; 
    text-decoration: underline; 
}

a:hover {
	color: #C00;
}

a.large_link, a:link.large_link, a:visited.large_link {
    font-size: 13px;
}



.boldredheader {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #C00;
	text-decoration: none;
}

.large-blue-header {
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}



/*  list styles --------------------------------------------------------*/


ul.plain_list {
  list-style: none;  
  margin: 0;
  padding: 0;
}

ul.disc {
    list-style-type: disc;
}

ul.circle {
    list-style-type: circle;
}

ul.square {
    list-style-type: square;
}

ul.disc,
ul.circle,
ul.square {
    padding-left: 1.5em;
    line-height: 1.5em;
}


/*  sidebar ----------------------------------------------------------*/


#sidebar ul {
    padding-left: 1em;
    padding-top: 1em;
    margin: 0 0 2em 0;
    
}

#sidebar li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 2.5em;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
    font-family: 'Helvetica Neue', Helvetica, Arial,'Lucida Grande', 'Lucida Sans Unicode',  sans-serif; 
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#sidebar a:visited {
	color: #000000;
	text-decoration:none;
}

#sidebar a:hover {
	color: #E12E29;
	text-decoration: underline;
}


/*  support sidebar ---------------------------------------------*/
#support_sidebar {
    color: #313163;
    background-color: #ddd;
    margin: 5px;
    padding: 5px;
    border: 1px solid;
    margin-bottom: 1em;
}

#support_sidebar ul {
    padding-left: 0.7em;
    padding: 0.5em;
    margin: 0;
    
}

#support_sidebar li {
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

#support_sidebar li#login {
    position: relative;
    left: -3px;
}

#support_sidebar li#login a {
  text-align: center;
  border: 1px solid;
  background: #ccc;
  padding: 3px 3px 3px 3px;
  display: block;
}

#support_sidebar li#login a:hover {
  background: #aaa;
}

#support_sidebar li hr {
    background: #313163;
    height: 2px;
    margin-left: -3px;
    
}


#support_sidebar a, 
#support_sidebar a:link, 
#support_sidebar a:visited {
    font-family: 'Helvetica Neue', Helvetica, Arial,'Lucida Grande', 'Lucida Sans Unicode',  sans-serif; 
	font-size: 12px;
	text-decoration: none;
	color: #313163;
	font-weight: bold;
}

#support_sidebar a:visited {
	color: #313163;
	text-decoration:none;
}



/*  -------------------------------------------------------------*/

div.callout_box {
    
    margin-top: 2em;
}

div.callout_head {
    width: 173px;
    height: 20px;
    background-image: url('../images/sidebar-box-top-bkgd.gif');
    color: white;
    overflow: hidden;
    
}

div.callout_head div.caption {
    padding: 3px;
}


div.callout {
    background-image: url('../images/sidebar-calloutbox-bkgd.gif');
    width: 173px;
    font-size: 11px;
}

div.callout div.callout_padding {
    padding: 1em 0.7em;
}

div.callout h1 {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    margin-bottom: 0.75em;
    color: #036;
}


div.callout h2 {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    margin-bottom: 0.75em;
    color: #036;
}

div.callout p {
    margin: 0.75em 0;
    text-align: left;
    line-height: 1.4;
}

div.callout ul  {
    margin-left:8px;
    margin-bottom: 0;
    margin-top: 0.75em;
    padding-left:10px;
    line-height: 1.4;
}



div.callout p.callout_reference {
    text-align: right;
}

ul.left_adjusted {
    padding-left:10px;
    margin-left:5px;
}


table#contact_info td {
    line-height: 1.7;
    vertical-align: top;
    padding: 0 0.2em;
}
		
table.compatibility {
	background-color : Gray;
	color:  #313163;
	border : 1px solid;
	border-spacing: 1px;
	margin-top: 1em;
	empty-cells: show;
}

p#compatibility_caption {
	text-align: left;
	font-size:9px;
	color:  #313163;
	
	margin: 0.4em 0 0.8em 0;
}

table.compatibility th {
 	background-color : #313163;
	color : White;
	font-size : 12px;
	font-weight : bold;
	vertical-align : middle;
	padding: 0.2em;
}

table.compatibility th span {
	font-size : 11px;
    font-weight: bold;
}

table.compatibility tr {
	background-color : White;
	font-weight : bold;
	font-size : small;
}

table.compatibility td {
	vertical-align : middle;
	font-size: 12px;
	text-align: center;
}

table.compatibility td.first {
	text-align: left;
	padding : 0.2em;
}

h1.compatibility {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18;
	font-weight : bold;
	color:  #73738C;
	text-align: left;
	margin-bottom : 2px;
}

table.feature_benefit {
    margin-top: 1.5em;
    background-color: #CCC;
    border-spacing: 1px;
    padding: 0;
}

p.feature_benefit_caption {
	text-align: left;
	font-size:9px;
	margin: 0.4em 0 0.8em 0;
}


table.feature_benefit th, table.feature_benefit td {
    width: 50%;
    border: 3px ridge #CCC;
}

table.feature_benefit th {
    color: #FFF;
    background-color: #900;
    text-align: center;
    font-weight: bold;
    padding: 1em;
}

table.feature_benefit td {
    color: #000;
    padding: 1em;
}

table.dist td { 
    width:200px; 
    text-align:left; 
    padding-bottom:15px;
}

table#strategic_partners {
    border-spacing: 0;
    border-collapse:collapse;
}


table#strategic_partners td {
    vertical-align: top;
    padding: 0.75em 0.5em;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
}


ul#news {
    padding-left: 0;
}
ul#news li {
    list-style: none;
    line-height: 2;
    margin-left: 0em;
}

ul#news li a {
    background: url('../images/notes.gif') no-repeat center left;
    padding-left: 2em;
}

h4.news_footer {
    margin-top: 4em !important;
}


div#industries {
    position:relative; 
    float:left; 
    top:-20px;  /* Must account for the margin */
}

.clear {
    clear: left;
}

p.industries_free {
    position: relative;
    width: 500px;  /* IE 7 and before have problems with position relative */
}
p.industries_free img {
    position: relative;
    padding-right: 2em;
    margin-bottom: 2em;
    border: none;
}

p.industries_free span {
    position: absolute; 
    top: 2em;
    left: 10em;
}

/*  Blog artilces page */
div#article_page h1 {
    font-size: 20px;
}

div.support_aside {
    margin-top: 2em;
    background-color: #ccc;
    padding: 1em;
}


div.support_aside h1 {
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
}

div.support_aside h2 {
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1em;
}


div.support_aside dt {
    font-style: italic;
    margin-top: 5px;
}

div.support_aside dd {
    margin-left: 2em;
}

/* Default error display
   This can be overridden in page specific .css files
 */
div#errors {
    border: 2px solid red;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    background-color: #ddd;
    font: bold smaller sans-serif;
    color: red;
}

div#errors ul {
    margin: 1em 1em 1em 0em;
    color: red;
}

/* Default notice display
   This can be overridden in page specific .css files
 */
div#notice {
    border: 2px solid #313163;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    background-color: #ddd;
    font: bold smaller sans-serif;
    color: #313163;
}

div#errors ul {
    margin: 1em 1em 1em 0em;
    color: red;
}

/* Table style used for basic entry forms with two columns like:
    Name   ________
    Age    ________
*/
table.basic_entry_form {
  font-size: 14px;
  background: #ccc;
  padding: 0.5em; 
  
}

table.basic_entry_form td {
  padding: 3px 10px;
  vertical-align: top;
}

table#training_schedule {
  margin-left: 2em;
}

table#training_schedule td {
  padding: 3px 5px;
}

table#demo_compatibility {
  margin-left: 1em;
}

table#demo_compatibility td, table#demo_compatibility th {
  padding: 1px 5px;
}

/* List style for supportplus documentation, faqs, new features */
ul.doc-list {
  list-style: none; 
  padding-left: 0;
  font-size: 13px;"
}
ul.doc-list li {
  background: #ddd;
  padding: 0.5em;
}