/*
-----------------------------------------------------
Base CSS file for screen media
FileName:    scrBase.css
Version:     05.01.2004
-----------------------------------------------------
*/

/* General Elements */
/* ----------------------------------------------------- */
body {
	background: #FFFFFF;
	color: #333;
	margin: 0;
	padding: 0;
	voice-family: "\"}\""; voice-family: inherit;
}
p {margin: 0 0 1em 0;}
.bodyline {
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    background-image: url(/images/background.jpg);
}

.noPrint {
    display: none;
}

/* Titles */
/* ----------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color: #002A7C;
	margin-bottom: 5px;
    margin-top: 5px;
}
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
hr {border: 2px dotted #ACA899;}

br.clear-both {
	clear:both;
	line-height:0;
}

/* Links */
/* ----------------------------------------------------- */
a:link {
	color: #0075BA;
	text-decoration: none;
}
a:visited {
	color: #0075BA;
	text-decoration: none;
}
a:hover {
	color: #FF7400;
	text-decoration: underline;
}

/* Form Elements */
/* ----------------------------------------------------- */
form { display: inline; }
input, textarea, select {
    color: #000000;
    font-family: Verdana,  Arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    border-color: #FAFAFA;
}
#login label {
	color: #003A97;
	font-weight: bold;
}

/* Boxes */
/* ----------------------------------------------------- */
.bx1 {
	background-color: #E2EFF7;
	font-size: 10px;
}
.bx1 p {
	margin: 2px 9px 2px 9px;
}
p.bx1_head {
	color: #5778A2;
    font-weight: bold;
	margin: 9px 9px 4px 9px;
}
.bx1_top {
	background-color: #3791E9;
	line-height: 7px;
}

.bx2_head {
    background-color: #EEEEEE;
    border: 1px solid #9ca0a9;
    border-bottom: 0px;
    padding: 5px;
}
.bx2_bdy {
    border: 1px solid #9ca0a9;
    padding: 7px;
}
.blog1 {
    background-color: #DDDDDD;
    border: 1px solid #999999;
    margin: 0 5px 0 5px;

}
.blog_title {
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 5px 0 5px;
}
.blog_title2 {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 5px 0 5px;
}
.blog_date {
    padding: 0 5px 3px 5px;
    border-bottom: 1px solid #999999;
}
.blog_body {
    background-color: #FFFFFF;
    padding: 5px;
}
.blog_foot {
    padding: 5px;
    border-top: 1px solid #999999;
}
/* Homepage Styles */
/* ----------------------------------------------------- */
#top_fill {	background-image: url(/images/home1.jpg); }
#banner_bg { background-image: url(/images/banner_bg.gif); }

/* Navigational Elements */
/* ----------------------------------------------------- */
#top_nav {
	background-image: url(/images/nav_top2.gif);
	font-weight: bold;
	font-size: 12px;
}
#top_nav a:link, #top_nav a:visited {
	color: #FF7400;
	text-decoration: none;
}
#top_nav a:hover {
	color: #253A6C;
	text-decoration: underline;
}
#nav_elem_box {
	border: 1px solid #002E78;
	border-left: 1px solid #144B8F;
}
#nav_elem_box td {
	background-image: url(/images/nav_elem_bg.gif);
	border-bottom: 1px solid #002E78;
	border-left: 2px solid #002E78;
	text-decoration: none;
}
#nav_elem_box a {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding-left: 7px;
}
#nav_elem_box a:hover {
	color: #FFBF00;
	text-decoration: underline;
}
.bg1 { background-color: #E9ECF1; } /* Light Gray */
.bg2 { background-color: #FCECCF; } /* Light Tan */
.nav_box {
	border-right: 1px solid #9CA0A9;
	border-bottom: 1px solid #9CA0A9;
}
.nav_box2 {
	border-right: 1px solid #9CA0A9;
}
td.nbe3 { background-image: url(/images/nbe3.gif); }
.nav_box h1 {
	color: #0075BA;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	margin: 0 10px 6px 0;
}
.nav_box p {
	color: #80848E;
	font-size: 10px;
	margin-bottom: 5px;
	margin-left: 1px;
	margin-right: 16px;
}
.nav_box p img { margin: 0 6px 7px 0; }
.nav_box ul {
	color: #FF7400;
	font-size: 10px;
	margin: 0 1em 1em 1em;
	padding-left: 1em;
}
.nav_box li {
	line-height: 12px;
	list-style-type: square;
	margin: 0;
	padding: 0;
}
#copy {padding: 13px 10px 10px 16px;}

/* Left Navigation */
/* ----------------------------------------------------- */
#lft_navHdr {
	background: #363D46;
	color: #FFF;
	font-weight: bold;
	padding: 7px 0px 7px 10px;
}
#lft_nav {
	border-right: 1px solid #9CA0A9;
	font-size: .85em;
}
#lft_nav a {
	border-bottom: 1px solid #9CA0A9;
	color: #000;
	display: block;
	padding: 5px 0 5px 9px;
	text-decoration: none;
}
#lft_nav a:hover {
	background: #DDDDDD;
}
#lft_navNewsHdr {
	background: #363D46;
	color: #304880;
	font-weight: bold;
	padding: 7px 0 7px 9px;
}
#lft_navNewsHdr a {
	color: #ffffff;
}
#lft_navNewsHdr a:hover {
	color: #FFBF00;
	text-decoration: underline;
}
#lft_navNews  {
	border-right: 1px solid #9CA0A9;
	border-bottom: 1px solid #9CA0A9;
	font-size: .85em;
	padding: 9px 9px 14px 9px;
}
#lft_navNews p { color: #333333; }
#lft_navNews div.date {
	color: #2B427E;
	font-weight: bold;
}

/* Content */
/* ----------------------------------------------------- */
#content {
	padding: 7px;
}

/* Spotlight (Homepage) */
/* ----------------------------------------------------- */
#spotltHdr {
	color: #CD3232;
	font-weight: bold;
	font-size: 14px;
	padding: 0 5px 5px 7px;
}
#spotltHdr2 {
	color: #2B427E;
	font-weight: bold;
	font-size: 12px;
	padding: 0 5px 5px 7px;
}
#spotlt {
	background: #E8F1F6;
	border-bottom: 1px solid #6699CC;
	border-left: 1px solid #6699CC;
	border-right: 1px solid #6699CC;
	color: #253A6C;
	padding: 9px;
	text-align: left;
}
#spotlt img {
	border: 1px solid #485E90;
	margin-right: 10px;
}
#spotlt p {
	margin: 0px;
	padding-top: 7px
}

/* Middle Content (Homepage) */
/* ----------------------------------------------------- */
#mid1 {
	float:left;
	width:300px;
}
#mid1 .mid1_inner { margin: .5em; }
#mid2 {
	float:left;
	width:280px;
}
#mid2 .mid2_inner { margin: .5em; }
#mid2 .stat_head {
	background-color: #3E61A6;
	color: #FFF;
	font-size: .85em;
	font-weight: bold;
	padding: .5em;
	text-align: center;
}
#mid2 .stat_data {
	background-image: url(../images/usbg.gif);
	color: #000000;
	font-size: .85em;
	height: 140px;
	padding: .5em .5em 0em .5em;
	text-align: center;
	background-repeat: no-repeat;
}
#mid2 .count {
	font-size: 1.2em;
	font-weight: bold;
	padding: 1px;
}
#mid1 ul {
	font-size: .9em;
	list-style-type: square;
	margin-bottom: .7em;
	margin-top: 1em;
	margin-right: 1em;
}
#mid1 li {
	padding-bottom: .5em;
}
.hm_mid {margin-top: 9px;}

/* Product Comparison (Homepage) */
/* ----------------------------------------------------- */
#hm_comp div {
	background: #E8F1F6;
	border: 1px solid #3E61A6;
}
#hm_comp p {
	background: #3E61A6;
	color: #FFF;
	font-size: .85em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0 5px 10px;
	text-align: left;
}
#hm_comp a { color: #FFF; }
#hm_comp img {
	border: 1px solid #485E90;
	margin:3px 3px 0px 3px;
}
#hm_comp p.order_now2 {
	background: #FFFF95;
	font-size: .85em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-align: center;
}
#hm_comp p.order_now2 a { color: #000000; }


/* News Room Styles */
/* ----------------------------------------------------- */
.news_date {
	color: #CD3232;
	font-size: 110%;
	font-weight: bold;
}
.news_cap {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 2px;
}

/* Support Styles */
/* ----------------------------------------------------- */
.sup_num {
	color: #2B427E;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
}
.sup_cat {
	background-color: #E8F1F6;
	color: #2B427E;
	font-weight: bold;
	padding:2px 2px 2px 4px;
}
.kb input, select {font-size: 90%;}
.faq_error {
	color: #CD3232;
	font-weight: bold;
	padding: 5px;
}
.resultbg {
	background-color: #FFFF99;
	color: #000;
}
#faq_ss {
	border: 1px solid #ACA899;
	background-color: #AFCEE0;
	padding: 5px;
}

/* Feature Comparison */
/* ----------------------------------------------------- */
#feature_comp th {
	background: #3E61A6;
	color: #FFF;
	font-weight: bold;
	font-size: 85%;
	padding: 5px;
}
#feature_comp td {
	font-size: 85%;
}
#feature_comp tr.bg1 {
	background: #CBCACA;
}

/* General Styles */
/* ----------------------------------------------------- */
.box1 {	border: 1px solid #6699CC; }
.dot { border: 2px dotted #ACA899; }
.highlight { color: #CD3232; }
.state_close { font-size: 60%; }
.order_now { padding: 15px; }
.order_now a {
	background-color: #3E61A6;
	border: 2px outset #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
	padding: .4em 1em .4em 1em;
}
.order_now a:hover { color: #FFFFFF; }
.order_now a:visited { color: #FFFFFF; }
.order_now3 a {
	background-color: #3E61A6;
	border: 2px outset #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	padding: .3em 1em .3em 1em;
}
.order_now3 a:hover { color: #FFFFFF; }
.order_now3 a:visited { color: #FFFFFF; }
.prod_nav {	
	background: #E8F1F6;
	border: 1px solid #6699CC;
	padding: 3px 3px 3px 7px;
}
tr.gryBotBorder td  { border-bottom:1px solid #CCCCCC; }
tr.blkBotBorder th { border-bottom:1px solid #000000; }

/* Text Formatting Styles */
/* ----------------------------------------------------- */
.frm1 { font-size: .85em; }
.frm1 div.col2_lft_a {
	font-weight: bold;
	line-height: 1.7em;
	vertical-align: middle;
}

/* Column Styles */
/* ----------------------------------------------------- */
.frm1 {
	width: 450px;
}
.col2_lft_a {
	padding: 0 8px;
	margin-bottom: 0.5em;
	float: left;
	width: 140px;
	text-align: right;
}
.col2_rt_a {
	padding: 0 8px;
	margin-bottom: 0.5em;
	float: right;
	width: 290px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 273px;
}

div.toplevel {
    border:1px solid #999999;
    margin:5px 3px 5px 3px;
}

div.toplevel h2 {
    background:#CCCCCC;
    padding:1px;
    font-size:90%;
    font-weight:bold;
    border-bottom:1px solid #999999;
    margin:0;
}
.div.toplevel a {
	color: #002A7C;
}

.div.toplevel a:visited {
	color: #002A7C;
}

.toplevel p { font-size:95%; }


div.toplevel2 {
    border:1px solid #999999;
    margin:5px 3px 5px 3px;
}

div.toplevel2 h2 {
    background:#EEEEEE;
    padding:1px;
    font-size:90%;
    font-weight:bold;
    border-bottom:1px solid #999999;
    margin:0;
}

.toplevel2 p { font-size:95%; }

.grid1 {
    font-size:11px;
    margin-top:7px;
}
.grid1 th {
    background-color:#EEEEEE;
    padding:3px;
}
.grid1 td {padding:2px;}
.grid1 a {
	color: #002A7C;
}

.grid1 a:visited {
	color: #002A7C;
}
.imgPad {
    margin:1px
}
