/* Styles */

.TopBar {
	width : 100%;
	background-color : transparent;
	position : fixed;
	top : 0px;
	}

.AboutButtonCell {
	display : table-cell;
	width : 24px;
	vertical-align : middle;
	}

.AboutButton {
	float : right;
	height : 16px;
	width : 16px;
	background-color : #D7DCE9;
	margin-left : auto;
	border : 1px solid #6C84AF;
	border-radius : 10px;
	line-height : 16px;
	font-family : Arial;
	font-size : 10px;
	text-align : center;
	color : #6C84AF;
	}

.NavButtonCell {
	display : table-cell;
	width : 86px;
	vertical-align : middle;
	}

.NavButton {
	float : right;
	width : 80px;
	height : 22px;
	margin-left : auto;
	border : 1px dotted black;
	border-radius : 3px;
	background-color:#E8E8E8;
	line-height : 22px;
	text-align : center;
	font-family : arial;
	font-size : 13px;
	color : gray;
	}

.ChartButton {
	font-size : 12px;
	background-color : #E8E8E8;
	border : 1px dotted black;
	border-radius : 3px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 4px;
	padding-right : 4px;
	margin-left : 4px;
	vertical-align : 4px;
	cursor : pointer;
	}



.MarginL {
	margin-left : 50px;
	}

.SectionHead {
	font-family: Roboto Condensed;
	font-size : 24px;
	font-style : normal;
	margin-top : 34px;
	margin-bottom : 20px;
	}

.ArticleHead {
	font-family: Roboto;
	font-size : 18px;
	font-style : normal;
	font-weight : bold;
	margin-top : 4px;
	margin-bottom : 0px;
	}

.SourceHead {
	font-family: Roboto;
	font-size : 11px;
	font-weight : bold;
	color : gray;
	margin-top : 22px;
	margin-bottom : 0px;
	}

.SmallHead {
	font-family: Roboto;
	font-size : 14px;
	font-weight : bold;
	color : gray;
	margin-top : 8px;
	margin-bottom : 0px;
	}

.Quote {
	font-family: 'Libre Baskerville';
	font-size : 13px;
	font-style : italic;
	color : #404040;
	margin-top : 8px;
	margin-bottom : 0px;
	}

.Caption {
	font-family: 'Roboto Condensed';
	font-size : 16px;
	font-weight : bold;
	margin-top : 8px;
	margin-bottom : 12px;
	}

.BodyText {
	font-family: 'Roboto Condensed';
	font-size : 15px;
	font-style : normal;
	margin-top : 8px;
	margin-bottom : 0px;
	}

.ArticleIcon {
	float:left;
	margin-top: 8px;
	clear : right;
	}

.NormalFont {
	font-style : normal;
	font-weight : normal;
	}

.RefNo {
	vertical-align : super;
	font-size : 9px;
	}

.ProductAmount {
	color : #1E5AFA;
	}

.NicStrength {
	color : #FF0000;
	}

.NicBase {
	color : #03A903;
	}

.eJuice {
	color : #C48719;
	}

.HoverOpacity {
	opacity : 1;
	}

	.HoverOpacity:hover {
		opacity : 0.7;
		}


/* Nic-Chart */

.TitleBarCell {
	display : table-cell;
	background-color : #6C84AF;
	height : 18px;
	padding : 0px;
	border-bottom : 4px solid white;
	}

.TitleBarText {
	margin-left : 4px;
	font-family : 'Roboto Condensed';
	font-size : 12px;
	color : white;
	line-height : 18px;
	}

.HeadBlank {
	background-color : transparent;
	border-bottom : 3px solid white;
	width : 60px;
	}

.TopHead1 {
	background-color : #F0F0F0;
	border-bottom : 3px solid white;
	text-align : center;
	}

.TopHead2 {
	background-color:#F5F5F5;
	border-bottom:3px solid white;
	text-align : center;
	}

.SideHead1 {
	background-color:#F0F0F0;
	border-right:3px solid white;
	border-bottom:1px solid white;
	}

.SideHead2 {
	background-color:#F5F5F5;
	border-right:3px solid white;
	border-bottom:1px solid white;
	}

.Column_OddNo_DeepBlue {
	background-color : #D1D8E5;
	border-bottom:1px solid white;
	}

.Column_OddNo_BrightBlue {
	background-color : #ECEEF4;
	border-bottom:1px solid white;
	}

.Column_EvenNo_DeepGreen {
	background-color : #D4E3D7;
	border-bottom:1px solid white;
	}

.Column_EvenNo_BrightGreen {
	background-color : #F2F7F3;
	border-bottom:1px solid white;
	}

.RightAlign {
	text-align:right;
	width:42px;
	padding-right:4px;
	}

.SmallText {
	font-size : 9px;
	}

.SmallTextGray {
	font-size : 9px;
	color : gray;
	}

	.SmallTextGray:hover {
		color : #FF0000;
		}

.Pointer {
	cursor : pointer;
	}

	.Pointer:hover {
		color : #FF0000;
		}

.PctTable_Head_L {
	display : table-cell;
	width : 56px;
	background-color : #6C84AF;
	border-bottom : 2px solid white;
	text-align : center;
	font-size : 10px;
	font-family : 'Roboto Condensed';
	color:white;
	vertical-align : middle;
	}

.PctTable_Head {
	display : table-cell;
	width : 54px;
	background-color : #6C84AF;
	border-left : 2px solid white;
	border-bottom : 2px solid white;
	text-align : center;
	font-size : 10px;
	font-family : 'Roboto Condensed';
	color:white;
	vertical-align : middle;
	}

.PctTable_Cell_L {
	display : table-cell;
	width : 48px;
	background-color : #D1D8E5;
	border-bottom : 2px solid white;
	padding-right : 8px;
	text-align : right;
	font-size : 12px;
	font-family : 'Roboto Condensed';
	}

.PctTable_Cell {
	display : table-cell;
	width : 46px;
	background-color : #D4E3D7;
	border-left : 2px solid white;
	border-bottom : 2px solid white;
	text-align : right;
	padding-right : 8px;
	font-size : 12px;
	font-family : 'Roboto Condensed';
	}

.StatCell_Blank {
	display : table-cell;
	background-color : transparent;
	border-bottom : 2px solid white;
	}

.PctTable_SmallText {
	font-size : 8px;
	}