/* CSS Document 
NOTE bootstrap.min.css over-rides these settings.
styles0.css overrides bootstrap.
*/

/* change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 50px white inset;
}

/* Box-sizing property set to border-box ensures that the padding and border are included in total width and height of elements. */
* { box-sizing: border-box;}

/* remove the drop down arror from select boxes */
select::-ms-expand {
	display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
        color: #333;
}

li.li-menu {font-family:Arial, Helvetica, sans-serif;}  

u {text-decoration: underline;}

/*Notation is clockwise - top, right, bottom, left*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*body {
	line-height: 1;
}
body.waiting * {
    cursor: progress;
}*/

body {font-size: 20px}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, caption, em, strike {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000; 
	}
	
figcaption {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 90%;
	font-weight:normal;
	font-style:normal;
	line-height:125%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color: #333; 
	padding-bottom:10px; padding-left:10px;
	}

/* Global */
html {  }
/*body { background-color:#E8DDCA;  }*/
body { background-color:#FFF;  }


/* ===================== Headings ===================== */
h1, h2, h3, h4, h5, h6 {padding-bottom:10px}
h1 {font-size:200%; color:#F60; font-weight:600;}
h2 {font-size:125%;}
h3 {font-size:125%; color:#F60; font-weight: 600;padding-bottom:3px;}
h4 {font-size:87.5%;color:#666; font-weight:400;}
h5 {font-size:95%; color:steelblue; font-weight:600; padding-top:7px; padding-bottom:0px;}
h6 {font-size:87.5%; color:#666; font-weight:600;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* NUMBER INPUT. used in Decision forms mfr, ret */
/*Turn Off Number Input Spinners: WebKit desktop browsers add little up down arrows to number inputs called spinners. You can turn them off visually like this:*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

/* ===================== SELECT DROP DOWN (for drop down list). used in Decision forms mfr, ret 
Characters like g and y get cut off (i.e. their lower end). line-height is supposed to fix this, but it doesn't for now.
*/
.selectClass {font-size:15px; max-width:150px; color:steelblue; line-height:normal;font-family:Arial, Helvetica, sans-serif; border:none;}​
.selectClass option {max-width:150px; height:120%;}
.selectID option {max-width:150px; height:120%}
.selectID2 option {max-width:200px; height:120%}


/* =====================POPUP used in Decision forms mfr, ret, login =====================*/
.popupContainer{position:absolute; max-width:250px; height:auto; left:25%; top:15%; background: #FFF;} 
.popupContainer_left{position:absolute; max-width:300px; height: auto; left:2%; top:15%; background: #FFF;} 

/* pop-div. used in Decision forms mfr, ret  */
.pop-div label {display: block; margin-bottom:5px;}
.pop-div input[type="text"], .pop-div input[type="email"], .pop-div input[type="password"] 
 {display: block; width:90%; padding: 10px; border:1px solid #DDD; color: #666 }
.pop-div input[type="checkbox"] {float:left; margin-right:5px;}
.pop-div input[type="checkbox"]+label {float:left;}
.pop-div .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
.forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}

/* Popup Styles. used in Decision forms mfr, ret */
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:6px 10px 6px 10px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size: 24px;}
.popupBody {padding:20px;}

/* ===================== Message. used in Decision forms mfr, ret  */
.confirm_msg {color: green; margin-left:30px; font: Arial, Helvetica, sans-serif; font-size:16px}

/* ===================== Text Elements ===================== */
p { font-size:100%; color:#333; line-height:150%; margin-bottom:10px; }
p .left		{margin: 1.5em 1.5em 1.5em 0; padding:0;}
p .right	{margin: 1.5em 0 1.5em 1.5em; padding-left:10px; float:right}
.error {color: #FF0000;}
.success {color:green;}

.small-font {font-size: 80%}

a {}

/* selected link 
a:active	{color: #000;}
a:focus		{color: #666;}
*/

/* unvisited link */
a:link 		{color:steelblue;} /*#006.#F60*/
/* visited link */
a:visited 	{color:steelblue;} /*#003 #F90 #F60*/
/* mouse over link */
a:hover 	{color:black;}

blockquote	{color:#000; font-size:75%;}
strong		{font-weight:bold;}
em		{font-style:italic;}
i               {font-style:italic;}

/* ===================== Video ===================== */

/* === video - with custom poster === */
.video {position: relative; padding-bottom: 56.25%; /* aspect ratio 75%;4:3  56.25%;16:9 */ width:100%;height:100%;}
.video img {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }
.video:after {content: ""; position: absolute; display: block; 
    background: url(play-button.png) no-repeat 0 0; 
    top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
.video iframe {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}

/* image poster clicked, player class added using js */
.video.player img {display: none;}
.video.player:after {display: none;}


/* ===================== Images ===================== */
.image-frame		{padding:10px; border:1px #CCC solid; margin:10px; max-height:500px;}
.image-frame:hover      {max-height:500px}
.image-frame-left	{padding:10px; border:1px #CCC solid; margin:10px; margin-right:20px; float:left;}
/* .image-frame-right	{position:absolute; left:750px; top:500px; width:180px; padding:10px; border:1px #CCC solid; margin:10px; }*/
.image-frame-right	{padding:10px; border:1px #CCC solid; margin:10px; float:right; max-height:500px;}
.image-right		{padding:10px; margin:10px; margin-left:40px; float:right;max-height:500px;}
.image-full.displayed   {display:block; margin-left:auto; margin-right:auto;}
.image-frame-small	{padding:5px; border:1px #CCC solid; max-height:300px;}
.image-frame-large	{padding:5px; border:1px #CCC solid; height:1200px;}

/* Image - Centred */
/*horizontal centring*/
#img-over{position:absolute; width:100%; height:100%; text-align: center;}
/*vertical centring*/
.img-span {display:inline-block; height: 100%; vertical-align: middle;}
.image-Centred {display:inline-block; vertical-align:middle;}

/* IMAGE GALLERY */
div.gall {margin: 5px; padding: 5px; height: auto; width: auto; float: left; text-align: center; }	/*border: 1px solid #0000ff;*/
div.gall img {display: inline; margin: 5px; }  /*border: 1px solid #ffffff;*/
div.gall a:hover img {border: 1px solid #0000ff;}
div.imgcap {text-align: center;}  /*font-weight: normal; width: 120px; margin: 5px;*/

/* Lists */
ul {list-style-type:disc; padding-left: 2em;}
ol {list-style-type:decimal; padding-left: 2em; }

ul li {color:#333; font-size:97.5%; line-height:135%; }
ol li { color:#333; font-size:97.5%; line-height:135%; }


/* ===================== Tables ===================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table	{width:100%}


/*-- dash   ------------------------------------------------->*/ 
.dash-tbl thead, .dash-tbl tbody    {display:block; width:100%;}
/*.dash-tbl tbody                     {height:650px; overflow:auto;} 
.dash-tbl tbody                       {max-height:1000px;} */
.dash-tbl tr                          {height:25px; border-bottom:1px solid #CCCCCC;}
.dash-tbl td                          {text-align:right; width:80px;}
.dash-tbl th                          {width:500px;}
.dash-tbl td, .dash-tbl th          {vertical-align:middle; break-word: word-wrap; font-size: 10px }
.dash-tbl thead                       {background-color:transparent;border-bottom: none; border-top:none;} 
.dash-tbl tr:nth-child(even)        {background-color: #FCFCFC;}

/*Dashboard, PnL, CSS, ScanTrack, 
.scroll-tbl tbody overflow:auto; removed since that gives us 2 scroll bars-->*/
.scroll-tbl thead, .scroll-tbl tbody    {display:block; width:100%;}
/*.scroll-tbl tbody                     {height:650px; overflow:auto;} 
.scroll-tbl tbody                       {max-height:1000px;} */
.scroll-tbl tr                          {height:25px; border-bottom:1px solid #CCCCCC;}
.scroll-tbl td                          {text-align:right; width:63px;}
.scroll-tbl th                          {width:200px; }
.scroll-tbl td, .scroll-tbl th          {vertical-align:middle; break-word: word-wrap; }
.scroll-tbl thead                       {background-color:transparent;border-bottom: none; border-top:none;} 

.my_table {border-collapse:collapse; background-color:whitesmoke; border:1px solid #cccccc}
.my_table thead {background-color:#E5E4E2;border-top:1px solid #bfbfbf;border-bottom:1px solid #E5E4E2; }
.top {padding-top: 9px;}
.bot {padding-bottom: 4px;}
/*.my_table thead {background-color:#E5E4E2; border-bottom:5px solid #E5E4E2; border-top:10px solid #E5E4E2;}*/
/*.my_table thead {background-color:#EEE; border-bottom:5px solid #EEE; border-top:10px solid #EEE;}*/
/*.my_table thead {background-color:#EEE; border-bottom:2px solid #EEE; border-top:5px solid #EEE;} */   	
.my_table thead th {font-weight: 400}
.odd    {background-color:#eee;}		
.even	{background-color:#fff;}
.kpi	{background-color: #FFFFE3;}
.lt-bord {border-left: solid 1px #bfbfbf; line-height:normal; padding-left: 5px} /*#E5E4E2 */
.rt-bord {border-right: solid 1px #bfbfbf; line-height:normal;} 

/* important to overide .scroll-tbl td setting */
.r-align {text-align:right !important}
.l-align {text-align:left !important}
.l2-align td {text-align:left; line-height: 130%;}
tbody	{}
.my_table th,td {padding:8px}
.my_table thead tr td {padding:8px}
.my_table tr td select {width:100%;padding:1px; border-style:dotted}

/* my_table2 used by ret-catman */
.my_table2 th {padding:0px} 

/* my_table3 used by ret-confirm */
.my_table3 td {text-align:right; padding-right:8px}
.my_table3 th {text-align:left; padding-right:8px}

.select-bkgd {background-color:white;border:1px solid lightgray; border-style: dashed}

.tbl-pg input, .tbl-pg select {
    max-width:60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tbl-pg select {
	background-color: transparent;
	border: 0px solid;
}

/* ===================== INPUTS - integer and float values */
.int_val, .float_val {width:100%;padding:2px; text-align:right}


.foot_table {width:50%; font-size:95%;}
.foot_table td {height:20px}
/*
input[type=number] {width:60px;padding:2px; text-align:right;}
*/


/* ===================== Divisions ===================== */
/*outer is used in Decision templates*/
/* margin:0 auto; makes it center-aligned*/
#outer	 	{max-width: 960px; margin:0 auto; background-color:#FFF; }
.outer-wide	{max-width: 100%; margin:0 auto; background-color:#FFF; }

#wrapper 	{max-width: 1000px; margin:0 auto; background-color:#FFF; overflow:hidden; }
#wrapper-wide 	{max-width: 100%; margin:0 auto; background-color:#FFF; overflow:hidden; }

#logo 		{float:right; }
#logo img 	{height:50px;}
@media screen and (max-width: 800px) {
	#logo{float:none;} 
	#logo img{height:30px; margin-left:10px}
}

#header 	{ clear:both;}


/* ===================== MENU ===================== */
#menu 			{clear:both;}
#menu ul 		{list-style-type: none; margin-top:10px; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding: 10px 0;}
#menu ul li 	{display:inline; }
#menu ul li a 	{padding:12px; font-size:97.5%;}

#menu a:link	{color: #930;}
#menu a:visited	{color: #930;}
#menu a:active	{color: #930;}
#menu a:focus	{color: #666;}
#menu a:hover	{}  /*color: #f90;*/

/*Use this version to keep top menu fixed*/
/*
#menu-top 			{position:fixed; height:25px; top: 0; left: 0; right: 0; clear:both; background-color:#FFFFFF; 
					text-align:center; border-bottom:1px #CCCCCC solid;}*/
#menu-top 			{clear:both; background-color:#FFFFFF; text-align:center; border-bottom:1px #CCCCCC solid;}
/*#menu-top 			{clear:both; background-color: #C6C6B2; width: inherit;}*/	
#menu-top ul 		{list-style-type: none; padding: 0;}
#menu-top ul li 	{display:inline; }
#menu-top ul li a 	{padding:0 15px; font-size:87.5%;}

#menu-top a:link	{color: #585856;}
#menu-top a:visited	{color: #585856;}
#menu-top a:active	{color: #585856;}
#menu-top a:focus	{color: #000000;}
#menu-top a:hover	{text-decoration:none}
/*#menu-top a:hover	{color: #000000;}
#menu-top a:hover	{text-decoration: underline}*/


#menu-left 		{float:left; max-width:200px; background-color:#FAFAFA; padding: 0; }
#menu-left ul 		{list-style-type: none; margin-top:15px; margin-left:5px; padding: 0;}
#menu-left ul li	{margin-bottom:5px;}
#menu-left ul li a 	{padding-top:5px; padding-bottom:5px; font-size:87.5%; margin-bottom:10px;}
#menu-left a:link	{color: #666;}
#menu-left a:visited	{color: #999;}
#menu-left a:active	{color: #930;}
#menu-left a:focus	{color: #666;}
#menu-left a:hover	{text-decoration:none}
/*#menu-left a:hover	{color: blue;}*/

#menu-right 			{float:right; max-width:100px;}
#menu-right ul 			{list-style-type: none; margin-top:85px; margin-right:25px; padding: 10px 0;}
#menu-right ul li a 	{padding-top:5px; padding-bottom:5px; font-size:112.5%;}
#menu-right a:link		{color: #930;}
#menu-right a:visited	{color: #930;}
#menu-right a:active	{color: #930;}
#menu-right a:focus		{color: #666;}
#menu-right a:hover		{color: #f90;}

/* ================ SIDE MENU =====================*/
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: lightgrey; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px !important;
    margin-left: 50px;
}

/* ===================== PAGE with top menu ===================== */
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* ===================== SECTION ===================== */
#content				{ clear:both; padding:20px 50px 10px 30px;}
#content-left			{ float:left; max-width:600px; padding:20px 20px 10px 30px;}

/* Footer */
/*#footer         {clear:both; margin-top:40px; padding-top:40px; padding-bottom:12px}*/
#footer {clear:both;}
.footer-text {font-size:72.5%;padding-left:10px;padding-right:10px;text-align:left;}/*border-top:solid; border-width:1px; border-color: #818181*/
@media (min-width:800px) {
    .footer-text {text-align:center; margin-left:10%;margin-right:10%}
}
/* Forms */
.required_notification {color:#d45252; margin:5px 0 0 0; display:inline; float:right;}
.form-general label {height:28px; max-width:320px; font-family:Arial, Helvetica, sans-serif}
.form-general input {height:28px; max-width:320px; padding:5px}
.form-general select {height:28px; max-width:320px; padding:5px}
.form-general textarea {padding:8px; width:320px;}

/* BUTTONS - not using these ... using bootstrap instead */
/* grey 
.btn {width:80px; font-size:18px; padding:10px 10px; background: #F4F4F2;}
.btn:hover {background: #E4E4E2;}
a.btn {color:#666; text-align: center; text-decoration: none;}
/* grey_big 
.btn_big {width:150px; font-size:18px; padding:10px 10px; background: #F4F4F2;}
.btn_big:hover {background: #E4E4E2;}
a.btn_big {color:#666; text-align: center; text-decoration: none;}
/* red 
.btn_red {width:80px; font-size:18px; padding:10px 10px; background: #ED6347; color: #FFF;}
.btn_red:hover {background: #C12B05;}
a.btn_red {color: #FFF; text-align: center;}
/* red_big 
.btn_red_big {width:150px; font-size:18px; padding:10px 10px; background: #ED6347; color: #FFF;}
.btn_red_big:hover {background: #C12B05;}
a.btn_red_big {color: #FFF; text-align: center;}
/* green 
.btn_grn {width:100px; font-size:18px; padding:10px 10px; background: #C9E4C5; color: #00A251;}
.btn_grn:hover {background: #9CD988;}
a.btn_grn {color: #00A251; text-align: center;}
*/

.btn {background: #F4F4F2;}
.btn:hover {background: #E4E4E2;}
a.btn {color:#666; text-align: center; text-decoration: none;}

.action_btns {clear:both; overflow: hidden;}
.action_btns a {display: block;}

/* button of covering half of the menu ... not  used here */
.one_half {width:50%; display: block; float:left;}
.one_half.last {width:45%; margin-left:5%;}

/* Close button. used in Decision forms mfr, ret */
.close_btn {position: absolute; right: 0; top:0; padding:2px 15px 2px 15px; background: #CC3300; color:#FFFFFF; 
cursor: pointer; font-size: 20px; font-weight:500}
.close_btn2 {float:right; right: 0; top:0; margin:0px; padding:2px 15px 2px 15px; background: #CC3300; color:#FFFFFF; 
cursor: pointer; font-size: 24px; font-weight:500}


/* ===================== SHOW/HIDE functionality ===================== */
/*  SHOW/HIDE functionality also copied in show-hide.css*/
#flip-show	{display: none;}
/*  border-top: 1px solid #666;
  border-bottom: 1px solid #666; }*/

.more 		{display: none;}
a.showLink, a.hideLink {
  text-decoration: none;
  font-size:18px;
  color: #333399;
  padding-left: 0; } /*background: transparent url(down.gif) no-repeat left;*/

a.showLink {
  line-height: 150%;}
/* a.hideLink {   background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover { border-bottom: 1px dotted #333399; }*/
.show-hide-all p {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; text-align:right;   margin-bottom:0em; }


/* ===================== CHAPTERS, AGENDAS, CONTENTS ===================
PREVIOUS NEXT  =====================*/
div.pv {width:40%;float:left;text-align:left;}
div.nx {width:48%;float:right;text-align:right;}
span.nx {width:48%;float:right;text-align:right;}

div.chapnav {font-size:17px;margin:0px;padding:0px;width:auto;height:20px;}

a.chapnav:link    {text-decoration:none;color:lightgrey;background-color:transparent}
a.chapnav:visited {text-decoration:none;color:lightgrey;background-color:transparent}
a.chapnav:hover   {text-decoration:none;color:black;background-color:#CCCCCC}
a.chapnav:active  {text-decoration:none;color:lightgrey;background-color:transparent}

/* Message */
.confirm_msg {color: green; margin-left:30px; font: Arial, Helvetica, sans-serif; font-size:16px}
.err_msg {color: #FF0000; margin-left:30px; font: Arial, Helvetica, sans-serif; font-size:16px}

/* Chapter, Content, Agenda */
.chaplist h1,.chaplist h2,.chaplist h3,.chaplist h4 {display:inline; font-size: 16px}

/* ===================== Message Box ===================
    color: black; color: #CCC; (slightly darker than lightgrey ... used for cascading closealerts)
*/
.alert {
    padding: 7.5px !important;
    background-color: whitesmoke; 
    opacity: 1;
    transition: opacity 0.6s;
    margin-top: 0px !important; 
    margin-bottom: 0px !important; 
    margin-left: 15px; 
    margin-right: 15px; 
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    max-width: 750px;
    text-indent:0px;
}

.closealert {
    margin-left: 15px;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closealert:hover {
    color: black;
}

/* ===================== Expand/Collapse ===================*/
.tog-show-hide {cursor: pointer; font-size:180%; opacity:0.5}
.toggler {cursor: pointer;}
/* ===================== Google Charts ===================*/
.chart_div {max-height: 400px; min-height: 400px; max-width: 800px;  margin: 0; }
.chart_div500 {max-height: 500px; min-height: 500px; max-width: 800px;  margin: 0; }
.chart_dash {max-height: 500px; min-height: 500px; max-width: 800px;  margin: 0; }

/* ===================== Index ===================*/
.idx {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: grey; /* Chrome, Safari, Opera */
    -moz-column-rule-color: grey; /* Firefox */
    column-rule-color: grey;

    font-size: 14px;
    padding-left: 1.5em;
    text-indent:-1.5em;
}

/*=================== BOOK ================================*/
p.MsoQuote, li.MsoQuote, div.MsoQuote
	{mso-style-link:"Quote Char";
	margin:0in;
	margin-bottom:.0001pt;
	text-align:justify;
	text-justify:inter-ideograph;
	text-indent:0in;
	font-size:12.0pt;
	font-family:"Minion Pro",serif;
	background:white;
	font-style:italic;}
        
.MathJax_Display { 
    text-align: left !important;
    margin-left: 0.5in;
    /*display: inline !important;*/
    
/*======= ADs ======== */
.font_comment {font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 13px; color: darkcyan}
.font_advt a.font_advt {font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 15px; color: black}
}

/*======= glyphicon ======== */
.gi-large{font-size: 18px; font-weight: bold} /*size, colour = maroon: color: #930;  */

/*======= HELP ======== */
.help-pg {font-size: 12px}