
body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 9pt;
     color: #333;
     padding: 0; 
     margin: 0; 
     background: #dfdfdf url(/images/structure/bg.gif);
     background-repeat: repeat-x;
     }

bodyHighlighted {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11pt;
     color: #333;
     padding: 0; 
     margin: 0; 
     }
a {
  color: #2971a7; 
  background: transparent; 
  text-decoration:none; 
  }

a:hover {
  color: #980000;
  background: inherit;
  text-decoration: none;
}

TABLE {
  font-size: 9pt;
}

.footer_tag {
	font-size: 13px;
	color: #dddddd;
	font-weight: bold;
}

.footer_title {
	font-size: 17px;
	color: #000000;
	align: center;
}

a.title { 
 color: #B41A1A; 
 }

h1 { 
  font: bold 2em Helvetica, Neue; 
  letter-spacing: -1px; padding: 16px 0 0 8px; 
  margin: 0; 
  }

h2 { 
  margin: 0; 
  padding: 0; font: normal 1.6em Helvetica, Neue; 
  letter-spacing: -1px; 
  color:#990000 
  }

h1 a { 
  color: #a8a8a8; 
  background: inherit; 
  }

h1 a, h2 a {
   text-decoration: none; 
   }

h1 a:hover, h2 a:hover {
   color: #BFE1ED; 
   background: inherit; 
   }

h3 { 
  font: 12px Helvetica, Neue; 
  font-weight:bold;
  margin: 0 0 10px 0; 
  padding: 0; 
  color: #5f5f5f; 
  background: transparent; 
  }

h4 {
  font: 11px Helvetica, Neue; 
  margin: 0 0 10px 0; 
  padding: 0; 
  color: #5f5f5f; 
  background: transparent; 
  }

h6 {
  font: 17px Helvetica, Neue; 
  margin: 0 0 10px 0; 
  padding: 0; 
  color: #5f5f5f; 
  background: transparent; 
  }
h5 { 
  margin: 0; 
  padding: 0; font: normal 1.6em Helvetica, Neue; 
  letter-spacing: -1px; 
  color: #5f5f5f; 
  }
p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background: transparent;
  color: #333;
  line-height: 1.5em;  
  }

li {
  background: transparent;
  padding-left: 0;
  margin-left: 0;
  }

ul{
  background: transparent;
  padding-left: 20px;
  margin-left: 0;
 }

ul.bullet {
	list-style-image: url(/images/icons/bullet_point.gif);
  text-align: left; 
	}

.indented  {
  padding-left: 50pt;
  padding-right: 0pt;
  }

.indented2  {
  padding-left: 250pt;
  padding-right: 0pt;
  }

.indented3  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #333;
  line-height: 1.5em;  
  position:relative; 
  padding-left: 43pt;
  padding-right: 0pt;
  }

/* layout
   ------ */

.top_banner {
  margin: 10px auto;	
  width: 768px; 
  height:90px; 
  background: #ffffff; 
  }

.header_background {
	background: url("/ibimg/Banner1Blue.png") no-repeat center;
	height: 350px;
	width: 920px;
	align: center;
	position: relative;
}

.trial_button {
	position: absolute;
	align: right;
	top: 115px;
	right: 50px;
}
.free_button{
	position: absolute;
	align: right;
	top: 185px;
	right: 50px;
}
.demo_button{
	position: absolute;
	align: right;
	top: 255px;
	right: 50px;
}

.links2 {
  background: transparent;
  text-align: left;
  font-weight: bold;
  width:550px;
  margin:68px 0px -10px 0px;
  padding: 10px 0px 0 270px;
  position: relative;

 }
.content { 	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #333;
  line-height: 1.5em;  
  margin: 10px auto;	
  height: auto;
  width: 907px; 
  background: url(/images/structure/big_middleExtended.gif) repeat-y;	
  z-index: 0;
	}

/* header */
.header_top {
  background: url(/images/structure/big_topExtendedDark.gif) no-repeat; 
  color: #FFF; 
  height: 15px; 
  width: 910px;
  padding: 0px 10px 0 10px;
  }

.header_top2 {
  background: url(/images/structure/big_topExtended.png) no-repeat; 
  color: #FFF; 
  height: 15px; 
  width: 910px;
  padding: 0px 10px 0 10px;
  }
.header2 {
  padding: 0px 10px 0px 10px; 
  width:100%; 
  }
.header { 
  padding: 0px 10px 0px 10px; 
  float: left;
  }
.header_bottom { 
  clear: both; 
  background: url(/images/structure/big_bottomExtendedDarker.gif) no-repeat; 
  z-index: 0;
	height:15px;
	}
	
.header_bottom2 { 
  clear: both; 
  background: url(/images/structure/big_bottomExtended.png) no-repeat; 
  height: 15px;
	width: 910px;
	}

.header_bottom3 { 
  clear: both; 
  background: url(/images/structure/big_bottomExtendedDark.gif) no-repeat; 
  color: #FFF; 
  height: 15px; 
  }

.header_bottom5 { 
  clear: both; 
  background: url(/images/structure/big_bottom3b.jpg) no-repeat; 
  color: #FFF; 
  height: 15px; 
  }
.small_top {
  background: url(/images/structure/small_top2.gif) no-repeat; 
  color: #FFF; 
  height: 15px; 
  padding: 0px 10px 0 10px;
  }

.small_bottom {
  background: url(/images/structure/small_bottom2.gif) no-repeat; 
  color: #FFF; 
  height: 15px; 
  padding: 0px 10px 0 10px;
  }
.subheader {
  padding: 0px;
  background: transparent;  
  color: #808080;
  }

/* left side
   --------- */

.left {
  float: left;
  width: 160px;
  margin: 0 0 10px 5px ;
  }

.box_top {
  background: url(/images/structure/leftbox_top.gif) no-repeat;
  color: #808080;
	height: 40px;
  width: 159px;
  padding: 0px 0 0 0;
  }

.box_top2 {
  clear: both; 
  background: url(/images/structure/boxTop2.png) no-repeat;
  height: 10px;
  width: 159px;
  margin: 0px 0 0 0;
  padding: 0px 0 0 0;
  }

.box_top3 {
  background: url(/images/structure/boxTop3.gif) no-repeat;
  color: #808080;
  height: 10px;
  width: 240px;
  padding: 0px 0 0 0;
  }
.box {
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  padding: 0 4px 0 7px;
  margin: 0;
  width: 144px;
  color: #595959;
  text-align:left;
  background: #FFF;
  }
	
.box3 {
  background: url(/images/structure/small_middle2.gif) repeat-y;	
  margin: -12px 0 -13px 0;
  width: 240px;
  color: #595959;
  text-align:left;
  }

.box2 {
  background: url(/images/structure/small_middle.png) repeat-y;	
  clear: both; 
  width: 159px;
  color: #595959;
	margin: -6px 0 -2 0;
	padding: 0 0 0 20px;
	text-align:left;
  }

.box_bottom {
  background: url(/images/structure/leftbox_bottom.gif) no-repeat;
  color: #000;
  height: 12px;
  width: 160px;
  margin: 0 0 7px 0;
  }
	
.box_bottom2 {
  background: url(/images/structure/box_bottom3.gif) no-repeat;
  color: #000;
  height: 12px;
  width: 240px;
  margin: 0 0 7px 0;
  }
/* left and central column */
.left_side { 
  float: left; 
  width: 159px; 
  padding: 0px 0px 0px 5px; 
  }

.left_side2 { 
  float:left; 
  width: 130px;
  height:30px;
  padding: 0px 5px 8px 8px; 
  }
		
.right_sideHelp { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #333;
  line-height: 1.5em;  
  position:relative; 
  float: left;  
  margin: 5px 10px 5px 10px;  
  width: 347px; 
  text-align: justify; 
  }
.right_side_store { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #333;
  line-height: 1.5em;  
  position:relative; 
  float: left;  
  margin: 5px 10px 5px 10px;  
 width: 900px;
  text-align: justify; 
  }

.right_side { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #333;
  line-height: 1.5em;  
  position:relative; 
  float: left;  
  margin: 5px 10px 5px 10px;  
 width: 542px;
  text-align: justify; 
  }

.right_side_2column { 
  position:relative; 
  float: left;  
  margin: 5px 10px 5px 10px;  
  width: 700px; 
  text-align: justify; 
}

.right_side_wide { 
  position:relative; 
  float: left;  
  margin: 5px 10px 5px 10px;  
  width: 880px; 
  text-align: justify; 
}

.right_side2 { 
  float: right;
  background: transparent;
  position:relative;
  height:30px;
	margin: 0px 10px 0px 0px;
  text-align: justify; 
  }

.right_side3 { 
  float: right; 
  width:205px; 
  margin: -70px -13px 0 0; 
  text-align: justify; 
  }

.article { 
  word-spacing: 2px;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  padding: 0 5px 0 0px; 
  margin-bottom: 10px; 
  background:#ffffff; 
  }
		
/* right side
   ---------- */
		
.right { 
     font-family: Verdana, Arial, Helvetica, sans-serif;
  position: relative; 
  float: right; 
  width: 170px; 
  margin: 0 5px 0 0; 
  border: 0px black solid;
  }

	 
.virtualpage2 
{
display: none;
}
.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}
.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}
.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid #c8c8c8;
color: #2971a7;
background-color: #fff;
}
.paginationstyle a:hover, .paginationstyle a.selected{
color: #980000;
background-color: transparent;
}

/* footer
   ------ */

.functions{ 
  color: #f0f0f0;
  background: transparent;  
  padding: 10px 0px 0px 40px;
  margin:  -20px 0px 0 0px;
  width: 910px;
  }  

#clients
.img {
	border-color: white;
	float: left; 
	margin: 0 5px 3px 0;
}

.footer { 
  clear: both; 
  text-align: center;
  width:910px;
  color: #f0f0f0;
  background: #9a9fa5 url(/images/structure/brushedsteel1Extended.png);
  padding: 10px 0 5px 0;
  border-top: 1px solid #eee;
  }

.footer p {	
  line-height: 2em; 
  }

.footer a {	
  color: #ffffff;
  font-weight: bold;
  background: transparent; 
  border-bottom: 1px dotted #808080; 
  text-decoration: none; 
  }

.footer a:hover {	
  color: #333;
  font-weight: bold;
  background: transparent; 
  border-bottom: 1px dotted #808080; 
  text-decoration: none; 
  }

/* GALLERY */
ul#gallery { margin:0 0 0 0px; padding-top:0px; height:80px; list-style:none; position:relative; }
ul#gallery li { border-right:1px solid #ccc; width:103px; display:block; float:left; }
ul#gallery li#first { border-left:1px solid #ccc; }
ul#gallery li:hover ul, ul#gallery  ul { top:auto; left:0; }
ul#gallery li a { display:block; width:100px; padding:15px 0 15px 3px; color:#000; text-decoration:none; }
ul#gallery li a:hover { background-color:#fafafa; }
ul#gallery li ul { padding:10px 10px 10px 10px; list-style:none; margin:0; width:350px; background-color: transparent; position:absolute;  }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:1px solid #ccc; }

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background: url(images/structure/formbg.gif) repeat-x left top;
}

.formbutton:hover {
  background: url(images/structure/formbg2.gif) repeat-x left top;
  font-weight: bold;
}

.featured{
border: 1px solid #c8c8c8;
padding:10px 10px 10px 5px;
}

/* Client Logos*/

.imageshow {
padding:0px; 
margin:0px; 
list-style-type:none;
white-space:nowrap;
width:600px;
}
.imageshow li {
margin:15px; 
float:left;
min-width:100px;
}
.imageshow a {
position:relative;
display:block; 
text-decoration:none; 
min-width:100px; 
float:left; 
}

.imageshow-small {
padding:0px; 
margin:0px; 
list-style-type:none;
white-space:nowrap;
width:700px;
}
.imageshow-small li {
margin-left:0px;
float:left;
min-width:100px;
}

.mgstyle {}
.mgstyletop { }
.mgstylebottom {}
table.popContainer { border:0;border-collapse:collapse;overflow:hidden; background: transparent; padding: 0; margin: 0; cellpadding: 0; cellspacing; 0;}
.popLeft, .popRight, .popBottom, .popTop, .popTopLeft, .popTopRight, .popBottomLeft, .popContainer, .popBottomRight, .popContent{padding: 0; margin: 0; cellspacing: 0; cellpadding: 0; }
.popTop {  background-image:url('/images/box/style1/cornerY-top.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_side.gif', sizingMethod='scale');background-repeat:repeat-x;}
.popBottom {  background-image:url('/images/box/style1/cornerY-top.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_side.gif', sizingMethod='scale');background-repeat:repeat-x;background-position:bottom;}
.popRight {  background-image:url('/images/box/style1/cornerY-side.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_side.gif', sizingMethod='scale');background-repeat:repeat-y; background-position:right;}
.popLeft{  min-width:20px;background-image:url('/images/box/style1/cornerY-side.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_side.gif', sizingMethod='scale');background-repeat:repeat-y;}
.popTopLeft {   min-width:20px;height:43px; background-image:url('/images/box/style1/cornerY_tl.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_tl.gif', sizingMethod='crop');background-repeat:no-repeat; backgrotop leftund-position:top left;}
.popTopRight {  min-width:28px;height:43px;background-image:url('/images/box/style1/cornerY_tr.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_tr.gif', sizingMethod='crop');background-repeat:no-repeat;}
.popBottomLeft {   min-width:20px;height:43px;background-image:url('/images/box/style1/cornerY_bl.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_bl.gif', sizingMethod='crop');background-repeat:no-repeat; background-position: bottom left}
.popBottomRight {   min-width:28px;height:43px;background-image:url('/images/box/style1/cornerY_br.gif')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/style1/cornerY_br.gif', sizingMethod='crop');background-repeat:no-repeat; background-position: bottom right}
.popContent {   background-image:url('/images/box/style1/cornerY_top.gif')!important; width: 100%; }
.hidden { display: none; }
.controlcaption { cursor: move; background-color: #E6CE48; color: #333; display: block; padding: 4px; font-size: 120%; min-width: 98%; }
.controlcloser { cursor: pointer; font-size: 180%; display: block; position: absolute; top: 11px; float: right; align: right; right: 3%; padding: 4 3px; font-weight: bold; }
.ajaxcontrol { position: absolute; display: block; background: tranparent; padding: 0; margin: 0; }
.popper { cursor: pointer; }

.pred {background-color:#ff6666;font-weight: bold;}
.pyellow {background-color:#ffff66;font-weight: bold;}
.pgreen {background-color:#66ff66;font-weight: bold;}
.pblue {background-color:#7777ff;font-weight: bold;}
.pred_plain {background-color:#ff6666;}
.pyellow_plain {background-color:#ffff66;}
.pgreen_plain {background-color:#66ff66;}
.pblue_plain {background-color:#7777ff;}
.pgrey {background-color:#eeeeee;}
.pdgrey {background-color:#d8d8d8;font-weight: bold; }
.pdgrey_plain {background-color:#d8d8d8; valign:top;}
.csslink {cursor:pointer;color:#2971a7;}
