
/* reset
--------------------------------------------------------- */

html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
body
{
	font: 72% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
a img
{
}

/* typography
--------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin-bottom: 0.5em;
}
h1
{
	font-size: 2em;
}
h2
{
	font-size: 1.7em;
}
h3
{
	font-size: 1.5em;
}
h4
{
	font-size: 1.3em;
}
h5
{
	font-size: 1.2em;
}
h6
{
	font-size: 1em;
}
p
{
	margin: 0 0 10px;
}
blockquote
{
	margin: 1.5em 1em;
}
strong
{
	font-weight: bold;
}
em, dfn
{
	font-style: italic;
}
dfn
{
	font-weight: bold;
}
sup, sub
{
	line-height: 0;
}
abbr, acronym
{
	border-bottom: 1px dotted #666;
}
address
{
	margin: 0 0 1.5em;
	font-style: italic;
}
del
{
	text-decoration: line-through;
}
pre, code
{
	margin: 1.5em 0;
	white-space: inherit;
}
html > body pre, html > body code
{
	white-space: pre;
}
pre, code, tt
{
	font: 1em 'andale mono' , 'lucida console' , monospace;
	line-height: 1.5;
}
li ul, li ol
{
	margin: 0 2em;
}
ul, ol
{
	margin: 0 1.5em 1.5em 1.5em;
}
ul
{
	list-style-type: disc;
}
ol
{
	list-style-type: decimal;
}
dl
{
	margin: 0 0 1.5em 0;
}
dl dt
{
	font-weight: bold;
}
dd
{
	margin: 0 0 1em 1.5em;
}
tfoot
{
	font-style: italic;
}
caption
{
	background: #eee;
}
.small
{
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large
{
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide
{
	display: none;
}

/* forms
--------------------------------------------------------- */

form
{
	margin: 0;
	padding: 0;
}
label
{
	/*font-weight: bold;*/
}
fieldset
{
	padding: 1.4em;
	margin: 0 0 1.5em 0;
}
legend
{
	font-weight: bold;
	font-size: 1.2em;
}
input.text, input.title, textarea, select
{
	margin: 0.5em 0;
}
input.text:focus, input.title:focus, textarea:focus, select:focus
{
	border: 1px solid #666;
}
input.text, input.title
{
	width: 300px;
	padding: 5px;
}
input.title
{
	font-size: 1.5em;
}
textarea
{
	padding: 5px;
}

/* misc
--------------------------------------------------------- */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
* html .clearfix
{
	height: 1%;
}
*:first-child + html .clearfix
{
	min-height: 1px;
}
.clearfix
{
	display: block;
}
.clear
{
	clear: both;
}

/* Placeholder and misc
--------------------------------------------------------- */
body
{
	background: url(images/bg-top.gif) top repeat-x;
}
.wrapper
{
	width: 960px;
	margin: 30px 10px;
	position: relative;
}
/* -- This is just for the purpose of this demonstration -- */

img.floatLeft
{
	float: left;
	margin-right: 5px;
}

a
{
	color: #0490C7;
	text-decoration: none;
}

.last
{
	padding-right: 15px;
}


/* Navigation
--------------------------------------------------------- */

#navigation
{
	float: right;
	height: 32px;
	width: auto;
	vertical-align: bottom;
}
#navigation li
{
	display: block;
	float: left;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif;
	font-size: 13px;
	font-size-adjust: none;
	letter-spacing: 0.02em;
	line-height: normal;
	list-style-image: none;
	list-style-type: none;
	vertical-align: bottom;
}
.clsNonVisitedlinks
{
	color: #888;
	font-weight: bold;
	vertical-align: bottom;
	padding: 0 35px 0 0;
	position: relative;
	text-decoration: none;
	text-align: right;
	font-family: Arial;
	font-size:13px;
}
.clsHomeLink
{
	font-family: Arial;
	color: #80c8e1;
	font-weight: bold;
	vertical-align: bottom;
	padding: 0 35px 0 0;
	position: relative;
	text-decoration: none;
	font-size:13px;
}
/*   */
#navigation a:hover, #navigation a:active, li.current_page_parent a, li.current_page_parent a:visited, #navigation li.current_page_item a, #navigation li.current_page_item a:visited
{
	color: #0490C7;
	padding: 0 35px 0 0; /* Temp Change*/
	text-decoration: none;
}



/* Blocks 1,2,3
--------------------------------------------------------- */

.col
{
	display: block;
	width: 184px;
	min-height: 200px;
	padding: 0 20px;
	clear: none;
	float: left;
	border-left: 1px solid #E7E7E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
}
.col h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.col h3
{
	font-size: 11px;
	font-weight: normal;
	color: #E4772D;
}
.col p
{
	font-size: 11px;
	line-height: 1.3em;
}
.col a
{
	color: #0490C7;
	text-decoration: none;
}
.col a:hover
{
	text-decoration: underline;
}


/*---Master Page---*/
.clsButton
{
	background: url(../Images/Requestdemo.JPG) repeat-x 0 0;
	height: 38px;
	width: 131px;
	border: none 0px white;
	cursor: hand;
}
.clsUl
{
	vertical-align: middle;
}
.clsSearchTextBox
{
	border: none 0px #E7E7E7;
	width: 130px;
	font-size: 0.95em;
	color: lightgrey;
	font-style: italic;
}
.clsSearchSpan
{
	border: 4px solid #E7E7E7;
	vertical-align: middle;
}
.watermark
{
	color: lightgrey;
	font-style: italic;
	width: 130px;
}
.watermark
{
	color: lightgrey;
	font-style: italic;
	width: 130px;
}
/* ---Footer--- */
#footer
{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	padding: 0px 0;
	clear: both;
	border-top: 3px solid #E7E7E7;
}
#footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #888;
}
#footer ul
{
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 2px;
}
#footer li
{
	display: inline;
}
#footer li a
{
	padding: 0 1px 0 2px;
}
#footer img
{
	vertical-align: middle;
}
/* End Master Page */


/*Content page(Home) */
.clsLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #888;
}
.clsLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
.h3
{
	font-size: 11px;
	font-weight: normal;
	color: #E4772D;
}
.h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.p
{
	font-size: 1.1em;
	line-height: 1.3em;
	text-align:left;
}
.lnkBlocks
{
	color: #0490C7;
	text-decoration: none;
}
.clsFeature
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
}
.clsFirstBlock
{
	width: 275px;
	height: 260px;
	padding: 30px 15x 20px 15px;
}
.clsSecondBlock
{
	background: url(../Images/carousel_img.jpg) repeat-x 0 0;
	width: 675px;
	height: 260px;
	padding: 30px 20x 20px 20px;
}
.clsHeadlabel
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: normal;
}
.clsHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	color: #E4772D;
}
.clsButtonDemo
{
	background-color: #E7E7E7;
	background: url(../Images/Demo2.bmp) repeat-x 0 0;
	height: 38px;
	width: 125px;
	border: none 0px white;
}
.clsButtonLearnMore
{
	background-color: Transparent;
	background: url(../Images/LearnMore.jpg) repeat-x 0 0;
	height: 38px;
	width: 120px;
	border: none 0px white;
}
.clsDiv
{
	display: block;
	width: 30%;
	min-height: 240px;
	padding: 0 10px;
	clear: none;
	float: left;
	border-left: 1px solid #E7E7E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #888;
}

.clsTwitterDiv
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:gray;
	width:200px;
	line-height: 1.3em;
	padding:0px 0px 0px 0px;
}
/* End Home Page */

/* --- User Control --- */
.clsProducts
{
	font-size: 1.0em;
	color: #888;
	text-decoration: none;
}
.clsProductsname
{
	font-size: 1.0em;
	color: #888;
}
.clsUserControl
{
	display: block;
	width: 78%;
	min-height: 120px;
	padding: 0 10px;
	clear: none;
	float: left;
	border-right: 1px solid #E7E7E7;
	color: #888;
}
.clslblOverview
{
	font-size: 1.8em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E4772D;
}
.clslblProductname
{
	font-size: 1.6em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0490c7;
}
.clslblProductnameWithBlueColor
{
	font-size: 1.6em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Blue;
}
.clsProductLearnMore
{
	background-color: Transparent;
	background: url(../Images/More.JPG) repeat-x 0 0;
	height: 38px;
	width: 120px;
	border: none 0px white;
	cursor: hand;
}
.clsParagraph
{
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #888;
	text-align: justify;
}
.clsShortDescription
{
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #888;
}
.clsSiteMap
{
	font-size: 0.85em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menuItem
{
	text-decoration: none;
	color: #0490c7;
}

/* --- End User Control --- */

/* --Tabs ---*/
ul.tabs
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 100%;
}
ul.tabs li
{
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a
{
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.0em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	color: #888;
}
ul.tabs li a:hover
{
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a
{
	/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fefefe; /*#fff;*/
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	color: #0490c7;
}
.tab_container
{
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content
{
	padding: 20px;
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	min-height: 250px;
}
.clsTabDiv
{
	display: block;
	width: 80%;
	padding: 0 10px;
	clear: none;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #888;
}
.clsTabCompACTDiv
{
	display: block;
	width: 70%;
	padding: 0 10px;
	clear: none;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #888;
}
.clsTDBorder
{
	border-left: 1px solid #999;
	border-top: none;
	border-right: 1px solid #E7E7E7;
}
.clsTabNext
{
	color: #e5762e;
	text-decoration:none;
}
.clsCompactDemo
{
	background-color: Transparent;
	background: url(../Images/CompACTRequestaDemo.jpg) no-repeat 0 0;
	height: 32px;
	width: 322px;
	border: none 0px white;
	cursor: hand;
}
.clsMADemo
{
	background-color: Transparent;
	background: url(../Images/request.JPG) no-repeat 0 0;
	height: 32px;
	width: 322px;
	border: none 0px white;
	cursor: hand;
}
/* -- End Tabs ---*/


/* Company Page Styles */
/* Mgmt Team Page */

.clsMgmtMember
{
	font-family: Arial;
	font-size: 18px;
	font-weight: lighter;
	color: #656565;
}
.clsMgmtPosition
{
	font-family: Arial;
	font-size: 16px;
	font-weight: lighter;
	color: #949597;
}

.clsMgmtDesc
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5em;
	color: #888;
	text-align: justify;
}

.clsPartnerLink
{
	text-decoration: none;
}

/* End Company */

/* Customers Page */
.clsCustomerDiv
{
	display: block;
	width: 68%;
	clear: none;
	float: left;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #E7E7E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #888;
	line-height: 1.5em;
	text-align: left;
}
.clsCusParagraph
{
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	color: #888;
	text-align: justify;
}

/* End Customers */

/* Company News  Page */

.clsCompanyNewsParagraph
{
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #888;
	text-align:justify;
}

.clsSubHeadingText
{
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #888;
	text-align: left;
}

.clsSubHead1
{
	color: Gray;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	padding: 0px 0px 10px 16px;
}
.clsSubHead2
{
	color: Gray;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}

.clsImgDiv
{
	padding-right: 8px;
	padding-left: 3px;
	float: left;
	padding-bottom: 2px;
	overflow: hidden;
	width: 150px;
	padding-top: 3px;
	height: 57px;
}
.clsHeadLines
{
	color: #e3772c;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
}
.clsDate
{
	color: #afafb1;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

/* End Company News */


/* Careers Page */

.clsImgArrow
{
	vertical-align: middle;
	border-top-style: none; 
	border-right-style: none;
	border-left-style: none; 
	border-bottom-style: none
}

.clsLblCarrers
{
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #888;
	margin-left: 10px
}
/* End of Careers */
/* Download Form */
.clsDownloadText
{
	width:280px;
	border:solid 2px Gray;
	height:20px;
}
.clsDownloadTextForProduct
{
	width:300px;
	border:solid 2px Gray;
	height:20px;
}
.clsRequestademoText
{
	width:320px;
	border:solid 2px Gray;
	height:20px;
}
.clsDownloaddiv
{
	border:solid 1px Black;
}
.clsHeadNote
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #E4772D;
	width:320px;
}

.clsLightboxSubmit
{
	background-color: Transparent;
	background: url(../Images/Submit.JPG) no-repeat 0 0;
	height: 28px;
	width: 100px;
	border: none 0px white;
	cursor: hand;
}
/* */

/* Jquery Tabs */

/*.ui-tabs { position: relative; padding:0px 0px 0px 0px; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") 
.ui-tabs .ui-tabs-nav { margin: 0; padding:0px 0px 0px 0px; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }*/

/* */