
html { }
body { margin: 0px; font-family: Verdana, Sans-Serif; color: #202020 }
body,td,input,select { font-size: 12px }
a { color: #225599; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 16px; color: #111111; border-bottom: 1px solid #505050; margin-top: 0px }
h2 { font-size: 14px; }
h3 { font-size: 125%; border-bottom: 1px solid #e5e5e5; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
img { border: none }
small { font-size: 75%; }

.warning { border: 1px solid #d00000; padding: 4px; margin: 0px 0px 8px 0px; background-color: #fff8f8; color: #d00000; font-weight: bold; font-size: 11px }
.info_message { border: 1px solid #cfcf18; background: #fffff0 url(../../images/shared/avail_icon.gif) 4px center no-repeat; margin: 4px 0px; color: #505050; font-weight: bold; font-size: 11px; padding: 4px 4px 4px 24px }
.cookie_warning { border: 1px solid #ff9000; padding: 4px 4px 4px 24px; margin: 0px 0px 8px 0px; background: #fff8ee url(../../images/shared/avail_icon.gif) 4px center no-repeat;; color: black; font-size: 11px }

.linkspace { margin: 0px 4px; color: #c0c0c0 }
.jsbutton { border-bottom: 1px solid #e8e8e8; cursor: pointer }
.cbox { margin: 8px 0px; padding: 4px; border: 1px solid #d5d5d5; background: url(../../images/navbar_grad.jpg) left top repeat-x; }
.cbox h2 { margin: 0px; padding: 4px 0px; border-bottom: 1px solid #808080 }
.popbox { width: 300px; background-color: #727272; border: 2px solid #202020; padding: 4px; z-index:1 !important; }
.popbox .jsbutton { position: absolute; top: 4px; right: 4px }
.popbox h4,.popbox h5 { margin: 4px 0px; padding: 0px; border-bottom: 1px solid #505050 }
.popbox p { margin: 0px 0px 8px 0px }
.purpleback { padding: 2px; color: #ffffff; background: #002277 url(../../images/bluegrad.gif) left top repeat-x; border: 1px solid #e0e0e0 }
.purpleback h4 { margin: 0px; padding: 0px }
.page_backbox { z-index: 2; position:absolute; left:0px; top:0px; width:100%; margin: 0px; background-color: #000000; opacity: .5; filter:alpha(opacity=50) }
.page_frontbox { z-index: 3; position:absolute; left:0px; top:60px; width:100%; text-align: center; }
#breadcrumbs { padding-left: 8px }

#pagewrap,#cswrap { width: 960px }

/* #content { margin-left: 4px }*/

#heading_1 { background-color: #808080; border-top: 1px solid #909090; border-bottom: 1px solid #505050; }
#heading_1 td,#heading_2 td { color: #ffffff }
#heading_1 td { padding: 4px 8px; }
#heading_1 a,#heading_2 a { color: #ffffff }

#heading_2_wrap { background: #396293 url(../../images/bluegrad.gif) left top repeat-x; border-top: 1px solid #c0c0c0  }
#heading_2 { }
#heading_2 td { padding: 0px 4px; }

#heading_3 { position: relative; z-index: 1; border-top: 1px solid #114477; border-bottom: 1px solid #222222; background: #132949 url(../../images/bluegrad_nav.gif) left bottom repeat-x; }
#heading_3 td { padding: 1px }
/*
#heading_3 a { color: #ffffff; font-weight: bold; padding: 4px 8px; border-right: 1px solid #114477 }
#heading_3 a:hover { text-decoration: none; color: #f47b29  }
*/

#heading_4 { margin-bottom: 4px }
#heading_4 td { font-size: 10px; margin: 2px 0px; color: #303030 }

#search_form { margin-bottom: 4px }

#account_links { white-space: nowrap }
#account_links a { display: block; text-align: left; margin: 2px 8px }
#account_links a img { margin-right: 8px }

#footer { font-size: 10px; background-color: #808080; border-top: 1px solid #909090; border-bottom: 1px solid #505050; padding: 4px 8px; margin-top: 20px }
#footer,#footer a { color: #FFFFFF }

.bottomNavigation { width: 100% }
.bottomNavigation td { vertical-align: top; }
.bottomNavigation ul { padding: 0px; margin: 0px;  }
.bottomNavigation li { list-style-type: none;  padding: 0px; margin: 0px; }
.bottomNavigation a { text-align: left; font-size: 11px; line-height: 20px; }

/*
#heading { margin: 0px 0px 8px 0px }
#heading form { margin: 0px }
#navigation { margin: 4px 0px 2px 0px; padding: 4px; border: 1px solid #e0e0e0; background: url(../../images/navbar_grad.jpg) left top repeat-x; }
#navigation span { float: right }
#navigation img { margin-right: 8px }
#footer { clear: left; margin-top: 20px; padding-top: 4px; border-top: 1px solid #a0a0a0; font-size: 10px; color: #888888; background: url(../../images/navbar_grad.jpg) left top repeat-x; }
#footer div { text-align: center; margin: 2px 0px }
#footer a { color: #888888 }

.purpleback { padding: 2px; color: #ffffff; background: #565895 url(../../images/navbar_blue_tall.jpg) left top repeat-x; border: 1px solid #e0e0e0 }
.purpleback h4 { margin: 0px; padding: 0px }

.popbox { width: 300px; background-color: #fffff0; border: 2px solid #202020; padding: 4px }
.popbox .jsbutton { position: absolute; top: 4px; right: 4px }
.popbox h4,.popbox h5 { margin: 4px 0px; padding: 0px; border-bottom: 1px solid #505050 }
.popbox p { margin: 0px 0px 8px 0px }
.cbox { margin: 8px 0px; padding: 4px; border: 1px solid #d5d5d5; background: url(../../images/navbar_grad.jpg) left top repeat-x; }
.cbox h2 { margin: 0px; padding: 4px 0px; border-bottom: 1px solid #d5d5d5 }
.loglinks a { margin-left: 12px }
.warning { border: 1px solid #d00000; padding: 4px; margin: 0px 0px 8px 0px; background-color: #fff8f8; color: #d00000; font-weight: bold; font-size: 11px }
.info_message { border: 1px solid #cfcf18; background: #fffff0 url(../../images/shared/avail_icon.gif) 4px center no-repeat; margin: 4px 0px; color: #505050; font-weight: bold; font-size: 11px; padding: 4px 4px 4px 24px }

.page_backbox { position:absolute; left:0px; top:0px; width:100%; margin: 8px; background-color: #ffffff; opacity: .5; filter:alpha(opacity=50) }
.page_frontbox { position:absolute; left:0px; top:60px; width:100%; text-align: center; }

.summarytable { border: 1px solid #d5d5d5; background-color: #fffff8; color: #202020; margin: 4px }

#text_before { margin-bottom: 4px }
#text_after { margin-top: 4px }

#reptable { margin-bottom: 2px; width: 100%; background: url(../../images/navbar_blue_tall.jpg) top repeat-x #323350; border: 1px solid #5d5c97; color: #ffffff; }
#reptable td { font-size: 10px }
#reptable a { color: #d0e0ff; }
#reptable span { font-size: 12px; margin-left: 12px }
#reptable span.name { font-weight: bold }
#reptable td select { color: #303030; background-color: #f8f8f8; }

option.quicklinkheader { background-color: #666699; font-weight: bold; color: white; }

body { text-align: center }

#pagewrap { text-align: left; margin-left: auto; margin-right: auto; width: 797px }

.graygrad { border: 1px solid #e5e5e5; background: #ffffff url(../../images/lightgrad.gif) left bottom repeat-x; }
*/

.copyContent, .articleDiv { font-size: 11px; line-height: 18px; color: #555; }
.copyContent h2, .articleDiv h2 { font-size: 20px; line-height: 20px; color: #222; margin: 0px; border-bottom: 1px solid #e7e7e7 }
.copyContent h4, .articleDiv h4 { font-size: 12px; line-height: 16px; margin: 0px; color: #222; }
.copyContent td, .articleDiv td { vertical-align: top; }
.copyContent p, .copyContent div, .articleDiv p { font-size: 11px; line-height: 18px; color: #777; margin-top: 4px; margin-bottom: 8px; }
.copyContent b, .articleDiv b, .articleDiv strong { color: #222; }
.copyContent ul { padding-left: 12px; }
.copyContent li { font-size: 11px; line-height: 18px; color: #555; } 
.copyContent a { text-decoration: underline; }
.copyContent a:hover { text-decoration: underline; }



.copyContentWrap { position:relative; min-height: 110px; clear: both; margin-bottom: 20px; }
.copyContentWrap p { margin-bottom: 10px; }
.copyContentWrap ul { margin-left: 10px; margin-top: 0px; }
.copyContentImg { position:absolute; margin-left: 0px; z-index:100; left: 0px; top: 0px; width: 120px; height: 90px; vertical-align: middle; }
.copyContentDiv { position: relative; z-index:1; left: 140px; top: 0px; margin:0px; width: 330px;}

.systemDesc { color: #444444; font-size:11px; line-height:14px; margin:10px; }
.systemDesc img { float: right; margin: 4px; }
.systemDescDiv { margin-left:10px; }

.summaryDetails { margin: 15px 0px 15px 0px; padding-top:10px; padding-bottom: 10px; color: #444444; font-size:10px; line-height:14px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.summaryDetails td { vertical-align: top; }
.summaryDetails img { float:right; margin:4px; }

#session_config_history_link { font-size: 11px; }
#session_config_history_link img { position: relative; top: 2px }
#session_config_history { position: absolute; z-index: 99; left: 80px; padding: 8px; border: 2px solid black; background-color: #ffffff }
#session_config_history a { color: #225599 }
#session_config_history_table { margin-top: 2px }
#session_config_history_table thead td { background-color: #505050; color: white; font-weight: bold; border-bottom: 1px solid #000000 }
#session_config_history_table td { color: #333333; border-bottom: 1px solid #a0a0a0; padding: 2px 8px; font-size: 11px }
#session_config_history p { width: 520px; text-align: center; color: navy; font-size: 10px }
#session_config_history_table .session_config_name { color: #225599; font-weight: bold; margin-bottom: 2px }

.contactTable, .contactTable td { vertical-align: top; font-size: 11px; }
#contactTableBox td { padding: 10px 10px 0px 10px; }

.bullet_links td { white-space: nowrap; }
.bullet_links img { display:block; text-align: center; margin: 0 auto; }

.reviewFields { margin-top: 12px; margin-left: 8px; }

.reviewTextbox { border: 1px solid #CCCCCC; height: 24px; }
.reviewTextArea { color: #444444; border: 1px solid #CCCCCC; margin-top: 8px; }

#systemName { background: url(../../images/icon_system_name_fade.gif) no-repeat; padding: 4px 0px 0px 24px; border: 1px solid #CCCCCC; height: 24px; }
#reviewName { background: url(../../images/icon_name_fade.gif) no-repeat; padding: 4px 0px 0px 24px; width: 208px; }
#reviewEmail { background: url(../../images/icon_email_fade.gif) no-repeat; padding: 4px 0px 0px 24px; width: 208px; }
#reviewCompany { background: url(../../images/icon_company_name_fade.gif) no-repeat; padding: 4px 0px 0px 24px; width: 208px; }
#reviewTelephone { background: url(../../images/icon_phone_fade.gif) no-repeat; padding: 4px 0px 0px 24px; width: 208px; }

.textDesc { margin-left: 5px; margin-bottom: 8px; }

.phoneRed { color: #c70808; font-size: 14px; }

.reportlink { text-align: center; font-size: 10px; color: #999; border-top: 1px solid #eaeaea; margin: 4px; padding: 4px; }

#autoContainer { position: absolute; margin-top: 24px; text-align: left; z-index: 9999 }
#autoContainer ul { border: 1px solid black; background-color: #f4f8ff; }
#autoContainer ul,#autoContainer li { margin: 0px; padding: 0px;}
#autoContainer li { list-style: none; border-bottom: 1px solid #c0c0c0; }
#autoContainer a { font-size: 11px; padding: 2px 5px; display: block; background-color: #f0f4ff; color: #111111  }
#autoContainer a:hover { background-color: #132949; color: #ffffff }

.articleDiv { margin: 10px; }

.copyContentIcon { width: 65px; text-align: center; }

.floatLeft { float: left; }
.floatRight { float: right; }
.smallIconRight { float: right; margin: 5px 0px 9px 5px; }
.iconRight { float: right; margin: 5px 0px 9px 5px; }

.productIconThumb { width: 50px; }

#nav_tabs { margin: 0px 0px 8px 0px; border-bottom: 1px solid #606060; background: #fff url(../../images/links_whitebar2.jpg) repeat-x bottom; }
#nav_tabs table { position: relative; top: 1px }
#nav_tabs td { font-weight: bold; color: #444; cursor: pointer; }
#nav_tabs td.active { color: #333; }
#nav_tabs div:hover { color: #333; }
#nav_tabs div { background: url(../../images/tab2.gif) left top repeat-x; margin: 0px 4px; }
#nav_tabs div div { background: url(../../images/tab1.gif) left top no-repeat; margin: 0px }
#nav_tabs div div div { background: url(../../images/tab3.gif) right top no-repeat; padding: 3px 16px; margin: 0px; border-bottom: 1px solid #606060 }
#nav_tabs td.active div {  background: #fff url(../../images/atab2.gif) left top repeat-x; }
#nav_tabs td.active div div { background: url(../../images/atab1.gif) left top no-repeat; }
#nav_tabs td.active div div div { background: url(../../images/atab3.gif) right top no-repeat; border-bottom: 1px solid white }


.forYourTitle { font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: bold; border: 0px; margin: 5px 0px 10px 5px;  color: #FFF; text-align: left; }
.forYourTitle div { padding: 5px; vertical-align: middle; }
.forYourTitle img { vertical-align: middle; }

.blueTitle { background: url(../../images/homepage/blueCircle.jpg) no-repeat right #122a4b; border-left: 5px solid #396293; width: 290px; }
#blueTitleNews { background: url(../../images/homepage/blueCircle.jpg) no-repeat right #122a4b; border-left: 5px solid #396293; width: 280px; }
#blueTitleWide { background: url(../../images/homepage/blueCircle.jpg) no-repeat right #122a4b; border-left: 5px solid #396293; width: 930px; }

.blueTitleWide { background: url(../../images/homepage/blueCircle.jpg) no-repeat right #122a4b; border-left: 5px solid #396293; width: 930px; }































html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
a { /*-- Removes dotted outline from clicked links in FF --*/
	outline: none;
}
img {
	border:none;
}
.clearer {
	clear:both;
}
blockquote {
	background: #FFFFFF url(images/blockquote.png) no-repeat top left;
	border: 1px solid #D7D7D7;
	padding: 10px 10px 10px 40px;
}
/*-- Main structure for the layout --*/
body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	background: #000;
}
#background {
	background: #FFFFFF;
}
#outerWrapper {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 960px;
}
#contentWrapper {
	overflow: hidden;
	clear:left;
}
#sidebar {
	float: right;
	padding: 20px 0px 10px 0px;
	width: 310px;
}
#Content {
	margin: 0 0px 0 0;
	padding: 20px 0px 10px;
	float: left;
	width: 640px;
}

#Footer {
	border-top: solid 1px #666;
	padding: 10px 10px 0px;
	background: #000 url(images/footerbg.png) repeat-x top;
	height: 61px;
	color:#999;
}

/*-- Heading styles --*/
h1 {
	font: normal 26px/36px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
}
h2 {
	font: bold 20px/30px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
}
h3 {
	font: bold 17px/27px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #069;
}
h4 {
	font: bold 14px/24px Verdana, Geneva, sans-serif;
}
h5 {
	font: bold 13px/20px Verdana, Geneva, sans-serif;
	color: #069;
}
h6 {
	font: bold 12px/18px Verdana, Geneva, sans-serif;
}

/*-- Link styles --*/
a, a:link {
	color: #069;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration:underline;
}
a:visited, a:active {
	color: #000;
}
.entry a.more-link { /*-- Removes underline from more link --*/
	text-decoration:none;
}
#header a, #header a:link, #header a:active, #header a:visited {
	color: #FFF;
}
#header a:hover {
	color: #0CF;
}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
	color: #CCC;
}
#Footer a:hover {
	color: #FFF;
}

/*-- Header styles --*/
#headerwrap {
	padding: 0;
	text-align: left;
	background: url(images/headerbg.png) repeat-x top;
}
#header {
	width:960px;
	height:94px;
	margin:0px auto;
	text-align:left;
	background: url(images/headerfill.jpg) no-repeat center top;
}
#header p {
	margin: 0px;
}
.title { /*-- This is the title of your blog --*/
	font: bold 30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	float: left;
	width: 600px;
	padding-top: 15px;
}
.title a:hover {
	text-decoration:none;	
}
.description { /*-- This is the line of text below your blog title --*/
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	float: left;
	clear: left;
	padding-top: 7px;
}
.topnav { /*-- This is the RSS links in the header --*/
	float:right;
	color: #000;
	text-align:right;
	font: bold normal 12px Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-top: 10px;
}

/* Navigation Styles */
#menu {
	width:960px;
	position:relative;
	margin:0 auto;
	display:block;
	height:35px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#menu ul li a {
	display:block;
	float:left;
	color:#CCC;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
#menu ul li a:hover {
	color:#FFFFFF;
	height:27px;
	background:transparent url(images/nav_bg.png) 0px -35px no-repeat;
}


/*-- Post styles --*/
.posttitle {
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
}
.posttitle a:hover {
	text-decoration:none;
}

#navwrap {
	height:35px;
	background: transparent url(images/nav_bg.png) repeat-x top left;
	clear: both;
}

/*-- Sidebar styles --*/
#sidebar h5 { /*-- This is the title of each widget --*/
	background: url(images/sidebarh3.jpg) no-repeat top center;
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
#sidebar ul {
	padding: 8px;
	margin-bottom: 10px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sidebar ul ul {
	border:none;
	background:none;
}
#sidebar ul li {
	border: 1px solid #CCC;
	background: #FFF url(images/boxbg.png) repeat-x top;
	margin-bottom:10px;
	padding: 7px;
}
#sidebar ul li ul li {
	margin-left: 8px;
	background: url(images/arrow.png) no-repeat left top;
	padding-left: 9px;
	padding-bottom: 5px;
	border:none;
	margin-bottom:0;
	padding-top: 0px;
}
#sidebar ul.children {
	padding-top:3px;
}
#sidebar ul.children li { /*-- This styles the sub categories in the hierarchy --*/
	background: url(images/childbullets.png) no-repeat left top;
	padding-bottom:2px;
}

.box {
	background: #FFF url(images/boxbg.png) repeat-x top;
	padding: 20px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}

.right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}






