/*------------------------------------------------------------------------
# JA Nerine 1.0 - July, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# ------------------------------------------------------------------------
# Modified by Bryan Sloan
# Website: http://www.machonemedia.ca
-------------------------------------------------------------------------*/


/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body{
color: #000;
font-family: Arial, sans-serif;
line-height:1.3;
}

html,body{
background: #fff url(../images/vmlogix/bg.png) top left repeat-x;
}

body#bd {
	color: #808080;
	font-size:12px;
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family:Arial, sans-serif;
	line-height: 140%;
}


/* Normal link */
a {
	color: #CC0000;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #CC0000;
	text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif;
font-weight: normal;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption {
	font-size: 90%;
	color: #999999;
}

/* Heading */
h1 {
font-size: 16px;
color: #000;
font-weight:bold;
line-height:normal;
}

h4 {
	color:#2490BF;
}

p, pre, blockquote, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul li {
	padding-left: 5px;
	padding-bottom: 5px;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CACACC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
	margin:0px;
}

td, div {
	font-size: 100%;
}


/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox, .inputbox_search {
	padding: 1px;
/*	font-family: Tahoma, Arial, sans-serif;*/
	font-family:Arial, sans-serif;
	font-size: 100%;
}

select, textarea, .inputbox, .inputbox_search {
	background: #FFFFFF;
	color: #4F4F4F;
}

.button {
font-weight: bold;
color: #4F4F4F;
background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
border: 1px solid #CACACC;
padding: 1px;
margin:0;
}

.inputbox, .inputbox_search {
	margin-bottom: 1px;
	padding: 3px 0 3px 5px;
	background: #FFFFFF;
	border: 1px solid #CACACC;
}

.inputbox:hover, .inputbox:focus, .inputbox_search:focus, .inputbox_search:hover {
	border: 1px solid #999999;
	background: #FFFFCC;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	font: 1em/1.5 "Courier News", monospace;
	background: #FFFFFF;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding : 10px 15px;
	margin: 0;
	background: #FFFFFF;
	border: 1px solid #CACACC;
}

/* Small quote */
.small-quote {
	background: none;
	margin: 0;
	padding: 0;
}

.small-quote span.open-quote {
	background: url(../images/so-q.gif) no-repeat center left;
	margin: 0;
	padding-left: 20px;
}

.small-quote span.close-quote {
	background: url(../images/sc-q.gif) no-repeat center right;
	margin: 0;
	padding-right: 20px;
}

.small-quote span.author {
	display: block;
	padding: 2px 5px 2px 20px;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	text-transform: uppercase;
	font-size: 90%;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Georgia, Times, serif;
}

.dropcap-hilite {
	float: left;
	margin-right: 5px;
	padding: 4px;
	display: block;
	color: #CC0000;
	background: #FFFFFF;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	margin-top:40px;
	margin-left:20px;
	padding-left: 25px;
	color: #666666;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	margin-top:40px;
	margin-left:20px;
	padding-left: 25px;
	color: #999999;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	margin-top:40px;
	margin-left:20px;
	padding-left: 25px;
	color: #666666;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
}

p.download {
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	color: #CC0000;
	background: url(../images/ol-bg.gif) no-repeat top left;
	font: 20px/normal Arial, sans-serif;
	font-weight: bold;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	font-weight: bold;
	background: url(../images/author.gif) no-repeat center left;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Box style */
.box-hilite {
	background: url(../images/box-hilite-bg.gif) repeat-x bottom left #FFFFFF;
	margin: 20px 0 0 0;
	padding: 15px;
	border: 1px solid #CACACC;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_seperator {
	display: none;
}

#ja-col1 .article_seperator, #ja-col2 .article_seperator {
	display: none;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse:collapse;
}
table.contentpaneopen h4, table.contentpaneopen p{
text-align:left;
font-size:12px;
}
table.contentpaneopen h4{
color:#003D79;
font-size:12px;
margin:0;
padding:10px 0 5px 0;
}

table.contentpaneopen td {
padding:0;
}

table.contentpaneopen h1{
margin:0;
padding:0 0 5px 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
	background: url(../images/arrow.png) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #CACACC;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
	border-collapse: collapse;
	border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
	border: none;
	background: #DCDDE0;
}

table.pollstableborder tr.sectiontableentry2 td {
	border: none;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
	width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
	margin: 10px 0;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	color: #4F4F4F;
	font-size: 155%;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/arrow.png) no-repeat 0 8px;
}

td.buttonheading {
	padding: 0 0 0 3px!important;
	text-align: center;
}

.category {
	font-weight: bold;
	font-size: 125%;
}

.clr {
	clear: both;
}

.componentheading {
padding: 0 0 5px 2px;
margin-bottom: 10px;
/*background: url(../images/sep.gif) repeat-x bottom;*/
font-size: 250%;
line-height: normal;
border-bottom:1px solid #D0D0D0;

}

.contentdescription {
	padding-bottom: 30px;
}

.contentpaneopen .contentheading h1,  .contentheading h1{
color:#000;
font-size: 22px;
line-height: normal;
font-weight:normal;
padding: 10px 0 1px 0;
margin:0 0 10px 0;
border-bottom:1px solid #f1f1f1;
}
.contentpaneopen h2{
font-size: 14px;
font-weight:bold;
border-bottom: 1px solid #808080;
color:#003D79;
padding-bottom:6px;
margin:0 0 5px 0;
}


a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	float: left;
	padding: 1px 5px 1px 16px;
	display: block;
	font-size: 90%;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/arrow3.png) no-repeat 5px 7px #4F4F4F;
	color: #FFFFFF;
}

a.readon:hover, a.readon:active, a.readon:focus {
	color: #FFFFFF;
	background: url(../images/arrow3.png) no-repeat 6px 7px #CC0000;
	text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
}

.createdate {
	padding: 2px 0 0 2px;
	line-height: 10px;
	font-weight: bold;
}

.modifydate {
	color: #999999;
	height: 15px;
	padding-top: 15px;
}

.moduletable {
	padding: 0;
}

.mosimage {
	margin: 15px 5px 15px 0;
	padding: 0 5px 5px;
}

* html .mosimage { /*IE 6*/
	padding: 5px 0 !important;
	margin: 15px 10px 15px 0;
}

*+html .mosimage { /*IE 7*/
	padding: 5px 0 !important;
}

.mosimage img {
	padding: 0 !important;
	margin: 0 !important;
}

.mosimage_caption {
	margin-top: 5px;
	padding: 1px 2px;
	color: #999999;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
	padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	text-decoration: none;
}

.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader {
	padding: 5px;
	border: 1px solid #4F4F4F;
	background: #4F4F4F;
	color: #FFFFFF;
	font-weight: bold;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
	background: url(../images/sep.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background: url(../images/sep.gif) repeat-x bottom #EAEBEE;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/sep.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	padding-top:6px;
}
#top-bar {
margin:0;
padding: 0;
font-size:10px;
color:#B8CFE9;
width:920px;
text-align:left;
}
#top-bar  h3{
float:left;
margin:0;
padding:0;
font-size:10px;
color:#B8CFE9;
font-weight:normal;
}
#top-nav{
float:right;
}
#top-nav a{
color:#B8CFE9;
text-decoration:none;
}
#top-nav a:hover, #top-nav .selected{
color:#fff;
}
#top-nav .moduletable{
border-collapse:collapse;
margin:0;
}

#main-container {
/*border:1px solid red;*/
width:960px;
margin:0 auto;
background-color:#fff;
/*padding-top:20px;*/

}
#ja-botsl,
#ja-footer,
/*#ja-header,*/
#ja-mainnav,
#ja-subnav,
#ja-container {
/*	width: 770px;
	margin: 0 auto;*/
}

.wide #ja-botsl,
.wide #ja-footer,
/*.wide #ja-header,*/
.wide #ja-mainnav,
.wide #ja-subnav,
.wide #ja-container {
	/*width: 900px;*/
/*	width:878px;
	margin: 0 auto;*/
}

#ja-container {
background: #fff url(../images/vmlogix/content_bg.gif) top left repeat-y;
margin:0;
padding:0;
}

#ja-content {
padding: 0 0 15px 0;
margin: 0;
clear: both;
display: block;
float:left;
width:100%;
}
#ja-content h3{
color:#003D79;
font-size:12px;
margin:0;
padding:0 0 2px 0;
}
#ja-content p{
margin:0;
padding:0 0 10px 0;
}
#ja-content .table-list td{
border-top: 1px solid #E7E8E9;
padding:10px 0 0 0;
}
#ja-content .table-list .first td{
border:none;
padding-top:0;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	width:920px;
	height:52px;
	padding:10px 20px 13px 20px;
	background: url(../images/vmlogix/header_bg.png) top left no-repeat;
}

#ja-header {
	clear: both;
	float:left;
	text-align: left;
	line-height: normal;
	position:relative;

}
#ja-toplinks {
	position: absolute;
	top: 10px;
	right: 33px;
	padding-left: 17px;
	color:#2e569c;
	font-size:11px;
/*	font-weight:bold;*/
}
#ja-toplinks .button {
	color: #4F4F4F;
	background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
	border: 1px solid #CACACC;
	padding: 0;
	margin:0;
	font-size:11px;
}

#ja-toplinks a{
	color:#2e569c;
	font-size:11px;

	/*font-weight:bold;*/
	text-decoration:none;
}
#ja-toplinks a:hover{
	text-decoration:underline;
}
/*#ja-search .inputbox {
	color: #FFFFFF;
	width: 120px;
	background: #3A3A3A;
	border: 1px solid #747474;
	padding: 2px 5px 3px;
}*/


#ja-header h1 {
	margin: 0;
	padding: 0;
	text-indent: -1000px;
}

#ja-header h1 a {
	width:151px;
	height:37px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}

#ja-header h1 img {
	float: left;
}
#ja-intro {
}
#ja-intro h1 {
	color:#4C6C9B;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:64px;
	left:20px;
	text-indent: 0px;
}
#ja-intro h2 {
	color:#4C6C9B;
	font-size:11px;
	font-weight:bold;
	
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#nav-wrap{
float:right;
padding-top:20px;
}

#ja-mainnav {
	/*background: url(../images/header-bottom.jpg) no-repeat bottom right #3A3A3A;*/
}

#ja-mainnavwrap a,
#ja-mainnavwrap a:hover,
#ja-mainnavwrap a:active,
#ja-mainnavwrap a:focus {
	outline: none;
}

.ja-menu-right-active {
	float: left;
	display: block;
	height: 28px;
	width: 32px;
	/*background: url(../images/mainnav-active-lr.png) no-repeat bottom right;*/
}

.ja-menu-right {
	float: left;
	display: none;
	/*background: url(../images/mainnav-right.png) no-repeat bottom right;*/
	/*border: 1px solid red;*/
}

#ja-subnavwrap {
	background: #1F1F1F;
}

#ja-subnav {
}

/* Default Joomla! Menu */
a.mainlevel {
padding: 1px 15px;
display: block;
color: #505050;
text-decoration: none;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
a.mainlevel#active_menu,
#active_menu,
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #FFDB78;
background-color:#808080;
text-decoration: none;
}

a.sublevel {
padding: 1px 15px;
display: block;
color: #a2a2a2;
text-decoration: none;
}

/* MODULE
--------------------------------------------------------- */

#ja-col1 div.moduletable {
width:180px;
margin:0 0 15px 0;
padding:0;
}
#ja-col1 div.moduletable h3{
color:#fff;
background-color:#77787b;
text-transform:capitalize;
font-size: 11px;
margin:0;
padding:1px 15px;
}
div.moduletable-blank {
	background: none;
	padding: 0;
	margin-bottom: 15px;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-spotlight {
margin: 0;
padding: 0;
width:960px;
overflow:hidden;
}

#news-ticker{
background: url(../images/vmlogix/news_bg.png) top left repeat-x;
height:15px;
color:#fff;
padding:14px 20px;
}
#news-ticker #ticker{
margin:0;
padding:0;
list-style:none;
display:inline;
}
#news-ticker #ticker li{
margin:0;
padding:0;
position:absolute;
display:inline;
}
#news-ticker h4{
color:#fff;
margin:0;
padding:0 4px 0 0;
display:inline;
font-weight:bold;
font-size:12px;
}
#news-ticker a{
color:#fff;
text-decoration:none;
}
#news-ticker a:hover{
text-decoration:underline;
}
#news-ticker strong{
font-weight:normal;
}
#news-ticker .alignleft{
width:800px;
}
#news-ticker .alignright{
width:120px;
text-align:right;
}

#home-product-info{
height:103px;
background: #002f65 url(../images/vmlogix/home_products_bg.png) top left no-repeat;
padding:40px 20px;
}
#home-product-info a{
display:block;
color:#91B0D5;
text-decoration:none;
font-size:12px;
}
#home-product-info a:hover{
color:#fff;
}
#home-product-info a span{
color:#fff;
}
#home-product-info .product-one, #home-product-info .product-two, #home-product-info .product-three{
width:230px;
float:left;
padding-right:90px;
}
#home-product-info .last{
padding-right:0;
}

#homeSlideshow {
width:960px;
height:300px;
z-index:10;
}
#mainbutton_wrapper{
margin-top: 215px;
margin-left:310px;
position:absolute;
z-index:11;
overflow:hidden;
}
/*#mainbutton_wrapper, x:-moz-any-link { margin-top: 194px; }*/

#ja-mainbutton #registerbg,  #evaluatebg, #learnbg{
float:left;
padding-left:10px;
}
#ja-mainbutton a{
display:block;
text-decoration:none;
width:200px;
height:40px;
text-indent:-999px;
overflow:hidden;
}

#ja-mainbutton #registerbg a{
background: url(../images/vmlogix/register_button.png) top left no-repeat;
}
#ja-mainbutton #evaluatebg a{
background: url(../images/vmlogix/evaluate_button.png) top left no-repeat;
}
#ja-mainbutton #learnbg a{
background: url(../images/vmlogix/learn_button.png) top left no-repeat;
}

/* Middle spotlight */
#middle_logos .column{
width: 266px;
padding: 0;
margin:0;
}
#middle_logos .column h3{
margin:0;
padding:0 0 0 15px;
font-size:12px;
font-weight:bold;
color:#DBDBDB;
background-color:#196D9D;
}


/* Spotlight Box Style */
#ja-topsl h3, #ja-botsl h3{
font-size: 12px;
margin:0;
padding:10px 20px 5px 20px;
color:#fff;
background-color:#FFC425;
}

/* Top Spotlight */
#ja-topsl{
padding: 0;
margin:0;
}
#ja-topsl h3{
background-color:#FFC425;
}
#ja-topsl .column-one{
width:480px;
float:left;
overflow:hidden;
}
#ja-topsl .column-two{
width:240px;
float:left;
overflow:hidden;
background-color:#ece8dd;
}
#ja-topsl .column-two h3{
background-color:#FAA628;
}
#ja-topsl .column-three{
width:240px;
float:left;
overflow:hidden;
text-align:center;
}
#ja-topsl .column-three img{
padding:20px 0;
text-align:center;
}
#ja-topsl .column-three h3{
text-align:left;
}

#ja-topsl .column-one ol, .custom-content-list{
list-style: url(../images/vmlogix/bullet_arrow_white.png);
}
#ja-topsl .column-one ol li, #ja-topsl .column-two ol li{
padding:3px 0;
}
#ja-topsl .column-one ol li a, #ja-topsl .column-two ol li a{
color:#636467;
text-decoration:none;
}
#ja-topsl .column-one ol li a span, #ja-topsl .column-one ol li a:hover, #ja-topsl .column-two ol li a:hover{
color:#003D79;
}

#ja-topsl .column-two ol{
list-style: url(../images/vmlogix/bullet_arrow_brown.png);
}

/* Bottom Spotlight */
#ja-botslwrap {
	border-top: 3px solid #999999;
	background: #3A3A3A;
	color: #CACACC;
}

#ja-botsl {
	padding: 15px 0;
}

#ja-botsl h3 {
	color: #FFFFFF;
	margin: 0 0 10px;
	padding: 0;
}

#ja-botsl div.moduletable {
	margin: 0;
	padding: 5px 15px;
	background: none;
}

#ja-botsl a, #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #FFFFFF;
}

#ja-topsl ul,
#ja-botsl ul {
	padding: 0;
	margin: 0 !important;
}

#ja-botsl .article_seperator,
#ja-topsl .article_seperator {
	display: none;
}

#ja-botsl table,
#ja-topsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* Top Banner Image */
#top_banner{
background: url(../images/vmlogix/top_banner.jpg) top left no-repeat;
width: 800px;
height: 29px;
}

/* PATHWAY
---------------------------------------------------------*/
#ja-pathway {
display: block;
color: #fff;
font-size:9px;
background-color:#000;
padding: 15px 20px;
}
#ja-pathway h1{
font-size:24px;
color:#fff;
margin:0;
padding:0;
font-weight:normal;
}

#ja-pathway img{
margin:0;
vertical-align:text-bottom;
}

#ja-pathway a {
color: #939598;
text-decoration:none;
}

/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-containerwrap-fl, #ja-containerwrap {
	width:960px;
}

#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
width:100%;
}

#ja-mainbody, #ja-mainbody-fl {
margin:0;
padding:0;
}

#ja-mainbody-f, #ja-mainbody-fr  {
	float: none;
	width: 100%;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 180px;
}

#ja-col2 {
float:right;
width: 240px;
overflow:hidden;
font-size:12px;
}

#ja-col2 ul{
list-style:url(../images/vmlogix/bullet.png);
padding:15px 0 15px 40px;
margin:0;
color:#231F20;
}
#ja-col2 ul li{
background:none;
padding:2px 0;
margin:0;
}
#ja-col2 ul li a{
color:#231F20;
text-decoration:none;
}

#ja-col2 h3{
padding:5px 20px;
margin:0;
color:#fff;
font-size:12px;
background-color:#7399C6;
}

#ja-col2 .moduletable-resource-module h3{
background-color:#6DB33F;
}
#ja-col2 .moduletable-call-outs h3, #ja-col2 .moduletable-solutions-module h3{
background-color:#FFC425;
}

#ja-col2 .moduletable-awards-module h3, #ja-col2 .moduletable-education-module h3{
background-color:#F78F1E;
text-align:left;
}
#ja-col2 .moduletable-awards-module{
background-color:#fff;
text-align:center;
}
#ja-col2 .moduletable-awards-module img{
padding:30px 0;
}



#ja-contentwrap, #resource-subcontentwrap{
float:left;
width:720px;
padding: 0;
margin: 0;
}
#resource-contentwrap{
margin:0;
padding:0;
width:620px;
float:left;
overflow:hidden;
}
#resource-subcontentwrap #ja-content{
width:395px;
}

#resource-contentwrap .contentpaneopen .contentheading h1{
display:none;
}
#resource-contentwrap #ja-pathway{
padding: 4px 0 0 10px;
margin:0;
}
#ja-contentwrap .contentpaneopen{
width:100%;
}

#ja-col2 h6, #ja-col2 .moduletable_did-you-know h3{
font-size:11px;
color:#000;
margin-bottom: 4px;
border-top:1px solid #f1f1f1;
}
#ja-col2 .moduletable_did-you-know{
padding-top: 10px;
color:#a2a2a2;
}
#ja-col2 .moduletable_did-you-know a{
background:none;
padding-left:0;
}
#ja-col2 a:hover{
text-decoration:underline;
}

#ja-col1 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/arrow.png) no-repeat 3px 8px;
}

#ja-col1 ul,
#ja-col2 ul {
	margin: 0;
}

/* USER TOOLS
--------------------------------------------------------- */
#ja-usertoolswrap {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/usertools-right.gif) no-repeat bottom right #999999;
}

#ja-usertools {
	float: left;
	background: url(../images/usertools-left.gif) no-repeat bottom left;
	padding: 4px 5px 4px 15px;
}

#ja-usertools ul {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

#ja-usertools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: inline;
}

#ja-usertools img {
	margin: 0 4px 0 0;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
background-color:#7399C6;
width:960px;
color:#B8CFE9;
font-size:11px;
}

#footer{
padding: 20px;
line-height:1.4;
}
#footer a {
color:#B8CFE9;
text-decoration:none;	
display:block;
}
#footer a:hover{
color:#fff;
}
#footer .row{
float:left;
width:120px;
padding-right:10px;
}
#footer .lastrow{
padding-top: 15px;
font-size:12px;
}
#footer .lastrow .links{
float:right;
width:400px;
text-align:right;
margin:0;
padding:0;
}
#footer .lastrow .links li{
float:right;
padding:0 0 0 10px;
}
#footer .lastrow, #footer .lastrow a{
color:#B8CFE9;
}
#footer .lastrow a:hover{
color:#fff;
}
#footer .row h5{
font-size:12px;
margin:0;
padding:0;
color:#fff;
}
#footer .links{
width:auto;
list-style: none;
line-height:normal;
font-size:12px;
padding:5px 0 0 0;
margin:0;
}
#footer .links li{
margin:0;
padding:0;
background:none;
}
#footer #copyright{
float:left;
width:480px;
text-align:left;
}


#footer small, #footer address {
	padding: 0 0 5px;
	font-size: 100%;
	color: #4F4F4F;
	font-style: normal;
	display: block;
}

#ja-botnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	right: 0;
}

#ja-botnav li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#ja-botnav a {
	display: inline;
	background: url(../images/bullet-list.gif) no-repeat 13px 6px;
	padding: 0 0 0 25px;
	line-height: normal;
}

#ja-botnav a:hover {
	text-decoration: underline !important;
}

/* Search */
#ja-search {
	position: absolute;
	top: 40px;
	right: 10px;
	background: url(../images/vmlogix/icon-search.gif) no-repeat center right;
/*	padding-left: 17px;*/
	width:160px;
/*	border:1px solid red;*/
	z-index:0;

	
}

#ja-search .inputbox {
	color: #FFFFFF;
	width: 132px;
	background: #8CA1C1;
	border: 1px solid #747474;
	/*padding: 2px 5px 3px;*/
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

#ja-banner {
	text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
	width: 80%;
}

#mod_login_remember {
	border: none;
	background: none;
}

/* JA SLIDESHOW
-------------------------------------------*/
div#ja-slideshow-wrap {
	background: #4F4F4F;
	border: 3px solid #CACACC;
}

div.ja-slideshow-case {
	margin: 0;
}

div.ja-slideshow-case p {
	padding-top: 9px;
}

div.ja-slidebar {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #4F4F4F;
}

div.ja-slidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	z-index: 10001;
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
	font-family:Arial, sans-serif;
	font-size: 90%;
}

div.ja-slidebar ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	background: none;
}

div.ja-slidebar ul a {
	float: left;
	margin-right: 1px;
	padding: 4px 6px;
	display: block;
	color: #EAEBEE;
	cursor: pointer;
	text-decoration: none;
	line-height: normal;
}

div.ja-slidebar ul a:hover,
div.ja-slidebar ul a:active,
div.ja-slidebar ul a:focus {
	background: #4F4F4F;
	text-decoration: none;
}

div.ja-slidebar ul a.active {
	border: none;
	background: #CACACC;
	color: #4F4F4F;
	text-decoration: none;
	font-weight: bold;
}

div.ja-slidebar ul li a.prev,
div.ja-slidebar ul li a.next {
	display: block;
	font-weight: bold;
}
 
div.ja-slidebar ul li a.prev {
	padding-left: 20px;
}

.description {
	position: absolute;
	bottom: 0;
	background: #FFFFFF;
	color: #4F4F4F;
	font-weight: bold;
	width: 100%;
	padding: 4px 0;
	text-indent: 8px;
}

.description-hidden {
	padding: 0;
	position: absolute;
	bottom: 0;
}

div.shadow {
	/*background: url(../images/shadow.gif) repeat-x top;*/
	background: url(../images/vmlogix/shadow1.gif) repeat-x;
	/*padding: 2px 0 2px;*/
/*	border:1px solid red;*/
	height:13px;
	line-height: normal;
	clear: both; 
}

address {
	font-style: normal;
}

/* Clearfix */
.clearfix:after, .clear:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix, * html > body .clear {
	width: 100%;
	display: block;
}

* html .clearfix, * html .clear {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
/* Added By Sundaram */
table.structure {
	width:auto;
	border:1px solid #7399C6;
	border-collapse:collapse;
}
table.structure th {
	background:#7399C6;
	padding-left:10px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
}
table.structure .grey td{
background-color:#E6E6E6;
padding-left:10px;
color:#000;
}
table.structure tr {
	border:1px solid #7399C6;
}
table.structure td {
	padding:5px 10px;
	border:1px solid #7399C6;
	width:auto;
}
table.structure td ul{
margin:0;
padding:0 0 0 20px;
}
.required {
	color:#FF0000;
}

ul.firstlevel {
margin:0 0 15px 0;
padding:0;
list-style:none;
}
ul.firstlevel li{
padding:0;
margin:0;
background:none;
}
ul.firstlevel li h3{
font-size: 12px;
margin:20px 0 0 0;
padding:0;
color:#616161;
}

ul.firstlevel ul{
margin-left:-10px;
}
ul.firstlevel li li{
padding-left:35px;
}
ul.secondlevel {

}
ul.secondlevel li{

}

/* Customized module suffix */
#ja-col1 div.moduletable-button {
	background:none;
}
#ja-col1 div.moduletable-start {
	width:184px;
	height:214px;
	margin-top:5px;
	margin-bottom:10px;
	background: url(../images/vmlogix/start-bg.png) repeat-x top left;
}
#ja-col1 div.moduletable-start h3 {
margin-left:15px;
padding-top:10px;
margin-top:-5px;
color:#F49400;
}
#ja-col1 div.moduletable-start table {
	margin-left:8px;
}
#ja-col1 div.moduletable-start a {
	text-decoration:none;
	/*color:#4F4F4F;*/
	color:#0264B0;
}
#ja-col1 div.moduletable-start a:hover {
	text-decoration:underline;
}
#ja-col1 div.moduletable-involve {
	width:184px;
	height:214px;
	margin-top:5px;
	background: url(../images/vmlogix/involve-bg.png) repeat-x top left;
}
#ja-col1 div.moduletable-involve h3 {
	margin-left:15px;
	padding-top:10px;
	color:#F49400;
}
#ja-col1 div.moduletable-involve img {
	margin-top:5px;
	width: 150px;
	height:42px;
}
/* Ended */
/* For Alert Box */
#dhtmltooltip{
position: absolute;
width: 300px;
padding: 5px;
background-color: #0264B0;
visibility: hidden;
z-index: 100;
color:#FFFFFF;
}

a.change { 
	font-size:8px;
}

/*added by dinesh */

p.legal{
	color:#999999;
}
/*end*/



/* Unique styles for Resources Page */
#resources-page .row{
padding-bottom:15px;
}
#resources-page .row .alignleft{
width:120px;
}
#resources-page .row .alignright{
width:549px;
padding-top:25px;
}
#resources-page .row .alignright b{
color:#003D79;
}
#resources-page .row .alignright .custom-content-list a{
color:#003D79;
font-weight:bold;
text-decoration:none;
}

#resources-page h4, #resources-page p a{
font-weight:bold;
color:#003D79;
text-decoration:none;
}

#resource-subcontentwrap #ja-content, #resource-subcontentwrap .contentpaneopen{
width:100%;
}
#resource-subcontentwrap .small{
font-size:85%;
color:#999;
}
#resource-contentwrap .article_seperator, #resource-subcontentwrap .article_seperator{
display:none;
}
#resource-contentwrap #ja-content{
padding-bottom:0;
}
#resources-page h3{
color:#fff;
padding:4px 8px;
margin:0;
font-size:12px;
font-weight:bold;
}
#resource-subcontentwrap{
font-size:12px;
}
#resource-subcontentwrap p{
font-size:12px;
margin:0;
padding-bottom: 10px;
}
#resource-subcontentwrap h1{
color:#4F4F4F;
border-bottom:1px solid #bacee5;
font-weight:bold;
font-size:16px;
display:block;
padding-bottom: 10px;
}
#resource-subcontentwrap h4{
color:#3060a1;
font-size:14px;
margin:0 0 5px 0;
font-weight:bold;
}
#resource-subcontentwrap hr{
border-top:1px solid #bacee5;
}
#resource-subcontentwrap a{
text-decoration:none;
}
#resource-subcontentwrap a:hover{
text-decoration:underline;
}

#resources-page #header-one{
background-color:#403152;
margin:0;
}
#resources-page #header-two{
background-color:#1e2756;
margin:0;
}
#resources-page #header-three{
background-color:#404040;
margin:0;
}



.blue-box{
background-color:#003D79;
font-size:14px;
color:#fff;
padding:30px 20px;
}

.columns{
padding:40px 20px;
}
.left-column, .center-column, .right-column{
width:206px;
padding-right:20px;
}
.right-column{
padding-right:0;
width:226px;
}


.tabs-container{
list-style:none;
margin:0;
padding:0 0 5px 0;
_padding:0;
height:30px;
overflow:hidden;
background-color:#003D79;
border-bottom:5px solid #FFC425;
}
.tabs-container li{
padding:0 5px 0 0;
float:left;
}
.tabs-container li a{
font-size:12px;
display:block;
padding:10px 15px;
background-color:#7399C6;
width:110px;
height:15px;
overflow:hidden;
color:#B8CFE9;
text-decoration:none;
}
.tabs-container li a:hover, .tabs-container .active a{
background-color:#FFC425;
color:#fff;
text-decoration:none;
}
.tabs-container .last{
padding:0;
}

.tab-content{
padding:40px 20px;
}
.no-top-padding{
padding-top:0;
}

#event-content h4{
padding-bottom:20px;
}

table.structure .table-column1{
width:200px;
}

/* News/Events */
#event-listings h2, #event-listings h2 a{
font-size:14px;
color:#003D79;
border:none;
padding:0;
margin:0;
}
#event-listings .ev_td_left{
font-size:12px;
color:#003D79;
font-weight:bold;
}
#event-listings .row p{
padding:0;
margin:0;
}
#event-listings .row p .ev_link_row{
color:#003D79;
font-weight:bold;
}
#event-listings .row{
padding:10px 0;
border-bottom:1px solid #999;
}

.pagenav-container{
padding-top:20px;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding:0;
	margin: 0 0 57px 30px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}