@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#959595;
	/*font:normal 12px/1.8em Arial, Helvetica, sans-serif; */
	font: 120%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:#1f3f4a;
}
div.main {
	padding:0;
	margin:0;
}
div.fiftyfifty
{
	display: inline-block;
	width: 48%;
	height: auto;
	vertical-align: top;
}
img.articleArrowShow
{
	width:40px;
	height:18px;
	float:right;
	cursor:pointer;
}
img.articleArrowHide
{
	display:none;
}
div.thirds 
{
	padding:4;
	margin:4;
	width:30%;
	height:auto;
	display:inline-block;
}
div.lightlyShaded
{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #ECECEC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-box-shadow: 0px 0px 7px;
	box-shadow: 0px 0px 7px;
}
h3.lightlyShaded
{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #ECECEC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-box-shadow: 0px 0px 7px;
	box-shadow: 0px 0px 7px;
}
iframe.videoNoShow
{
	display:none;
}
iframe.videoShow
{
	display:block;
}
div.closeVideoButton
{
	position:absolute;
	z-index:300;
	top:-200px;
	left:45%;
	
}
img.priceIcon
{
	width:200px;
	height:70px;
	position:relative;
	left:80%;
}
span.logoSpan
{
	float:right; 
	color:#B3B3B3
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.logoNextGen {
	width:970px;
	height:80px;
	padding:20px 0;
	margin:0 auto;
	background:url(../graphics/NowGenITbanner-02.png);
	background-size: 100% 100%;
}
.logoEr {
	width:970px;
	height:80px;
	padding:20px 0;
	margin:0 auto;
	background-size: 100% 100%;
}
.logo {
	width:970px;
	height:80px;
	padding:20px 0;
	margin:0 auto;
	background-size: 100% 100%;
}
h1 {
	margin:0;
	padding:20px 10px;
	color:#d4d4d4;
	font:bold 28px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
}
h1 a, h1 a:hover {
	color:#393a48;
	text-decoration:none;
}
h1 span {
	color: #444458;
	font-family: Arial, Helvetica, sans-serif;
}
h1 small {
	display:block;
	padding:0;
	font:normal 13px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
h2 {
	font: normal 24px Arial, Helvetica, sans-serif;
	padding: 8px 15px;
	margin-top: 2px;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 2px;
	color: #595959;
	background: #eeeeee;
}
h5 {
	font: normal 24px Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 2px;
	color: #595959;
	background: #eeeeee;
	-webkit-margin-before: 2%;
    -webkit-margin-after: 2%;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h2.articleHide
{
	display:none;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
p.spec {
}
a {
	color:#254FF9;
	text-decoration:underline;
}
a.rm, a.com {
	padding:0;
	text-decoration:none;
	color:#fff;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.fbg_resize {
	margin:0 auto;
	padding:0 40px;
	width:890px;
}
.header {
	padding:20px 0;
}
.header_resize {
	margin:0 auto;
	width:970px;
}
.header_block {
	margin:0;
	padding:0;
	background:#15343c;
	border-bottom:1px solid #284a55;
}
.menu_nav {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
.menu_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.menu_nav ul li {
	margin:0;
	padding:0;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:17px;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	font-weight:bold;
	color:#3d92a8;
}
.content {
	padding: 15px 20px;
	margin: 0 auto;
	width: 930px;
	background: #ffffff;
}
.mainbar {
	margin: 0;
	padding: 0;
	width: 926px;
	position: static;
	z-index: 100;
}
.mainbar img {
	padding:4px; 
}
.mainbar img.fl {
	margin:4px 16px 4px 0;
	float:left;
}
.mainbar .article {
	margin:0 0 20px;
	padding:10px 15px 5px;
	border:1px solid #eeeeee;
}
.mainbar .post-data a {
	color:#595959;
}
.mainbar .post-data a.com {
	float:right;span
	color:#e58a42;
}
.mainbar .spec a {
	background:#939393;
	padding:7px 10px;
}
.sidebar {
	width: 300px;
	position: absolute;
	top: 19px;
	float: right;
	z-index: 120;
}
.sidebar .gadget {
	margin: 0 0 20px;
	padding: 10px 15px 5px;
	border: 1px solid #eeeeee;
	position: absolute;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0 0 0 15px;
	color:#939393;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:4px 0 4px 0;
	width:220px;
}
ul.ex_menu li {
	padding:4px 0 8px 0;
}
ul.sb_menu li a, ul.ex_menu li a {
	color:#939393;
	text-decoration:none;
	margin-left:-12px;
	padding-left:12px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
	color:#939393;
	font-weight:bold;
}
ul.sb_menu li a:hover {
	text-decoration:underline;
}
ul.ex_menu li a:hover {
	text-decoration:none;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	background:#132229;
	padding:20px;
	width:930px;
	margin:0 auto;
}
.fbg h2 {
	color:#414395;
}
.fbg img {
	padding:4px;
	border:1px solid #cfd2d4;
	background-color:#fff;
}
.fbg a {
	color:#3d92a8;
}
.fbg .col {
	margin:0;
	float:left;
	background:url(../images/fbg_line.gif) repeat-y right;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:266px;
}
.fbg .c2 {
	padding:0 16px;
	width:320px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:280px;
	background:none;
}
.fbg .c1 img {
	margin:8px 16px 8px 0;
}
.fbg .c3 img {
	margin:8px 16px 4px 0;
	float:left;
}
.footer {
}
.footer_resize {
	margin:0 auto;
	padding:20px 0;
	width:930px;
	color:#FFF;
}
.footer p {
	margin:0;
	padding:4px 0;
	line-height:normal;
	color:#FFF;
}
.footer a {
	color:#FFF;
	padding:inherit;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}
.footer .lf {
	float:left;
}
.footer .rf {
	float:right;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 2px;
	height:16px;
	background:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:2px;
	background:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.search {
	padding:10px 0;
	float:right;
}
.search span {
	width:256px;
	display:block;
	background:#FFF;
	height:29px;
	margin:0;
	padding:0;
	border:1px solid #52676c;
}
.search input#s {
	float:left;
	width:210px;
	padding:7px 0 7px 10px;
	margin:0;
	border:0;
	background:none;
	color:#afaeae;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
}
.search .btn {
	float:left;
	padding:0;
	margin:0;
	border:0;
	width:auto;
}
.pagenavi {
	clear:both;
	font:normal 13px Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:right;
	padding:10px 20px;
}
.pagenavi a, .pagenavi .current {
	border:1px solid #939393;
	margin-left:3px;
	padding:5px 10px;
	text-decoration:none;
	color:#939393;
}
.pagenavi a:hover, .pagenavi .current {
	background:#939393;
	color:#fff;
	border:1px solid #939393;
}
.pagenavi .pages {
	float:left;
}
div.purchase {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
input.articleHide
{
	display:none;
}
input.articleShow
{
	display:inline-block;
}
span.articleHide
{
	display:none;
}
span.articleShow
{
	display:inline-block;
	width:100%;
}
strong.readMore
{
	display:inline-block;
}
strong.readLess
{
	display:none;
}
div.promoVideo
{
	width:100%;
	display:block;
	float:left;
	position:absolute;
	height:auto;
}
div.articleHide
{
	display:none;
}
div.articleShow
{
	display:block;
	position:absolute;
	background-color:rgba(255,255,255, .99);
	height: 300%;
	width: 100%;
	top:0;
	right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
	z-index:100;
	overflow-y: visible;
	text-align:center;
}
div.readMore
{
	display:inline-block;
}
div.readLess
{
	display:none;
}
a 
{
  color:inherit;
  text-decoration: none;
}

input[type=text], input[type=password], input[type=submit], select, textarea
{
	border: 1px solid #dddbdb;
	padding: 6px;
	outline: none;
	font-size: 13px;
	color: #616161;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #ccc;
}

input[type=button]
{
	border: 1px solid #D3D1F5;
	padding: 6px;
	outline: none;
	font-size: 13px;
	color: #150759;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #ccc;
	font-variant: small-caps;
}

li.input
{
	list-style: none;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	color: #929292;
}

label
{
	display: block;
	width: auto;
	font-size: 13px;
	margin-bottom: 5px;
}


li
{
	list-style: none;
	font-size: small;
	color:#313043;
}
li.good
{
	list-style: inside;
	color:#01854F;
}
li.bad
{
	list-style: inside;
	color:#AB0104;
}

li.linkTarget
{
	display:inline-block;
	width:32%;
}
label.linkTarget
{
	display:inline-block;
	width:90%;
}
input.linkTarget
{
	display:inline-block;
}

img.h2Icon
{
	display:inline-block;
	width:20px;
	height:20px;
	padding:0px;
	margin:0px;
}

li.report
{
	margin:1px;
	padding:1px;
	display:block;
}
li.percent1
{
	margin:1px;
	padding:1px;
	display:inline-block;
	width:10%;
}
li.percent2
{
	margin:1px;
	padding:1px;
	display:inline-block;
	width:60%;
}
li.percent3
{
	margin:1px;
	padding:1px;
	display:inline-block;
	width:25%;
}
p.report
{
	padding:1px;
	margin:1px;
	display:inline-block;
	width:70%;
}



/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */ }

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav
{
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}

ul.nav li { border-bottom: 1px solid #666; /* this creates the button separation */ }

ul.nav a, ul.nav a:visited
{ /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #8090AB;
	color: #000;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus
{ /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #6F7D94;
	color: #FFF;
}
li.refLink
{
	font: 10px, Times, Times New Roman;
}