/* CSS Document */
body{
	margin: 0px;
	background-image:url(../images/bg.gif);
	background-position:top left;
	background-repeat:repeat;
	background-color:#f5f4f2;
	color:#444444;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
a, a:hover, a:visited{
	color:#115eac;
}
a.top_link {
	font-size:11px;
	font-weight:normal;
}
p {
	margin-top:10px;
	margin-bottom:10px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#115eac;
	font-weight:normal;
	line-height:25px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#115eac;
	font-weight:normal;
	margin-bottom:5px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#115eac;
	font-weight:bold;
	margin-bottom:5px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#115eac;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}
.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#115eac;
}
.title_screenshot{
	color:#115eac;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	height:15px;
}
.text_bold{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
.title_white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;	
}
.home_text_big {
	 font-family:Arial, Helvetica, sans-serif;
	 color:#444444;
	 font-size:16px;
	 font-weight:bold;
}
.subtitle {
	 font-family:Arial, Helvetica, sans-serif;
	 color:#333333;
	 font-size:16px;
	 font-weight:bold;
	 line-height:20px;
}
.breadcrumb{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.separator {
	border-top:solid 1px #f9c039;
	width:495px;
}
.separator2 {
	border-top:solid 1px #dadada;
	width:495px;
}
.separator3 {
	border-bottom:solid 1px #f9c039;
	width:495px;
}
.red{
	color: #FF0000;
	font-weight: bold;
}
.blue{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#115eac;
	font-weight:bold;
}
.required{
	color:#FF0000;
}
.content{
	padding:1px 5px 0px 5px;
}
.row_shade{
	background-color:#f5f5f5;
}
.title_row_shade{
	font-weight:bold;
	background-color:#115eac;
	color:#ffffff;
}
.pic{
	border:solid 1px #CCCCCC;
}
ul.white_arrow{
	list-style-image:url(../images/BlueArrow.png);
	line-height:13px;
	margin:3px 0px 0px 19px;
	padding-left:0px;
}
ul.yellow_arrow{
	list-style-image:url(../images/YellowArrow.png);
	line-height:15px;
	margin:0px 0px 0px 18px;
	padding-left:0px;
}
li.faq {
	margin-top:5px;
}
.press_release {
	color: #666666;
	font-style: italic;
}

/* Background DIV */
#background{
	width: 790px;
	height:auto;
	margin: 20px auto 0px auto;
}
#bg_top{
	background-image:url(../images/bg_top.gif);
	background-repeat:no-repeat;
	height:22px;
}
#bg_mid{
	background-image:url(../images/bg_mid.gif);
	background-repeat:repeat-y;
}
#bg_bot{
	background-image:url(../images/bg_bot.gif);
	background-repeat:no-repeat;
	height:20px;
}

/* Content DIV */
#content_wrapper{
	width:746px;
	height:auto;
	background-color:#FFFFFF;
}

/* Header */
#header{
	height:99px;
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
}
#header_numbers{
	padding:0px 17px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}
#header_links{
	padding:5px 2px 7px 0px;
}
a.toplinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:.03em;
}
a.toplinks:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
	letter-spacing:.03em;
}

/* Footer */
#footer{
	height:25px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#777777;
	font-size:9px;
}
a.footlinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#777777;
	text-decoration:none;
	letter-spacing:.03em;
}
a.footlinks:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#777777;
	text-decoration:underline;
	letter-spacing:.03em;
}

/* Right Panel Box */
.right_box{
	width:236px;
}
.right_inner{
	width:222px;
	background-color:#FFFFFF;
	border:solid 1px #cccccc;
	margin:6px;
	height:auto;
	text-align:center;
}
.right_title{
	border:solid 1px #b0c6dd;
	background-image:url(../images/title_bg2.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#115eac;
	color:#ffffff;
	height:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	text-align:left;
}
.right_content{
	padding:5px 0px 5px 0px;
	text-align:left;
}
.right_content_title{
	padding:0px 0px 5px 0px;
	text-align:left;
}
.right_content_quote {
	padding:5px 0px 5px 0px;
	background-image:url(../images/quotes.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	line-height:15px;
}

/* News Box */
.news_title{
	height:13px;
	color:#115eac;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px 0px 5px 0px;
	text-align:left;
}

input, password {
	font-size:11px;
	height:15px;
}
select {
	font-size:11px;
	height:20px;
}
.product_box {
	border:solid 1px #115eac;
}
.scroll_checkboxes {
    height: 50px;
	width: 270px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #ccc
}
/* Tooltips */
.balloonstyle {
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border:#115eac 1px solid;
	font:11px Verdana;
	line-height: 15px;
	z-index: 100;
	background-color: white;
	width: 200px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#b5b5b5,direction=135,Strength=4);
}

#arrowhead{
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0px;
	visibility: hidden;
}

/* Main Menu */
.menu {
	width:746px;
	height:42px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	z-index:100;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:115px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	width:114px;
	height:18px;
	text-align:left;
	line-height:13px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:114px;
	w\idth:114px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color:#ffffff;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	color:#ffffff;
	background-image:url(../images/menu_bg_over.gif);
	background-repeat:repeat-x; 
}
.menu ul ul :hover > a.drop {
	color:#ffffff;
	background-image:url(../images/menu_bg_over.gif);
	background-repeat:repeat-x;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#ffffff;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#ebf4ff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:42px;
	left:0; 
	width:130px;
	border-top:solid 1px #ffffff;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:42px;
	t\op:42px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:150px; 
	top:0;
	width:130px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#ffffff;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#115eac;
	height:auto; 
	line-height:1em; 
	padding:4px 0px 3px 5px; 
	width:135px;
	text-align:left;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a{
	width:135px;
	w\idth:135px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#ffffff; 
background:#4b90d4;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#ffffff;
background:#4b90d4;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* Set the large menu buttons */
.main_menu_button{
	width:123px;
	border-right:solid 1px #ffffff;
}

/* Create the borders on the menus */
.border_top{
	border-top:solid 1px #4b90d4;
	border-left:solid 1px #4b90d4;
	border-right:solid 1px #4b90d4;
}
.border_mid{
	border-left:solid 1px #4b90d4;
	border-right:solid 1px #4b90d4;
}
.border_bot{
	border-bottom:solid 1px #4b90d4;
	border-left:solid 1px #4b90d4;
	border-right:solid 1px #4b90d4;
}

/* end of menu */

/* Product Menu */
.product_menu {
	width:160px;
	height:30px;
	font-size:11.5px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	z-index:100;
	background-image:url(../images/product_menu_bg.png);
	background-repeat:no-repeat;
}
/* remove all the bullets, borders and padding from the default list styling */
.product_menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.product_menu ul ul {
	width:160px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.product_menu li {
	float:left;
	position:relative;
}

/* style the links for the top level */
.product_menu a, .product_menu a:visited {
	display:block;
	font-size:11.5px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	width:160px;
	height:19px;
	text-align:left;
	line-height:19px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .product_menu a, * html .product_menu a:visited {
	width:160px;
	w\idth:160px;
}

/* style the second level background */
.product_menu ul ul a.drop, .product_menu ul ul a.drop:visited {
	background-color:#ffffff;
}
/* style the second level hover */
.product_menu ul ul a.drop:hover{
	color:#ffffff;
	background-image:url(../images/product_menu_bg.png);
	background-repeat:no-repeat; 
}
.product_menu ul ul :hover > a.drop {
	color:#ffffff;
	background-image:url(../images/product_menu_bg.png);
	background-repeat:no-repeat;
}

/* style the third level background */
.product_menu ul ul ul a, .product_menu ul ul ul a:visited {
	background:#ffffff;
}
/* style the third level hover */
.product_menu ul ul ul a:hover {
	/*background:#ebf4ff;*/
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.product_menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:20px;
	left:0; 
	width:130px;
	/*border-top:solid 1px #ffffff;*/
}
/* another hack for IE5.5 */
* html .product_menu ul ul {
	top:20px;
	t\op:20px;
}

/* position the third level flyout menu */
.product_menu ul ul ul{
	left:150px; 
	top:0;
	width:130px;
}
/* position the third level flyout menu for a left flyout */
.product_menu ul ul ul.left {
	left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.product_menu table {
	position:absolute;
	top:0;
	left:0;
}

/* style the second level links */
.product_menu ul ul a, .product_menu ul ul a:visited {
	background:#ffffff;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.5px;
	color:#000000;
	height:auto; 
	line-height:1em; 
	padding:4px 0px 3px 5px; 
	width:135px;
	text-align:left;
}
/* yet another hack for IE5.5 */
* html .product_menu ul ul a{
	width:135px;
	w\idth:135px;
}

/* style the top level hover */
.product_menu a:hover, .product_menu ul ul a:hover{
color:#115eac; 
/*background:#4b90d4;*/
}
.product_menu :hover > a, .product_menu ul ul :hover > a {
color:#115eac;
/*background:#4b90d4;*/
}

/* make the second level visible when hover on first level list OR link */
.product_menu ul li:hover ul,
.product_menu ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.product_menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.product_menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* Set the large menu buttons */
.product_main_menu_button{
	width:160px;
	/*border-right:solid 1px #ffffff;*/
}

/* Create the borders on the menus */
.product_border_top{
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}
.product_border_mid{
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}
.product_border_bot{
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}

/* end of menu */