@media (min-width: 768px) {
/* Bootstrap Override*/
	.navbar-nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	  }

	.t-footer-block {
		text-align:center;
	}
}


body
{
	font-family: helvetica,sans-serif;
	color:#333333;
}

img
{
	border: none;
}

hr
{
	border-color:darkgray;
}

ul {

}

li {
	-webkit-column-break-inside:avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

a {
	color: #3333AA;
	/*text-decoration:underline;*/
}

p {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.clear
{
	clear: both;
}

.centered
{
	text-align: center;
}

/* For Bootstrap container-fluid content */
.vertical-center 
{
min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
min-height: 1vh; /* These two lines are counted as one :-)       */

display: flex;
align-items: center;
}

a.u-link
{
	text-decoration:underline;
}

div.shadow, img.shadow, legend.shadow
{
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

span.TIS
{
	/* font-family: Times New Roman, Serif; */
	/* font-size:larger; */
	color: Black;
}

div.headerprofile
{
	float: right;
	text-align: left;
	font-size: small;
	font-weight:bolder;
	color: Black;
	/* Changed  // background-color: LightGoldenRodYellow; */
	background-color: #e5f7fd;
	
	padding: 0.5em;
	margin: 0 0.25em 0 0.25em;
	display: none; /* Shown using jQuery */
}
.headerprofile A:link 
{
	color: Black;
	text-decoration: none;
}
.headerprofile A:visited 
{
	color: Black;
	text-decoration: none;
}
.headerprofile A:active 
{
	color: Black;
}
.headerprofile A:hover 
{
	border-bottom: solid 2px Black;
} 

div.headerlogo
{
	font-family: Times New Roman, Serif;
	color: Black;
}
div.headerlogo > h1
{
	display: inline-block;
}
div.headerlogo > nav
{
	font-family: helvetica,sans-serif;
}

.navbar
{
	margin-bottom: 1px;
}
.navbar-default 
{
	/* background-color: #F0E68C;*/
	background-color: rgb(211,197,67);
	color:#444;
}
.navbar-default .navbar-header > .active ,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #FAFAD2;
}

.navbar-default .navbar-nav > li > a {
	color:#444;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #111;
}


ul.navmenu
{
	clear: both;
	list-style-type: none;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 5em;
	background-color: Khaki;
	white-space: nowrap;
}

li.navmenu
{
	display:inline;
	font-weight:bolder;
	color: Black;
	/* background-color: LightGoldenRodYellow; */
	background-color: #e5f7fd;
	padding: 0.25em;
	
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.navmenu A:link 
{
	color: Black;
	text-decoration: none;
}
.navmenu A:visited 
{
	color: Black;
	text-decoration: none;
}
.navmenu A:active 
{
	color: Black;
}

.navmenu_selected > A:link
{
	border-bottom: solid 2px Black;
}

.navmenu A:hover 
{
	border-bottom: solid 2px Black;
}

ul.navsubmenu
{
	clear: both;
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

li.navsubmenu
{
	font-weight:bolder;
	color: Black;
	/* background-color: rgb(229,247,253); /* #e5f7fd; */
	/* background-color: rgba(229,247,253,0.9); */
	padding: 0.25em 1em 0.25em 1em;
	white-space: nowrap;
}
li.navsubmenu > label
{
	font-weight: normal;
	margin-bottom: 0;
}

/* Prevent navbar collapse */
.navbar-collapse.collapse {
display: block!important;
}

ul.checklist
{
	list-style-type: none;
	list-style: none outside none;
	/* Checkmark removed // list-style-image: url('data:image/gif;base64,R0lGODlhCgAKAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAAKAAoAAAISlG8AeMq5nnsiSlsjzmpzmj0FADs='); */ 
	margin-left: 2em;
	margin-top: 1em;
	padding-left: 1em;
}
li.checklist
{
	text-indent: -0.6em;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0.25em;
	padding-right: 0.25em;
}
div.li-square
{
	display:inline-block; 
	width:0.5em;
}
ul.checklist-new
{
	list-style-type: none;
	list-style: none outside none;
	margin-left: 4.4em;
	margin-top: 1em;
	padding-left: 1em;
}
li.checklist-new
{
	text-indent: -1em;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0.25em;
}
div.li-new
{
	display:inline-block; 
	width:2em;
	margin-left:-1.4em;
}
ul.checklist-nouveau
{
	list-style-type: none;
	list-style: none outside none;
	margin-left: 4.4em;
	margin-top: 1em;
	padding-left: 1em;
}
li.checklist-nouveau
{
	text-indent: -1.4em;
	margin-left: 3em;
	padding-left: 0;
	padding-bottom: 0.25em;
}
div.li-nouveau
{
	display:inline-block; 
	width:4.5em;
	margin-left:-3.5em;
}


div.li-none
{
	display:inline-block; 
/*
	margin-left:-0.6em;
	text-indent: 0;
*/
}

div.footer
{
	clear: both;
	border-top:2px solid lightgoldenrodyellow;
	padding: 0.25em;
	text-align: left;
	background-color: rgb(211,197,67);
	color: black;
}

#parentcontent
{
	background-color: white;
}

#leftcontent
{
	float: left;
	width: 30%;
	padding: 0.5em;
	background-color: LightGoldenRodYellow;
	overflow:auto;

	max-width: 283px;
}
#leftcontent-narrow
{
	float: left;
	width: 25%;
	padding: 0.5em;
	background-color: LightGoldenRodYellow;
	overflow:auto;

	max-width: 283px;
}
#middlecontent
, #middlecontent-new
{
	padding: 0.5em;
	padding-left: 1.5em;
	background-color: White;
	overflow:auto;
}
#middlecontent-new
{
	padding: 0;
}


#middlecontent > div
, #middlecontent > p
{
	max-width: 756px;
}
#middlecontent-new > div
, #middlecontent-new > p
{

}

#rightcontent
{
	display: none;
	float: right;
	padding: 0.5em;
	background-color: LightGoldenRodYellow;
	overflow:auto;
}
#rightcontent-new
{
	width: 24em;
	float: left;
	padding: 0;
	background-color: LightGoldenRodYellow;
	overflow:auto;
}

#THIA
{
	width: 260px;
	text-align: left;
	font-size: x-small;
	vertical-align: middle;
}

.TIS-bg
{
	background-color: lightgoldenrodyellow;
}

.ALC
{
	color: #940143;
}

.ALC-bg
{
	background-color: rgba(148, 1, 67, 0.15);
}

span.ALC
, div.ALC
{
	font-family: Times New Roman, Serif;
	font-size:larger;
}
.DSM
{
	color: #ff8100;
}
span.DSM
, div.DSM
{
	font-family: Times New Roman, Serif;
	font-size:larger;
}
h3.DSM
{
	font-family: Times New Roman, Serif;
	font-size:larger;
	background-color: #ff8100;	
	color: Black;
	text-align: center;
	padding: 0.25em 0.25em 0.25em 0.25em;
}
li.DSM
{
	color: black;
	background-color:#ff8100;
}

.THMP
{
	color: #009966;
}
.THMP-bg
{
	background-color: rgb(229,243,238);
}

span.THMP
, div.THMP
{
	font-family: Times New Roman, Serif;
	font-size:larger;
}
li.THMP
{
	color: black;
	background-color: #009966;
}


dfn
{
	text-decoration:underline;
}

ol.boldnumber {
	font-weight: bold;
}
ol.boldnumber li span {
	font-weight: normal;
}


.show-48em
{
	display: none;
}
@media screen and (min-width: 48em)
{
	.show-48em
	{
		display: inline;
	}
}
.show-58em
{
	display: none;
}
@media screen and (min-width: 58em)
{
	.show-58em
	{
		display: inline;
	}
}
.show-71em
{
	display: none;
}
@media screen and (min-width: 71em)
{
	.show-71em
	{
		display: inline;
	}
}


/* http://cssarrowplease.com/ */
.arrow_box {
	position: relative;
	background: rgb(211,197,67);
	height: 2em;
	vertical-align: middle;
	width: 80%;
	padding-left: 0.5em;
}
.arrow_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: rgb(211,197,67);
	border-width: 1em;
	margin-top: -1em;
}

div.faded {
  position: relative;
  display: inline-block;
}
	div.faded:before {
		content: "";
		top: 0;
		left: 0;
		position: absolute;
		height: 100%;
		width: 100%;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
		/* IE10+ */
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
		/* W3C */
		filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);"
		/* IE6-9 */
	}

.t-phoneblock {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

ol.tis-bracket-list {
	counter-reset: list;
}
ol.tis-bracket-list > li {
	list-style: none;
	position:relative;
}
ol.tis-bracket-list > li:before {
	content: counter(list,decimal) ") ";
	counter-increment: list;
	position:absolute;
	left:-2rem;
}

ul.alc-sq-list > li {
	list-style: none;
	position:relative;
}
ul.alc-sq-list > li:before {
	content: "\25A0";
	position:absolute;
	left:-2rem;
}

.lto-box {
	border: 1px solid #aaa;
	border-radius: 8px;
	background-color: lightgoldenrodyellow;
}

.lto-header {
	padding: 0.25rem;
}

.lto-options {
	display: flex;
	flex-direction: row;
}

.lto-options > div {
	padding: 1rem;
}