/*
****************************
 WiseMain CSS
 Amalgamted by Chris
last modified 2017-11-29
*****************************
*/

.test {background-color:red !important;}
/*Special rules for when javascript is disabled*/
/*----------------------------------------------*/

#NoJS {
  padding-top: 15px;
  width: 100%;
  height: 50px;
  text-align: center !important;
  border: none;
}

.NoJS {
  left: 10px;
  top: 10px;
  position: absolute;     
  z-index: 5;
}

.NoShow, .JSoff {display:none;}
.JSchk {visibility:hidden;}

.NoVideo {
	height: 80px;
	width: 70%;
	display:block;
	text-align:center;
	line-height: 80px;
	margin: auto;
}


/*Masthead rules*/

.clickable {
	height: 100px;
	left: 0;
	position: absolute;     
	top: 0;
	width: 100%;
	z-index: 1;
}

.ztop {
	animation-duration: 3300ms;
	animation-iteration-count:1;
	animation-name: fadeIn;
	left: 0;
	margin-left: 80px;
	position: relative; 
	top: 0;
	z-index: 3;
}

@keyframes fadeIn {
	0% {opacity: 0;}
	40% {opacity: 0;}
	100% {opacity: 1;}
}

.entropy{
	animation-duration: 3s;
	animation-iteration-count:1;
	animation-name: vanish;
	visibility: hidden;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 2;	
}

@keyframes vanish {
  0% {opacity: 1; visibility:visible; transform: scale(0.2)}
  50% {opacity: 1; visibility:visible; transform: scale(1);}
  100% {opacity: 0.1; visibility:visible;}
}

.flexTable{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-webkit-align-items:flex-start;
align-items:flex-start;
-webkit-align-content:space-between;
align-content:space-between;
margin:auto;
}

.flexB  {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	align-items: center;			/* will apply equal heights to flex items */
	justify-content: center;
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-direction: row;			/* horizontal alignment of flex items*/
	height: auto;
	margin:auto;
	padding: 12px 0px;
	width: 100%;
}

.flexC  {
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient:vertical;
	-webkit-flex-direction: column;
	align-items: center;			/* will apply equal heights to flex items */
	justify-content: center;
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-direction: column;			/* horizontal alignment of flex items*/
	height: auto;
	margin:auto;
	padding: 12px 0px;
	width: 100%;
}

.flexM {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	align-items: center;			/* will apply equal heights to flex items */
	justify-content: center;	
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-direction: row;			/* horizontal alignment of flex items*/	
	height: 100%;	
	margin:auto;
	padding: 0px 0px;
	width: 100%;
}

.flexV {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	align-items: center;			/* will apply equal heights to flex items */
	justify-content: center;	
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-direction: row;			/* horizontal alignment of flex items*/	
	flex-wrap: wrap;
	height: auto;	
	margin:auto;
	padding: 0px 0px;
	width: 100%;
}

.flexT {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	align-items: flex-start;			/* will apply equal heights to flex items */
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-direction: row;			/* horizontal alignment of flex items*/	
	height: 100%;	
	margin:auto;
	padding: 0px 0px;
	width: 100%;
}
.f20 {flex: 20%;}
.f30 {flex: 30%;}
.f40 {flex: 40%;}
.f60 {flex: 60%;}
.f70 {flex: 70%;}
.f80 {flex: 80%;}

.t4	{max-width: 18%}

.fxT {display: flex; align-items: flex-start;}

.mono {
	font-family:"Courier New", Courier, monospace;
	white-space: pre;
	line-height:40%;
	font-weight:500;
}

.nowON {display:none !important;}

#download, #downloadN, #downloadVN {
	border-radius: 30px;
	border: solid #960;
	padding: 0;
	margin: auto;
	margin-bottom: 24px;
	margin-top: 30px;
	text-align: center; 
}
#download {width: 70%;}
#downloadN {width: 55%;}
#downloadVN {width: 38%;}

#download h4, #downloadN h4, #downloadVN h4 {text-align:center; padding: 16px 0px 6px 0px; margin: 0px}
#download a.buttonD, #downloadN a.buttonD, #downloadVN a.buttonD  {justify-content: center; width: 70%; margin: 20px auto; padding: 1em;}
#download p.buttonD, #downloadN p.buttonD, #downloadVN p.buttonD {justify-content: center; width: 65%; margin: 20px auto; padding: 1em;}



.commentkey {padding: 10px 10px 10px 0; }

.commentkey a {border: none !important; outline: 0; text-decoration:none !important;}

.brown {color: #895b48; font-weight: 500;}
.heading {font-weight: bold; color: #895b48; text-transform: uppercase;}

.centreB {
	width: 100%;
	margin: 0 auto !important;
}

.left {text-align:left !important;}


/* quiz table format */

table.quz {
	
	border-collapse:collapse;
	background-color:#36F;
	border:none;
	font-size:.87em; 
	line-height: 100%;
	margin: auto;
	table-layout:fixed; 
	width:80%; 
}
.tc1 {width: 6%;}
.tc2 {width: 94%;}

th.qed {background-color:#FFFFFF; padding: 10px 0px 4px 0px;}
td.nos {padding: 16px 4px 0px 0px; text-align:right; vertical-align:text-top; background-color:#FFFFFF;}
td.que {padding: 16px 10px 6px 0px; ; background-color:#f9f3e4;}
td.ans {color:#FFFFFF; border-color:#000000; border-style:solid; border-width: 1px; padding: 2px 6px; background-color:#FFFFFF;}
td.ans:active {color:#666666; background-color:#FFFFFF;}


/*Quiz buttons */

.quiz {font-size: 110%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: flex-start;
  align-items: flex-start;	
	
}


input[type=checkbox] {
  display: none;
}
input[type=checkbox] ~ label {
  background: green;
  height: 50px;
  color: #fff;
  padding: 16px;
  display: block;
}

.flex2 {
	display:block;
	flex: 1 1;
	margin-bottom: 20px;
}
.quib {
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #611b2a;
    box-shadow: 0 0 5px gray;
    font-size:20px;
    font-weight:bold;
	margin-right: 8px;
	cursor: pointer;
}

.quan {visibility: hidden;}

/*RollOver Image Rules*/
/*------------------------------------*/

a.roll200 {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	border:none !important;
	background: url("/img/animate/clownbend.png");
}
a.roll200:hover {
	background-position: 0 -200px !important;
	text-decoration: none;
	border:none;
}


a.rollover {
	display: block;
	width: 200px;
	height: 282px;
	text-decoration: none;
	border-bottom-style:none !important;
	background: url("/img/sheets/humanrightsday1.png");
	}

a.rollover:hover {
	background-position: -200px 0 !important;
	text-decoration: none;
	border:none;
}

.displace {
	position: absolute;
	left: -5000px;
	}
	
.roll .on { display: none;}
.roll .off { display: block;}
.roll:hover .on { display: block;}
.roll:hover .off { display: none;}	

.roll:active .on {display: block;}
.roll:active .off {display: none;}

.cen {margin: auto;}

.ban {margin: auto; display:block;}

/*Button Rules Download etc*/
/*------------------------------------*/

#pause-button {cursor:pointer;}
#play-button {cursor:pointer;}

.ShowMeCen {display:block !important; margin:auto;}
.HideMeCen {display:none;}

.ShowMe {display:block !important;}
.HideMe {display:none;}

.buttonQ {
	
    border-radius: 12px;
	color: black;
	font-weight: 600;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9emx;
    margin: 4px;
    cursor: pointer;	
	
}

.buttonMain {
	max-width:28%;
	padding: 0px 0px;
	margin: 0px 10px;
}
.buttonMain30 {
	max-width:30%;
	padding: 0px 0px;
	margin: 0px 10px;
}

.buttonMain35 {
	max-width:35%;
	padding: 0px 0px;
	margin: 0px 10px;
}

.buttonMain p {line-height: 1em;}

.ForceMax {min-width: 28%;}

.CDsummary {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-direction: row;			/* horizontal alignment of flex items*/	
	flex-wrap: wrap;
	height: 100px;	
	margin:auto;
	margin-top: 15px;
	margin-bottom: 50px;
	padding: 15px 0px 0px 30px;
	width: 90%;	
} 

.CDcell20, .CDcell30, .CDcell80 {
	justify-content: flex-start; 
	padding: 0px 0px;
	margin:0px;
	font-size: 115%;
}

.CDcell20 {width: 20%;}
.CDcell30 {width: 30%;}
.CDcell80 {width: 80%;}

.tall {height: 116px;}
.thin {max-height: 30px;}
.moveup {position: relative; top: -35px; }
.moveup2 {position: relative; top: -48px; }
.minH80 {min-height: 80px;}

/* Video Box Rules*/
/*------------------------------------*/
.vidbox {
	margin: 0 auto;
	width: 90%;
	max-width: 854px;
}

.vid {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	
	height: 0px;
	margin: 0px !important;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;	

}
.vid video {
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: transparent !important;
}

/*Stand alone video wrapper for plyr*/
.player {margin: 30px 0px};

/*comment*/
/*------------------------------------*/
.commentwrap {width: 80%; margin: auto;}
.commentbox {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;	
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/	
}
.comment {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-wrap: wrap;
}
.dinna {display:none;}
.onfocus {padding: 8px 4px; width: 100%;}

.field {
	text-align:left;
	font-weight:bold;
	padding: 10px 0px 4px 4px;
	margin: 5px 0px 5px 10px;
	width: 33%;
}
.message {min-height: 100px;}
.reply {
	text-align:left;
	margin: 5px 5px 5px 0px;
	width:60%;
	padding: 8px 4px;
}
.send {align-self: flex-end; margin: 0 0 10px 5px;}
.submit {display:none;}
textarea { resize: vertical; }

.combox {
  display: none;
  font-weight:400;
  width: 95%;
  height: auto;
  margin: 10px;
  padding: 15px 15px 5px 15px;
}
label[for*="Policy"] {margin: 10px 0px; font-weight:bold; cursor: pointer; font-style:italic;}
#Policy:checked + .combox {
  display: block;
}

/*News Box Rules*/

.infobox {
	width: 148px;
	font-size: 0.9em;
	font-weight:bold;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	border:solid;
	text-align:center;
}

.infobox a:hover {background-color: #CFCFCF !important; color: #000 !important; width:100%; cursor:pointer; display:block;}


/*Endbar Rules*/
/*------------------------------------*/
.endbar {
	 color: #999999;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.4em;
	 line-height: normal;
	 margin-top: 26px;
	 text-align: center;
	 word-spacing: 0.25em;
 }
.endbar a:link {color: #B4A79F; text-decoration: none; border:none;}
.endbar a:visited {color: #B4A79F; text-decoration: none;}
.endbar a:hover, .endbar a:active, .endbar a:focus {color: #333333; text-decoration: none;}

/*Summary Rules*/
/*------------------------------------*/

#showsummary {					/* Choice Card */
	cursor: pointer;
	margin:auto;
	margin-top: 0px;
	padding: 0px;
	width: 60%;
}

.summary {
	-ms-flex-direction: row;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	align-items: stretch;			/* will apply equal heights to flex items */
	
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	flex-direction: row;			/* horizontal alignment of flex items*/	
	height: auto;	
	margin:auto;
	padding: 20px 0px;
}

.summary {width: 80%;}

.summary:hover {cursor:pointer;}

.summary-align {
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
	width: 100%;
}	

.summary-info {
	border-radius: 25px;
	display:block;
	margin:auto;
	padding: 14px 8px 14px 16px;
	width: 100%;
}

.summary-b1 {
	display: inline-block;
	font-weight: 800;
	vertical-align:top;
	width: 31%;
}

.summary-b2 {
	display: inline-block;
	font-weight: 700;
	margin-left: 10px;
	width: 66%;
}

.summary-key {
	border-radius: 25px;
	color:#FFFFFF;
	font-weight:600;
	line-height: 200%;
	margin: 25px 0px 25px 20px !important;
	min-width: 110px;
	padding: 5px;
    align-items: center;            /* center flex items horizontally */
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6  ORDER CRITICAL!*/
	display: -moz-box;				/* OLD - Firefox 19- (buggy but mostly works) ORDER CRITICAL!*/
	display: -ms-flexbox;			/* TWEENER - IE 10 ORDER CRITICAL!*/
	display: -webkit-flex;			/* NEW - Chrome ORDER CRITICAL!*/
	display: flex;					/* NEW, Spec - Opera 12.1, Firefox 20+ ORDER CRITICAL!*/
    -webkit-flex-direction: column; /* Safari 6.1+ */	
    flex-direction: column;         /* vertical alignment of flex items */
    justify-content: center;        /* center flex items vertically */
}

/* commentframe */

#framed,#framedE {display:block; width:100%;}
#framedC{display:block; width:100%;}
.formC {height: 460px;}
.form {height: 480px;}
.shrink {height: 100% !important;}

.tableform {
	display:table;
	margin: auto;
	padding-top: 15px;
	width:500px;
}

/*Odd Rules space fudging*/

.holiday {display:block; margin:auto;}

.booktitle {font-style: italic;	font-weight: 500;}

.closer {line-height: 0.7em;}

.em115 {font-size: 1.15em;}
.em120 {font-size: 1.20em;}
.em125 {font-size: 1.25em;}

.fs60 {font-size: 60% !important;}
.fs80 {font-size: 70% !important;}
.fs80 {font-size: 80% !important;}
.fs90 {font-size: 90% !important;}
.fs110 {font-size: 100% !important;}
.fs110 {font-size: 110% !important;}

.gapB {padding-bottom: 15px;}
.gapL {margin-left: 65px;}

.gap0 {margin-bottom: 0px !important;{margin-top: 0px !important;}}
.gap10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.gap15 {margin-top: 15px !important; margin-bottom: 15px !important;}
.gap20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.gap25 {margin-top: 25px !important; margin-bottom: 25px !important;}

.img100 {max-width: 100%; height: auto;}

.L200 {line-height: 200% !important;}
.L300 {line-height: 300% !important;}
.ls {line-height: 1em;}
.lh70 {line-height: 0.7em !important;}
.lh80 {line-height: 0.8em;}
.lh90 {line-height: 0.9em;}
.LH10{line-height:1.0em;}

.LH12 {line-height:1.2em;}
.LH15 {line-height:1.5em;}

.lh110 {line-height: 1.1em !important;}
.lh120 {line-height: 1.2em !important;}
.lh150 {line-height: 1.5em;}
.lh175 {line-height: 1.75em;}
.lh180 {line-height: 1.8em;}
.lh200 {line-height: 2em !important;}


.pad5 {padding: 5px !important}
.pad10 {padding: 10px !important}
.pad15 {padding: 15px !important}


.mb0 {margin-bottom: 0px !important;}
.mb4 {margin-bottom: 4px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}

.ml0 {margin-left: 0px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}

.mr0 {margin-right: 0px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}

.mm10 {margin-top: -10px !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt100 {margin-top: 100px !important;}

.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt40 {padding-top: 40px !important;}

.ti1 {text-indent: -1em;}

.ti5 {text-indent: -5em; margin-left: 5em;}
.ti6 {text-indent: -6em; margin-left: 6em;}
.ti7 {text-indent: -7em; margin-left: 7em;}
.ti8 {text-indent: -8em; margin-left: 8em;}
.ti8h {text-indent: -8.4em; margin-left: 8.4em;}
.ti9 {text-indent: -9em; margin-left: 9em;}
.ti9h {text-indent: -9.2em; margin-left: 9.6em;}
.ti9p {text-indent: -8.7em; margin-left: 9.6em;}
.ti10 {text-indent: -9.8em; margin-left: 9.8em;}
.ti11 {text-indent: -11em; margin-left: 11em;}
.ti12 {text-indent: -12em; margin-left: 12em;}

.ti05 {text-indent: -7em; margin-left: 7em;}
.ti06 {text-indent: -7.3em; padding-left: 7.3em;}
.ti07 {text-indent: -7.4em; padding-left: 7.4em;}
.ti08 {text-indent: -8.7em; padding-left: 8.7em;}
.ti08w {text-indent: -9.4em; padding-left: 9.4em;}
.ti09 {text-indent: -10em; padding-left: 10em;}
.ti09w {text-indent: -10.5em; padding-left: 10.5em;}
.ti10w {text-indent: -8.8em; padding-left: 10.5em;}
.ti11n {text-indent: -10.5em; margin-left: 10.5em;}
.tim {margin-left: 0em}

.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w90 {width: 90% !important;}
.w100 {width: 100% !important;}

.ws40 {color:#FF0066 !important;}

.act {color:#510000; font-weight:500; font-style:italic;}
.say {margin-right: 12px;}
.who {float:left; width: 4.75em;}

.wih {color:#510000; font-weight:600; font-style:italic;}


.padded {padding: 10px 50px !important;}

.inlay, .inbox, .inframe  {
	padding: 15px;
	margin:  auto;
	margin-bottom: 20px;
	background-color: #eee9dd;
}
.beige {background-color: #f0ead4}

.dbrown {color: #660000; font-size: 1em; font-weight: bold;}
.dbrown {color: #663300; font-size: 1em; font-weight: bold;}


.inframe {border: 2px solid black;}
.inlay, .inframe {width: 80%;}
.intitle {
	display: block;
	width:80%;
	background-color:white;
	margin: 0;
	margin: auto;
	padding: 2px 15px 2px 15px;
	border: 1px solid black;
	border-bottom: 0px;
	font-weight:600;
}
.inmess {
	display: block;
	width:80%;
	margin: 0;
	margin: auto;
	padding: 9px 15px 15px 15px;
	border: 1px solid black;
	border-top: 0px;
}

.innerquote {font-style:italic; color:#5d6266;}

.lyrics {
	background-image: url(assets/lyric.png);
	background-repeat: no-repeat;
	color: #95847B;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	text-align: left;
	margin: 15px 25px 0px 25px;
	padding: 0 0 5px 50px;
	min-height: 50px;}
	
.quotation, .quoteleft, .quotewide {
	background-image: url(assets/all_quotation.gif);
	color: #86756C;
}

.quotewise{
	background-image: url(assets/wisequote.gif);
	color: #43231B;
}

.newsquote{background-image: url(assets/all_wisenews_quotation.jpg); color: #CC3300;}

.quotewide {
	background-repeat: no-repeat;
	font-size: 0.95em;
	letter-spacing: 0.08em;
	line-height: 1.4em;
	text-align: left;
	margin:  auto;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	width: 88%;
	padding: 0 0 0 40px;
}

.quotation, .newsquote, .quotewise, .quoteleft {
	background-repeat: no-repeat;
	font-size: 0.9em;
	letter-spacing: 0.075em;
	line-height: 1.4em;
	text-align: left;
	margin:  auto;
	margin-top: 1.5em;
	margin-bottom: -0.5em;
	width: 70%;
	padding: 0 0 0 40px;
}

.quotewised {
	background-repeat: no-repeat;
	background-image: url(assets/wisesignR.png);
	background-position: right 42%;
	padding: 0 90px 0 0;
	text-align: right;
	font-size: 1em;
	font-weight:bold;
	font-style:italic;
	margin-top: 10px !important;
	margin:  auto;
	width: 65%;	
}
.quoteleft {margin-left: 0;}

.quotemaker {
	text-align: right;
	font-size: 0.9em;
	margin:  auto;
	margin-bottom: 1.5em;
	font-weight:600;
	width: 70%;	
}
.signature {
	/* background-repeat: no-repeat; */
	color: #95847B;
	font-weight:600;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	text-align: right;
	margin-bottom: 30px;
}	
	
.loose {line-height: 2em !important}	
	
.tight {margin-top: 0 !important; margin-bottom: 0px !important}

.big {font-size: 1.3em;}
.lrg {font-size: 150%;}
.tit {font-size: 1.1em; font-weight:bold;}

.visibleYes {visibility:visible !important;}
.wisetip {
	background-image: url(assets/wisetip.png); color: #660000;
	background-repeat: no-repeat;
	background-position: 0 15px;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	text-align: left;
	margin: 12px 25px 0px 25px;
	padding: 12px 0 0 45px;
	min-height: 50px;
}

/* 
  -----------------------------------
  Accordion Panel Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 01 - Basic
  -----------------------------------
*/

.p7AP3-01 {
	padding: 0px;
	margin: 0 auto;
	width: auto;
}
.p7AP3:after {
	content: "\0020";
	font-size: 0px;
	display: inline;
	overflow: hidden;
	line-height: 1;
}
.p7AP3trig.p7ap3-theme-01 {
	margin: 2px 0px;
}
.p7AP3trig.p7ap3-theme-01 h3, .p7AP3trig.p7ap3-theme-01 h4 {
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	font-size: 1em;
}
.p7AP3trig.p7ap3-theme-01 a {
	display: block;
	text-decoration: none;
	padding: 10px 20px;
	background-color: #FFF;
	color: #000;
	background-image: url(accordion/p7ap3Plus_black.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #000;
	font-weight: 600;
	box-shadow: inset 0px 16px 20px rgba(255,255,255,.1);
}
.p7AP3trig.p7ap3-theme-01 .p7AP3_ext, .p7AP3trig.p7ap3-theme-01 .p7AP3_ext.p7AP3trig_down {
	background-image: url(accordion/p7ap3_page_black.gif);
	background-color: #FFF;
	letter-spacing: normal;
	color: #000;
}
.p7AP3trig.p7ap3-theme-01 .p7AP3_ext:hover {
	background-image: url(accordion/p7ap3_page_white.gif);
}
.p7AP3trig.p7ap3-theme-01 a:hover {
	color: #FFF;
	background-color:#097217;
	background-image: url(accordion/p7ap3Plus_white.gif);
}
.p7AP3trig.p7ap3-theme-01 a:focus {}
.p7AP3trig.p7ap3-theme-01 .p7AP3trig_down, .p7AP3trig.p7ap3-theme-01 .p7AP3trig_down:hover {
	background-image: url(accordion/p7ap3Minus_white.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#097217;
	color: #FFF;
}
.p7AP3trig.p7ap3-theme-01 .p7AP3trig_down:hover {}
.p7AP3cwrapper.p7ap3-theme-01 {
	position: relative;
	top: -2px;
}
.p7AP3panelcontent.p7ap3-theme-01 {
	line-height: 1.5em;
	color: #000;
	border: 1px solid #000;
	border-top: none;
}
.p7AP3panelcontent.p7ap3-theme-01 h1,
.p7AP3panelcontent.p7ap3-theme-01 h2,
.p7AP3panelcontent.p7ap3-theme-01 h3,
.p7AP3panelcontent.p7ap3-theme-01 h4 {
	margin: 0px;
}
.p7AP3content.p7ap3-theme-01 p {
	margin: 6px 0;
}
.p7AP3trig.p7ap3-theme-01 a.current_mark {
	font-weight: bold;
}
.p7AP3trig.p7ap3-theme-01 a.p7AP3_ext.current_mark, .p7AP3trig.p7ap3-theme-01 a.p7AP3_ext.current_mark:hover {
	background-image: url(accordion/p7ap3_page_black.gif) !important;
	background-color: #FFF !important;
	color: #000 !important;
}
.p7AP3panelcontent.p7ap3-theme-01 .current_mark {
	font-weight: bold;
}

.p7AP3-01.responsive .ap3-toolbar {
	display: none;
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
.p7AP3-01.responsive .ap3-toolbar {
	display: block;
	background-color: #222;
	padding: 5px 10px;
	text-align: right;
	cursor: pointer;
}
.p7AP3-01.responsive .ap3-toolbar a {
	font-size: 2em;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
.p7AP3-01.responsive .ap3-toolbar a:hover {
	color: #FFF;
}
.responsive .toggle-text a:before {
	position: relative;
	top: -.25em;
}
.p7AP3-01.responsive .toggle-text.closed a:before {
	content: "Show Menu \0020";
	font-size: .5em;
}
.p7AP3-01.responsive .toggle-text.opened a:before {
	content: "Hide Menu \0020";
	font-size: .5em;
}
.p7AP3root-wrapper.closed {
	height: 0px;
	overflow:hidden;	
}
.p7AP3root-wrapper.opened {
	height: auto;
	overflow: hidden;	
}

}


/* 
  -----------------------------------
  Accordion Panel Magic 3
  by Project Seven Development
  www.projectseven.com
  Content Column Structures
  -----------------------------------
*/

/*Turn off Padding in existing AP3 content panels*/
.p7AP3panelcontent {
	padding: 0px !important;
}

/*Conditionally add padding to default content panels*/
.p7ap3-col-wrapper.no-columns {
	padding: 20px 20px !important;
}

/*Conditionally remove padding to default content panels that contain multi-column structures*/
.no-columns, .multi-columns {font-size: inherit;}
.p7ap3-col-wrapper.multi-columns {
	padding: 0px;
}
/*Default content padding*/
.p7ap3-column-content {
	padding: 20px 20px;
	display: block;
}

.p7ap3-col-wrapper {
	zoom: 1;
}

/*Clear Floats for Column Structures inside content panels*/
.p7ap3-col-wrapper:before, .p7ap3-col-wrapper:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.p7ap3-col-wrapper:after {
	clear: both;
}

/*Various column widths*/
.width-50 {
	width: 50%;
	float: left;
}
.width-25 {
	float: left;
	width: 25%;
}
.sidebar-left.width-main-75 {
	width: 75%;
	float: right;
}
.sidebar-left.width-25 {
	width: 25%;
	float: right;
	font-size: .9em;
}
.sidebar-right.width-main-75 {
	width: 75%;
	float: left;
}
.sidebar-right.width-25 {
	width: 25%;
	float: left;
	font-size: .9em;
}
.width-33 {
	width: 33.333%;
	float: left;
}
.width-22 {
	width: 22%;
	float: left;
	font-size: .85em;
}
.push-left-56 {
	position: relative;
	left: -56%;
}
.width-56 {
	width: 56%;
	float: left;
}
.push-right-22 {
	position: relative;
	left: 22%;
}


/*Column separators (vertical border)*/
.border-left {
	border-left: 1px solid #000;
}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

.p7ap3-column {
	width: auto !important;
	float: none !important;
	position: static !important;
}
.p7ap3-column-content {
	border: none;
	height: auto !important;
	max-height: 888678px;
}
.p7ap3-col-wrapper:before, .p7ap3-col-wrapper:after {
	display: none;
}
}

/*
 ----------------------------- 
 PVII Mobile-Friendly Tables
 by Project Seven Development
 www.projectseven.com
 Core CSS
 -----------------------------
*/
.hide-it {font-size: inherit;}
table.mft-adaptive {
	border-collapse: separate;
	width: 100% !important;
	table-layout: fixed;
	border-spacing: 5px;
}
td img { vertical-align: bottom;}
table.mft-adaptive td,
table.mft-adaptive th {
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
table.mft-adaptive td {
	padding: 5px;
}
table.mft-adaptive.mft-scalable {
	width: auto;
	height: auto;
	max-width: 100%;
}
table.mft-scalable img {
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
	
	.hide-it {display: none !important;}
	/*NORMAL*/
	table.mft-normal {
		table-layout: fixed;
		width: 100%;
		margin: auto;
		border: none;
	}
	table.mft-normal th,
	table.mft-normal td,
	table.mft-normal tr {
		display: block;
		text-align: left;
		width: auto;
	}
	table.mft-normal th,
	table.mft-normal td {
		padding: 1em;
		border: none;
	}
	

	/*PIVOT*/
	table.mft-pivot {
		table-layout: fixed;
		width: 100%;
		margin: auto;
	}
	
	/* Force table to not be like tables anymore */ 
	table.mft-pivot th, 
	table.mft-pivot td, 
	table.mft-pivot tr { 
		display: block; 
		width: auto;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.mft-pivot tr.mft-header { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.mft-pivot tr { border: 1px solid #ccc; }

	table.mft-pivot td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #EEE; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
	}
	table.mft-pivot td, table.mft-pivot th { 
		text-align:left;
		border: none;
	}
	table.mft-pivot td:last-child { 
		border-bottom: none; 
	}
	table.mft-pivot tr { 
		/* Behave  like a "row" */
		border-bottom: 1px solid #EEE; 
	}

	table.mft-pivot td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: .5em;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: bold;
	}
	

	/*
	Label the data
	*/
	table.mft-pivot td:before { content: attr(data-mft-header); }
	table.mft-pivot tr:nth-child(even) {background-color: #FFCC66;}
	td[data-mft-header] {left: 6px;}
	
} 

/* Narrow collapsed tables */

	table.L05 td, table.L05 th {padding : 0.5em !important;}
	table.L03 td, table.L05 th {padding : 0.3em !important;}

/*
****************************
 PVII Pop Box Magic
 by Project Seven Development
 www.projectseven.com
 CSS Styles
*****************************
*/

/*PBX Rules*/
.pbx-panel {
	max-width: none;
	z-index: 999;
}
.pbx-content {
	background-color: rgb(180,180,160);
	font-size: inherit;
	margin-right: 20px;
	margin-top: 10px;
	padding: 12px 24px;
	position: relative;
}
.pbx-content.pbx-nopad {
	padding: 0px;
}
.pbx-close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1010;
}
.pbx-close a {
	-webkit-transform: scale(.9);
	-webkit-transition: all ease .5s .1s;
	background-repeat: no-repeat;
	display: block;
	font-size: 0px;
	height: 18px;
	opacity: .75;
	transform: scale(.9);
	transition: all ease .5s .1s;
	width: 24px;
}
.pbx-close a:hover {
	-webkit-transform: scale(1);
	opacity: 1;
	transform: scale(1);
}
.pbx-close.pbx-black-close a {
	background-image: url(assets/close-black.png);
}
.pbx-close.pbx-white-close a {
	background-image: url(assets/close-white.png);
}
.pbx-overlay {
	-webkit-transition: opacity .4s linear;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	transition: opacity .4s linear;
}

/*Style Options */
.pbx-rounded {
	border-radius: 5px;
}
.pbx-button.pbx-rounded {
	border-radius: 4px;
}
.pbx-borders {
	border: 1px solid;
}
.pbx-content.pbx-shadow {
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
}

/*Background Colors*/
.pbx-red,
.pbx-trigger.pbx-button.pbx-wine {
	background-color: #FF0000 ;
	color: #000;
}


.pbx-wine,
.pbx-trigger.pbx-button.pbx-wine {
	background-color: #FF0000 ;
	color: #000;
}
.pbx-trigger.pbx-button.pbx-wine:hover,
.pbx-trigger.open.pbx-button.pbx-wine {
	background-color: rgb(100,100,80);
	color: #FFF;
}
.pbx-black,
.pbx-trigger.pbx-button.pbx-black {
	background-color: #151515;
	color: #FFF;
}
.pbx-trigger.pbx-button.pbx-black:hover,
.pbx-trigger.open.pbx-button.pbx-black {
	background-color: rgb(100,100,80);
	color: #FFF;
}
.pbx-white,
.pbx-trigger.pbx-button.pbx-white {
	background-color: #FFF;
	color: #000;
}
.pbx-trigger.pbx-button.pbx-white:hover,
.pbx-trigger.open.pbx-button.pbx-white {
	background-color: rgb(100,100,80);
	color: #FFF;
}
.pbx-teal,
.pbx-trigger.pbx-button.pbx-teal {
	background-color: #6FA4A8;
	color: #000;
}
.pbx-trigger.pbx-button.pbx-teal:hover,
.pbx-trigger.open.pbx-button.pbx-teal {
	background-color: rgb(100,100,80);
	color: #FFF;
}
.pbx-blue,
.pbx-trigger.pbx-button.pbx-blue {
	background-color: #699EBB;
	color: #000;
}
.pbx-trigger.pbx-button.pbx-blue:hover,
.pbx-trigger.open.pbx-button.pbx-blue {
	background-color: rgb(100,100,80);
	color: #FFF;
}

/*Triggers*/
.pbx-trigger {
	text-decoration: none;
	border-bottom: 1px dotted;
}
.pbx-trig-img {
	border-bottom: none !important;
}
.pbx-trigger.pbx-trig-light {
	color: #FFF;
}
.pbx-trigger.pbx-trig-dark {
	color: #000;
}
.pbx-trigger:hover,
.pbx-trigger.open {
	border-bottom: 1px solid;
}
.pbx-trigger.pbx-button {
	background-color: rgb(180,180,160);
	border: none;
	color: #000;
	padding: 10px;
	text-decoration: none;
}
.pbx-trigger.pbx-button:hover,
.pbx-trigger.open.pbx-button {
	background-color: rgb(100,100,80);
	color: #FFF;
}
.pbx-trigger.pbx-button.pbx-borders {
	border: 1px solid;
}

.pbx-trigger.pbx-inline {
	display: inline-block;
	padding: 5px 10px;
}
.pbx-trigger.pbx-block {
	display: block;
}
.pbx-glass {
	box-shadow: 
	0 1px 0px rgba(0,0,0,0.75),
	inset 0 1px rgba(255,255,255,0.2), 
	inset 0 10px 0px rgba(255,255,255,0.2), 
	inset 0 10px 30px rgba(255,255,255,0.25), 
	inset 0 -5px 30px rgba(0,0,0,0.3);
}
.pbx-shadow.pbx-glass {
	box-shadow:
	5px 5px 10px 0px rgba(0,0,0,0.6),
	inset 0 1px rgba(255,255,255,0.2), 
	inset 0 10px 0px rgba(255,255,255,0.2), 
	inset 0 10px 30px rgba(255,255,255,0.25), 
	inset 0 -5px 30px rgba(0,0,0,0.3);
}
.pbx-animate.pbx-glass:hover,
.pbx-open.pbx-animate.pbx-glass {
	box-shadow: 
	0 1px 0px rgba(0,0,0,0.75),
	inset 0 1px rgba(255,255,255,0.2), 
	inset 0 20px 0px rgba(255,255,255,0.2), 
	inset 0 10px 30px rgba(255,255,255,0.25), 
	inset 0 -5px 30px rgba(0,0,0,0.3);
}
.pbx-trigger.pbx-animate {
	-webkit-transition: all linear .3s 0s;
	transition: all linear .3s 0s;
}
.pbx-trigger.open {
	font-style: normal;
}

/*
*************************
    Video-Map Rules
*************************
*/
.pbx-video-wrapper {
	height: 0px;
	margin: 0px !important;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.pbx-video-wrapper iframe, .pbx-video-wrapper object, .pbx-video-wrapper embed { 
	height: 100%; 
	left: 0; 
	position: absolute; 
	top: 0; 
	width: 100%; 
}
.pbx-map-wrapper {
	height: 0px; 
	overflow: hidden;
	padding-bottom: 100%; 
	padding-top: 0px; 
	position: relative;  
}
.pbx-map-wrapper iframe, .pbx-map-wrapper object, .pbx-map-wrapper embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.pbx-video-wrapper iframe,
.pbx-map-wrapper iframe {
	box-sizing: border-box;
}
.pbx-video-wrapper img,
.pbx-map-wrapper img {
	border-radius: 0px !important;
}

.pbx-rounded .pbx-video-wrapper iframe,
.pbx-rounded .pbx-map-wrapper iframe,
.pbx-rounded .pbx-video-wrapper embed,
.pbx-rounded .pbx-map-wrapper embed,
.pbx-rounded .pbx-video-wrapper object,
.pbx-rounded .pbx-map-wrapper object {
	border-radius: 5px;
}

/*IMAGES*/
.pbx-content img {
	height: auto !important;
	max-width: 100%;
	vertical-align: bottom;
	width: auto !important;
}
.pbx-rounded.pbx-content img {
	border-radius: 5px;
}

/* 
  ------------------------------------------------
  PVII Magic Box
  Copyright (c) 2015-2016 Project Seven Development
  www.projectseven.com
  Theme 01
  ------------------------------------------------
*/

/* Main Overlay */
.p7MBX-01.dark.p7mbx-overlay.transparency { background-color: rgba(255,255,255,0.80); }
.p7MBX-01.light.p7mbx-overlay.transparency { background-color: rgba(0,0,0,0.80); }


/* Text trigger link */
.mbx-external { 
	-webkit-transition: color linear .3s 0s; 
	transition: color linear .3s 0s; 
}
.mbx-external {color: #DF3B3D;}
.mbx-external:hover {color: #999;}
.mbx-external img { 
	-webkit-transition: -webkit-transform linear .3s 0s; 
	transition: transform linear .3s 0s; 
}
.mbx-external img:hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 10; 
}
.mbx-external img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

/* ------------ loading image ------------------- */
.p7mbx-loading {
	background-color: #fff;
	background-image: url("magicbox/p7mbx_loading.gif");
	border-radius: 8px;
	box-shadow: 0 0 30px #000;
	display: none;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	opacity: 0.6;
	position: fixed;
	top: 50%;
	width: 50px;
	z-index: 99999919;
}


/* ---------------- Thumbnails ---------------- */
div.mbx-thumbs ul {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#FFF !important
}
div.mbx-thumbs li, div.mbx-thumbsstat  {
	list-style-type: none;
	display: inline-block;
	margin: 6px;
	vertical-align: middle;
}
div.mbx-thumbs li.mbx-content-link a {
	padding: 12px;
	font-size: 100%;
	text-decoration: none;
	display: block;
	max-width: 240px;
	min-height: 140px;
}
div.mbx-thumbs li { 
	-webkit-transition: -webkit-transform linear .2s 0s; 
	transition: transform linear .2s 0s; 
}
div.mbx-thumbs li:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	position: relative;
	z-index: 2;
}

div.mbx-thumbsstat li:hover {
	background-color:#FFF !important
}

div.mbx-thumbs li img {
	border: 1px solid #FFF;
	height: auto !important;
	width: auto !important;
	max-height: 300px;
	max-width: 300px;
	vertical-align: bottom;
}

/* ---------------- toolbar ------------------- */
.p7MBX-01 .p7mbx-toolbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 6px 0px;
	z-index: 99999991;
	text-align: right;
	font-size: 0px;
}
.p7MBX-01.dark .p7mbx-toolbar {
	background-color: #000;
	background: rgba(0,0,0,0.85);
}
.p7MBX-01.light .p7mbx-toolbar {
	background-color: #FFF;
	background: rgba(255,255,255,0.95);
}
.p7mbx-toolbar { display: none; }
.p7mbx-toolbar:after {
	content: "";
	display: table;
	clear: both;
}
.p7mbx-toolbar ul {
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}
.p7mbx-toolbar li {
	list-style-type: none;
	float: left;
}
.p7mbx-toolbar img { border: 0; }
.p7mbx-toolbar em { display: none; }
.p7mbx-toolbar a {
	display: block;
	width: 16px;
	height: 28px;
	outline: 0;
	opacity: .7;
	margin: 3px;
	background-repeat: no-repeat;
}
.p7mbx-toolbar a.close { margin: 0 20px 0 40px; }
.p7mbx-toolbar a:hover { opacity: 1; }
.p7MBX-01.dark .p7mbx-toolbar a.previous { background-image: url(magicbox/p7mbx-left-dark.png); }
.p7MBX-01.light .p7mbx-toolbar a.previous { background-image: url(magicbox/p7mbx-left-light.png); }
.p7MBX-01.dark .p7mbx-toolbar a.pause {
	background-image: url(magicbox/p7mbx-pause-dark.png);
	width: 25px;
}
.p7MBX-01.light .p7mbx-toolbar a.pause { background-image: url(magicbox/p7mbx-pause-light.png); }
.p7MBX-01.dark .p7mbx-toolbar a.pause.play {
	background-image: url(magicbox/p7mbx-play-dark.png);
	width: 25px;
}
.p7MBX-01.light .p7mbx-toolbar a.pause.play {
	background-image: url(magicbox/p7mbx-play-light.png);
	width: 25px;
}
.p7MBX-01.dark .p7mbx-toolbar a.next { background-image: url(magicbox/p7mbx-right-dark.png); }
.p7MBX-01.light .p7mbx-toolbar a.next { background-image: url(magicbox/p7mbx-right-light.png); }
.p7MBX-01.dark .p7mbx-toolbar a.close {
	background-image: url(magicbox/p7mbx-close-dark.png);
	width: 25px;
}
.p7MBX-01.light .p7mbx-toolbar a.close {
	background-image: url(magicbox/p7mbx-close-light.png);
	width: 25px;
}


/* In-Box Close Button */
.p7MBX-01 .p7mbx-ex {
	position: absolute;
	z-index: 99999991;
	top: 6px;
	right: 6px;
}
.p7MBX-01 .p7mbx-ex.set-low {
	top: 14px;
	right: 14px;
}
.p7MBX-01.matting .p7mbx-ex.set-low {
    top: 18px;
    right: 18px;
} 
.p7MBX-01 .p7mbx-ex a {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	height: 28px;
	width: 28px;
	text-decoration: none;
	opacity: .75;
	-webkit-transition: opacity linear .2s 0s;
	transition: opacity linear .2s 0s;
}
.p7MBX-01.dark .p7mbx-ex a { background-image: url(magicbox/mbx-ex-dark.png); }
.p7MBX-01 .p7mbx-ex a:hover { opacity: 1; }
.p7MBX-01.light .p7mbx-ex a { background-image: url(magicbox/mbx-ex-light.png); }


/* Large Arrows */
.p7MBX-01 .p7mbx-arrows { display: block; }
.p7MBX-01 .arrow-left,
.p7MBX-01 .arrow-right {
	position: absolute;
	top: 45%;
	z-index: 99999991;
}
.p7MBX-01 .arrow-left { left: 0px; }
.p7MBX-01 .arrow-right { right: 0px; }
.p7MBX-01 .arrow-left a,
.p7MBX-01 .arrow-right a {
	display: block;
	text-decoration: none;
	font-size: 0px;
	opacity: .6;
	height: 48px;
	width: 48px;
	background-repeat: no-repeat;
	background-size: cover;
}

.p7MBX-01 .p7mbx-arrows a {
	-webkit-transition: opacity linear .35s .1s;
	transition: opacity linear .35s .1s;
}

.p7MBX-01.matting .arrow-left { left: 0px; }
.p7MBX-01.matting .arrow-right { right: 0px; }
 

.p7MBX-01 .arrow-left a:hover,
.p7MBX-01 .arrow-right a:hover { opacity: 1; }
.p7MBX-01.light .arrow-left a { background-image: url(magicbox/mbx-arrow-l-light.png); }
.p7MBX-01.light .arrow-right a { background-image: url(magicbox/mbx-arrow-r-light.png); }
.p7MBX-01.dark .arrow-left a { background-image: url(magicbox/mbx-arrow-l-dark.png); }
.p7MBX-01.dark .p7mbx-arrows .arrow-right a { background-image: url(magicbox/mbx-arrow-r-dark.png); }


/*Slide*/
.p7MBX-01.matting .mbx-slide { padding: 12px; }
.p7MBX-01.light.border .mbx-slide { border: 1px solid #FFF; }
.p7MBX-01.dark.border .mbx-slide { border: 1px solid #000; }
.p7MBX-01.light .mbx-slide { background-color: #FFF; }
.p7MBX-01.dark .mbx-slide { background-color: #000; }
.p7MBX-01 img { vertical-align: bottom; }

/* Content Slide */
.mbx-slide.mbx-cnt h1,
.mbx-slide.mbx-cnt h2,
.mbx-slide.mbx-cnt h3 { margin: 0px; }
.p7MBX-01 .mbx-slide .p7mbx-content-slide { padding: 20px 42px 16px 42px; }
.p7MBX-01.light .mbx-slide .p7mbx-content-slide {
	background-color: #151515;
	color: #DDD;
}
.p7MBX-01.dark .mbx-slide .p7mbx-content-slide {
	background-color: #FFF;
	color: #000;
}
.p7MBX-01 .mbx-slide .p7mbx-content-slide img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.p7MBX-01.light .mbx-slide.mbx-cnt { background-color: #FFF; }
.p7MBX-01.dark .mbx-slide.mbx-cnt { background-color: #000; }


/* Caption and Description */
.p7MBX-01 .mbx-caption {
	padding: 12px 10px 12px 10px;
	text-align: center;
	font-weight:bold;
	font-size:1.15em;
}
.p7MBX-01.matting .mbx-caption.caption-top { padding: 0px 10px 12px 10px; }
.p7MBX-01.matting .mbx-caption.caption-bottom { padding: 12px 10px 0px 10px; }
.p7MBX-01 .mbx-description {
	padding: 12px 10px 0px 10px;
	text-align: left;
}
.p7MBX-01 .mbx-description {
	padding: 12px 10px 12px 10px;
}
.p7MBX-01 .mbx-description p {
	margin: .35em 0;
}
.p7MBX-01.matting .mbx-description.description-top { padding: 0px 10px 12px 10px; }
.p7MBX-01.matting .mbx-description.description-bottom { padding: 12px 10px 0px 10px; }

/************* Padding if Close button is "In-Box" *************/
.p7MBX-01.close-in-box .mbx-description.description-top,
.p7MBX-01.close-in-box .mbx-caption.caption-top { padding-right: 36px; }

.p7MBX-01.light .mbx-caption,
.p7MBX-01.light .mbx-description { color: #000; }
.p7MBX-01.dark .mbx-caption,
.p7MBX-01.dark .mbx-description { color: #BBB; }
.p7MBX-01.dark .mbx-description a { color: #BBB; }
.p7MBX-01.dark .mbx-description a:hover { color: #FFF; }
.p7MBX-01.light .mbx-description a { color: #000; }
.p7MBX-01.light .mbx-description a:hover { color: #7983BE; }


/*Overlays*/

.p7MBX-01 .mbx-description,
.p7MBX-01 .mbx-caption {
	box-sizing: border-box;
}

.mbx-slide-container {
	/*overflow: hidden;*/
}
.p7MBX-01.overlay-desc-bottom .mbx-description,
.p7MBX-01.overlay-caption-bottom .mbx-caption,
.p7MBX-01.overlay-desc-top .mbx-description,
.p7MBX-01.overlay-caption-top .mbx-caption {
	position: absolute;
	z-index: 99999990;
	padding: 20px 24px !important;
	width: 100%;
}
.p7MBX-01.overlay-caption-bottom .mbx-caption,
.p7MBX-01.overlay-caption-top .mbx-caption {
	padding: 6px 24px !important;
}

.p7MBX-01.overlay-desc-bottom .mbx-description,
.p7MBX-01.overlay-caption-bottom .mbx-caption {
	top: auto;
	bottom: 0px;
}
.p7MBX-01.rounded.overlay-desc-bottom .mbx-description,
.p7MBX-01.rounded.overlay-caption-bottom .mbx-caption {
	border-radius: 0px 0px 5px 5px;
}
.p7MBX-01.rounded.overlay-desc-top .mbx-description,
.p7MBX-01.rounded.overlay-caption-top .mbx-caption {
	border-radius: 5px 5px 0px 0px;
}
.p7MBX-01.overlay-desc-top .mbx-description,
.p7MBX-01.overlay-caption-top .mbx-caption {
	top: 0px;
	bottom: auto;
}
.p7MBX-01.matting.overlay-desc-bottom .mbx-description,
.p7MBX-01.matting.overlay-caption-bottom .mbx-caption {
	top: auto;
	bottom: 10px;
	left: 0px;
	right: 10px;
}
.p7MBX-01.matting.overlay-desc-top .mbx-description,
.p7MBX-01.matting.overlay-caption-top .mbx-caption {
	top: 10px;
	bottom: auto;
	left: 0px;
	right: 10px;
}
.p7MBX-01.light.overlay-desc-bottom .mbx-description,
.p7MBX-01.light.overlay-caption-bottom .mbx-caption,
.p7MBX-01.light.overlay-desc-top .mbx-description,
.p7MBX-01.light.overlay-caption-top .mbx-caption {
	background-color: rgba(255,255,255,.6);
}
.p7MBX-01.dark.overlay-desc-bottom .mbx-description,
.p7MBX-01.dark.overlay-caption-bottom .mbx-caption,
.p7MBX-01.dark.overlay-desc-top .mbx-description,
.p7MBX-01.dark.overlay-caption-top .mbx-caption {
	background-color: rgba(0,0,0,.6);
}




/* Rounded */
.p7MBX-01.rounded .p7mbx-toolbar a,
.p7MBX-01.rounded .mbx-slide,
.p7MBX-01.rounded .mbx-slide.mbx-image img { border-radius: 5px !important; }
.p7MBX-01.rounded .mbx-slide.mbx-image img { border-radius: 0px 0px 5px 5px; }
.p7MBX-01.matting.rounded .mbx-slide.mbx-image img { border-radius: 5px 5px 5px 5px; }
.p7MBX-01.rounded .mbx-slide .p7mbx-content-slide { border-radius: 0px 0px 5px 5px; }
.p7MBX-01.rounded.matting .mbx-slide .p7mbx-content-slide { border-radius: 5px 5px 5px 5px; }
.mbx-rounded { border-radius: 3px; }


/*Shadow */
.p7MBX-01.shadow .p7mbx-toolbar,
.p7MBX-01.shadow .mbx-slide { box-shadow: 0px 0px 30px #000; }


/* iFrame Video rules */
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0px;
	overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
}


/* DO NOT EDIT */
.p7mbx-list { display: none; }
.mbx-image a img { border: none; }



/*Media Queries */
@media only screen and (min-width: 0px) and (max-width: 700px) {
body { -webkit-text-size-adjust: none; }
.mbx-slide-box { margin: 0 !important; }
.mbx-slide-container.mbx-cnt {
	width: auto !important;
	max-width: none !important;
}
div.mbx-thumbs { text-align: center; }

}

@media only screen and (max-device-width: 480px) {
body {
	-webkit-text-size-adjust: none;
	font-size: 16px;
}
}

@media only screen and (max-device-width: 480px) and (orientation : landscape) {
	body {
		-webkit-text-size-adjust: none;
		font-size: 12px;
	}
	.p7mbx-toolbar a {
		width: 12px !important;
		height: 18px !important;
		background-size: contain;
		background-position: center;
	}
}

@media only screen and (max-device-width: 480px) { 
	div.mbx-thumbs li, .mbx-external img { 
		-webkit-transition: none !important;
		transition: none !important;
	}
	div.mbx-thumbs li:hover, .mbx-external img:hover {
		-webkit-transform: none !important;
		transform: none !important;
		position: static !important;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	div.mbx-thumbs li, .mbx-external img { 
		-webkit-transition: none !important; 
		transition: none !important;
	}
	div.mbx-thumbs li:hover, .mbx-external img:hover {
		-webkit-transform: none !important; 
		transform: none !important; 
		position: static !important;
	}
}

/*
****************************
 PVII Peekaboo
 by Project Seven Development
 www.projectseven.com
 CSS Styles
*****************************
*/

.p7PKB {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
	justify-content: center;
}
.p7PKB, .p7PKB div {
	box-sizing: border-box;
}

.pkb-item {
	-webkit-flex-grow: 0;
	flex-grow: 0;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
}
/*
**************************
       ARROW
**************************
*/
.pkb-arrow {
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 10px;
	z-index: 99;
	background-repeat: no-repeat;
	background-size: 25px 30px;
	background-position: center 0px;
	transition: background-size .35s linear 0s;
}
.pkb-section.open .pkb-arrow {
	background-size: 0px 0px;
}
.p7PKB.pkb-arrow-light .pkb-arrow {
	background-image: url(img/arrow-light.png);
}
.p7PKB.pkb-arrow-dark .pkb-arrow {
	background-image: url(img/arrow-dark.png);
}
.pkb-section.boo-bottom .pkb-arrow,
.pkb-section.boo-no-animate .pkb-arrow,
.p7PKB.pkb-no-arrow .pkb-arrow {
	display: none;
}

.pkb-section {
	display: inline-flex;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.pkb-section.boo-bottom .pkb-boo {
	position: static;
}
.pkb-image {
	display: block;
	margin: auto;
	width: 100% !important;
	height: auto !important;
}
.pkb-image.pkb-constrained {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}
.pkb-content {
	align-self: flex-end;
	width: 100%;
}
.pkb-boo {
	font-size: 90%;
	transition: all ease .5s;
	padding: 3px;
	display: inline-flex;
	flex-direction: column;
	position: absolute;
	bottom: -100%;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.pkb-section.open .pkb-boo {
	bottom: 0px;
}
.pkb-section.boo-from-top .pkb-boo {
	bottom: auto;
	top: -100%;
}
.pkb-section.boo-from-top.open .pkb-boo {
	bottom: auto;
	top: 0px;
}

.boo-no-animate .pkb-boo {
	transition: none;
	position: absolute;
	bottom: 0px;
	height: auto;
}
.pkb-section.pkb-nat-height .pkb-boo {
	height: auto;
}
.pkb-boo p {
	margin: 6px 0px;
}
.pkb-boo img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
} 

/*
***************************
         ROUNDED
     Class-driven by 
 pkb-rounded class on root
***************************
*/
.p7PKB.pkb-rounded,
.p7PKB.pkb-rounded .pkb-section {
	border-radius: 4px;
}
/*
***************************
         Borders
 Class-driven by relevant 
      classes on root
***************************
*/
.p7PKB.pkb-borders-root {
	border: 1px solid;
}
.p7PKB.pkb-borders-section .pkb-section {
	border: 1px solid;
}

/*
***************************
    Matte (Root Only)
 Class-driven by relevant 
      class on root.
   Text color drives
  optional border colors
***************************
*/
.p7PKB.pkb-no-matte {
	padding: 0px;
}
.p7PKB.pkb-borders-root.pkb-no-matte {
	padding: 5px;
}
.p7PKB.pkb-gray {
	background-color: rgba(200,200,200,1.0);
	color: #000;
	padding: 5px;
}
.p7PKB.pkb-gray .pkb-boo {
	background-color: rgba(160,160,160,0.88);
	color: #000;
}
.p7PKB.pkb-white {
	background-color: rgba(255,255,255,1.0);
	color: #000;
	padding: 5px;
}
.p7PKB.pkb-white .pkb-boo {
	background-color: rgba(255,255,255,0.88);
	color: #000;
}
.p7PKB.pkb-black {
	background-color: rgba(0,0,0,1.0);
	color: #FFF;
	padding: 4px;
}
.p7PKB.pkb-black .pkb-boo {
	background-color: rgba(0,0,0,0.88);
	color: #FFF;
}

/*
***************************
       Info Rollup
 Class-driven by relevant 
     class on pkb-boo
 Keyed on background color
 Class black class is 
 assigned to each pkb-boo
 DIV by default. Change one
 or ALL in UI. 
***************************
*/
.pkb-content .pkb-boo.pkb-white {
	background-color: rgba(255,255,255,0.88);
	color: #000;
}
.pkb-content .pkb-boo.pkb-black {
	background-color: rgba(0,0,0,0.88);
	color: #FFF;
}
.pkb-content .pkb-boo.pkb-gray {
	background-color: rgba(180,180,180,0.88);
	color: #000;
}


/*
*************************************
    VERTICAL ALIGNMENT CLASSES
     ASSIGNED TO BOO
*************************************
*/

.pkb-boo.pkb-vTop {
	justify-content: flex-start;
}
.pkb-boo.pkb-vCenter {
	justify-content: center;
}
.pkb-boo.pkb-vBottom {
	justify-content: flex-end;
}

/*
*************************************
    VERTICAL ALIGNMENT CLASSES
     ASSIGNED TO ITEM
*************************************
*/

.pkb-item.pkb-vTop {
	justify-content: flex-start;
}
.pkb-item.pkb-vCenter {
	justify-content: center;
}
.pkb-item.pkb-vBottom {
	justify-content: flex-end;
}

/*
*************************************
      TEXT ALIGNMENT CLASSES
     ASSIGNED TO BOO
*************************************
*/

.pkb-boo.pkb-left {
	text-align: left;
}
.pkb-boo.pkb-center {
	text-align: center;
}
.pkb-boo.pkb-right {
	text-align: right;
}


/*
*********************************
          NO SCRIPT
  Addresses flaws in Dreamweaver
         Design View
*********************************
*/
.pkb-noscript .pkb-section {
	overflow: visible;
}
.pkb-noscript div {
	position: static;
}
.pkb-noscript .pkb-boo {position: static !important; width: auto !important;}
.pkb-noscript img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
}
.pkb-noscript .pkb-arrow {
	display: none !important;
}
/*
*************************************************************
     Media Query: When screen is 600px wide, or less, 
     multiple collumns of Peekaboo items will linearize 
     into a single column. This is only applicable when 
     you have created a Peekaboo instance comprised of 
     multiple images.
*************************************************************
*/

@media only screen and (min-width: 0px) and (max-width: 600px) {
	.pkb-item {flex-basis: 100% !important; }
}





/*
 ----------------------------- 
 PVII Show More / Show Less
 by Project Seven Development
 www.projectseven.com
 Core CSS
 -----------------------------
*/

/* ----------- <a> tag triggers ----------- */

/* block */
a.sml-more {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	font-style: normal;
	border-bottom: 1px dotted;
	border-color: #000;
	transition: all linear .5s .1s;
	background-color:transparent !important;
}
a.sml-more.open {
	color: #000;
	background-color:transparent !important;
}
a.sml-more:hover {
	border-bottom-style: solid;
	background-color:transparent !important;
}
a.sml-more.tabbed {
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-style: normal;
	border: 1px solid;
	border-color: #000;
	border-top-style: hidden;
	border-bottom-style: solid;
	padding: .5em 1em;
	border-radius: 0px 0px 5px 5px;
}

a.sml-more.tabbed:hover, a.sml-more.tabbed.open {
	border-top-style: hidden;
	border-bottom-style: solid;
	background-color: #222;
	color: #FFF;
}

a.sml-more.button {
	color: #000000;
	background-color: #DDD;
	text-decoration: none;
	display: inline-block;
	font-style: normal;
	border: 1px solid;
	border-color: #AAA;
	padding: 1em;
	border-radius: 5px;
}

a.sml-more.button:hover, a.sml-more.button.open {
	background-color: #222;
	border-color: #222;
	color: #FFF;
}


/* inline */
a.sml-more-inline, a.sml-less-inline {
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-style: normal;
	border-bottom: 1px dotted;
	border-color: #000;
	font-weight: bold;
}
a.sml-more-inline:hover, a.sml-less-inline:hover {
	border-bottom-style: solid;
}

.sml-content.indented {
	width: 90%;
	margin: auto;
	padding-left: 1em;
	border-left: 1px dotted;
}

/* fixed height reveal */
.sml-blur {
	height: 50px;
	position: absolute;
	width: 100%;
	bottom: 0px;
	background: -webkit-linear-gradient(rgba(255,255,255,.5) 0%, rgba(255,255,255,1) 80%);
	background: linear-gradient(rgba(255,255,255,.5) 0%, rgba(255,255,255,1) 80%);
}
.sml-content.fixed-reveal {
	position:relative;
}



/* ---------- DO NOT EDIT EVER ----------------- */

/* Block Contnent */
.sml-content {
	display: block; 
	height: 0px;
	overflow: hidden;
	box-sizing: border-box;
}
.sml-content div {
	padding: 1px 0px;
}


/* inline content */
.sml-content-inline {
    display: inline;
}

/* 
  -----------------------------------
  Tooltip Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 11 Black Silk
  -----------------------------------
*/

.p7TTM11.p7TTMbox {
	position: absolute;
	overflow: hidden;
	border: 3px solid #000;
	border-radius: 3px;
	background-color: #000;
	background: rgba(0,0,0,.9);
	-webkit-box-shadow: 6px 6px 20px #222;
	box-shadow: 0px 0px 20px #222;
}
.p7TTM11 .p7TTMtop {
	position: relative;
}
.p7TTM11 .p7TTMcnt {
	color:#F0F0F0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:600;
	padding: 12px 9px 12px 12px;
	position: relative;
	zoom: 1;
}
.p7TTM11 .p7TTMcnt p {
	margin: 6px 0 12px 0;
}

.p7TTM11 .p7TTMclose {
	position: absolute;
	top: 2px;
	left: auto;
	right: 0px;
	display: none;
}
.p7TTM11 .p7TTMclose img {
	border: 0;
}
.p7TTM11 .p7TTMclose a {
	text-decoration: none;
	display: block;
	color: #BBB;
	font-size: 17px;
	line-height: 17px;
	padding: 0 4px;
	border-radius: 0px 4px 0px 0px;
}
.p7TTM11 .p7TTMclose a:hover, .p7TTM11 .p7TTMclose a:focus {
	outline: 0;
	color: #FFFFFF;
}
.p7TTM11 .p7TTMclose i {
	font-style: normal;
}


/*ARROWS*/
.p7TTM11 .p7TTMcall {
	height: 9px;
	width: 26px;
	position: absolute;
	z-index: 9;
	background-repeat: no-repeat;
	display: none;
}
/*Arrow At Bottom Left*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_1 {
	height: 16px;
	width: 24px;
	left: 10px;
	top: auto;
	bottom: -16px;
	background-image: url(tooltip/p7TTMblack-southwest.png);
}
/*Arrow At Bottom Middle*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_2 {
	height: 16px;
	width: 22px;
	left: 50%;
	margin-left: -11px;
	top: auto;
	bottom: -18px;
	background-image: url(tooltip/p7TTMblack-south.png);
}
/*Arrow At Bottom Right*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_3 {
	height: 16px;
	width: 24px;
	left: auto;
	right: 8px;
	top: auto;
	bottom: -16px;
	background-image: url(tooltip/p7TTMblack-southeast.png);
}
/*Arrow At Top Left*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_4 {
	height: 18px;
	width: 24px;
	left: 10px;
	top: -18px;
	background-image: url(tooltip/p7TTMblack-northwest.png);
}
/*Arrow At Top Middle*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_5 {
	height: 16px;
	width: 22px;
	left: 50%;
	margin-left: -11px;
	top: -12px;
	background-image: url(tooltip/p7TTMblack-north.png);
}
/*Arrow At Top Right*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_6 {
	height: 18px;
	width: 24px;
	left: auto;
	right: 10px;
	top: -18px;
	background-image: url(tooltip/p7TTMblack-northeast.png);
}
/*Arrow At Left Top*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_7 {
	height: 20px;
	width: 18px;
	left: -18px;
	top: 8px;
	background-image: url(tooltip/p7TTMblack-duewest.png);
}
/*Arrow At Left Middle*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_8 {
	height: 22px;
	width: 18px;
	left: -12px;
	top: 50%;
	margin-top: -11px;
	background-image: url(/css/tooltip/p7TTMblack-west.png);
}
/*Arrow At Right Top*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_9 {
	height: 20px;
	width: 18px;
	left: auto;
	right: -16px;
	top: 8px;
	background-image: url(tooltip/p7TTMblack-dueeast.png);
}
/*Arrow At Right Middle*/
.p7TTM11 .p7TTMcall.p7TTM_Arrow_10 {
	height: 22px;
	width: 18px;
	left: auto;
	right: -20px;
	top: 50%;
	margin-top: -11px;
	background-image: url(tooltip/p7TTMblack-east.png);
}
/*Special Class assigned to All Triggers, regardless of the Tooltip Style Theme, while its tooltip is showing.*/
.p7TTM_open {}

/*Special Class assigned to All Triggers, regardless of the Tooltip Style Theme, when using the Basic Interface.*/
.p7TTM_trg {
	text-decoration: underline;
}
/*Special Class you can use to assign to various trigger elements when using the class assignment method to define a tooltip.*/
.tooltip {}

/*Lighshow Overlay*/
#p7ttm_overlay.p7TTM11 {
	background-color: #CCC;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

/*IE 7 and 6 fixes*/
.p7TTMtop, .p7TTMbottom,
.p7TTMmiddlewrapper {zoom: 1;}

@media only screen and (max-width: 489px)  {
	
	.p7TTM11.p7TTMbox {margin-top: 100px !important;}
	.pbx-panel {max-width: 98% !important;}
}


/* 
  ------------------------------------------------
  PVII Affinity
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  01: 1 Col Flex
  ------------------------------------------------
*/

body {
	background-color:#CC9866;	/*[background]*/
	color: #171717;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 103%;
	margin: 0px;
	padding-bottom: 5em;
}
img {
	vertical-align: bottom;
}

.content-wrapper {
	margin: 8em 1.25em 0em 1.25em;
	overflow: hidden;
}
.columns-wrapper {
	background-color:#CC9866;	/*[background]*/
	overflow: hidden;
	position: relative;
}
.columns-wrapper, .menu-top-wrapper {
	max-width: 860px;
	margin: auto;
}

.main-content .content{
	background-color:#FFF;
	border-color: #666;
	border-radius: 20px;
	border: 1px solid;
	font-size: 1.05em;
	line-height: 1.55em;
	padding: 30px 50px;
	/*font-weight: 100 !important;*/
}

/*Heading styles*/
h1, h2, h3, h4 {
	font-family: Federo, "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 22px 0px 0px 0px;
}
h1 {font-size: 1.55em; padding-bottom: 20px; font-weight:bold;}
h2 {font-size: 1.42em; line-height:1.45em; margin-bottom:25px; margin-top: -16px;}
h3 {font-size: 1.35em; margin-top: -8px; margin-bottom: 0.6em;}
/*h3 {font-size: 1.35em; margin-top: -25px; margin-bottom: 0.6em;}*/
h4 {font-size: 1.25em; margin-bottom: 0.6em;}
h5 {margin: 18px 0 8px 0;}
h5 {font-size: 1.1em !important;}

.content p {margin-top: 0px;}

/*feedback*/
h6 {
	color:#311b0d;
	font-size: 0.85em;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px;
	text-align:center;
}

.splog, .banner { width: 100%;
	font-size: 1.25em;
	padding: 2px 0;
	border-top: 3px inset #581b2a;	
	border-bottom:3px outset #581b2a;
	margin-bottom: 33px;	
}

.banner {font-size: 2em; padding: 15px 0px;}

/*A utility rule assigned to the first heading to remove top margins.*/
.content h1:first-child,
.content h2:first-child,
.content h3:first-child,
.content h4:first-child {
	margin-top: 0px;
}

.content p {margin-top: 0px;}
.shiftL {margin-right: 80px;}
.minibut {float: right; margin-left: 10px;margin-top:-5px;}
.picture {float: left; margin-right: 14px;}
.picturer {float: right; margin-left: 10px;}

/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	border-radius: 5px;
	height: auto !important;
	max-width: 100%;
	width: auto !important;
}
.fancy {
	border: 1px solid rgba(255,255,255,.2);
	box-shadow: 0px 0px 30px rgba(0,0,0,.65);
}
.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	line-height: normal;
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
}
.sidebar li, .sidebar2 li { 
	margin-bottom: 4px; 
}

/*Ordinary Link Styles*/
/*===============================?/


/* PVII original rules discarded
---------------------------------
*.content a {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #002953;
}

.content a:hover, .content a:focus {
	color: #000;
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
}
---------------------------------*/


.content a {color:#CC9866; text-decoration:none; font-weight:600;}
/*.content a:visited {color:#CC9866 !important;}*/

a.away:hover, a.away:focus{
	background-color: #CFCFCF !important;
	color:#2b0017 !important;
}

.footer a {color: #8C8C8C; }

a.buttonD:visited {color:#CCCCCC;}

a.plain:hover {background-color: #FFFFFF !important;}

/*The Footer*/
.footer {
	border-top: 1px solid #000;
	bottom: 0px;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	clear: both;
	color: #FBFBFB;
	font-size: 0.95em;
	font-weight: 700;
	letter-spacing: 0.1em;
	position: fixed;
	text-align: center;
	top: auto;
	width: 100%;
	z-index: 999;
	min-height: 60px;
	z-index: 15;
}
.footer p.copyright {
	margin: 20px 15px;
	text-transform: uppercase;
}

.foottop{
	float: left;
	margin: 5px 0px 0px 5px;
	padding: 0;
	text-decoration: none;
	border: 0;
	cursor:pointer;
}

.footdown{
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0;
	text-decoration: none;
	border: 0;
	cursor:pointer;
}

.footbut{
	float: right;
	margin: 5px 5px 0px 0px;
	padding: 0;
	text-decoration: none;
	border: 0;
}

.footbut:hover .tip{display:block; text-decoration: none; border: 0}	 

.onlymain {display:block;}
.onlyphone {display:none;}

.tip {
	background-color:#000000;
	bottom: 7px;
	display: none;
	font-weight: bold;
	padding: 4px 12px;
	position: fixed;
	right: 84px;
	border: 0;
}		 

/*---------------------------------------
rules to sort and remove
---------------------------------------*/

#feedback {
	width: 65%;
	color: #FFFFFF;
	text-align: left;
	background-image: url(/css/assets/dog.png);
	background-repeat: no-repeat;
	background-position: 95% 19px;
	background-size: 26%;
	font-weight: bold;
	padding: 6px 0px 12px 17px;
	margin: auto;
}
	
.con {max-width: 65%;}	
.con1 {max-width: 96%; margin-left:0 !important;}	

.ShowMe {display:block !important;}
.HideMe {display:none;}

.center{text-align:center !important;}
.centerbold {text-align:center; font-weight:bold;}

.CenterWithGap {
	margin-top: 2em;
	text-align:center
}
 
.floatL {float:left;}
.floatR {float:right;}

.mar {margin: auto;}

.right{text-align:right !important;}

.tempCB {text-align:center; font-weight:bold;}


/*wide Screens*/
@media only screen and (min-width: 750px)
{
	.CDplay {padding-left: 40px;}
}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
	
	.masthead {padding: 0px !important}	
		
	body {
		padding-bottom: 0px;
		background-color: #FFF;
	}
/*	.footer {
		position: static;
		width: auto;
	}*/
	
	.onlymain {display:none;}
	.onlyphone {display:block;}
	
	.content-wrapper, .columns-wrapper {margin: 0px; border: none; background-color:#fff}
	.content-wrapper {margin-top: 7em;}
	.main-content .content {
		/*padding: 20px 10px;*/
		padding: 20px 15px;
		border: none;
		border-radius: 0px;
		margin-bottom: 60px;
	}

	.summary, #download {width: 85%;}
	.commentkey {text-align: center;}
}

/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 700px) and (max-width: 1280px) {

	.main-content .content {padding: 10px 20px;}
	.content-wrapper {margin-left: 10px; margin-right: 10px;  margin-top: 7em;}
	.summary {width: 80%;}
}

@media only screen and (max-width: 700px)  {
	
	.summary {width: 85%; display: block;}
	
	.summary-align {		
		display: flex !important;
		flex-direction: column-reverse !important;
		margin: 0px !important;
		padding: 0px !important;
		width: 100% !important;
	}	
	
	.summary-info {
		margin: 0px !important;
		padding: 10px !important;
		width: 100% !important;
		display: inline-block;
	}
	
	.summary-key {
		display: block;
		margin: 0px 0px 18px 0px !important;
		padding: 6px 10px !important;
		text-align: center;
		width: 100% !important;
	}
	
	.summary-b1, .summary-b2 {padding: 3px 0px;}
}

@media only screen and (max-width: 600px)  {
	
	table.quz {width: 100% !important;}
	.tc1 {width: 10% !important;}
	.tc2 {width: 90% !important;}
	th.qed {background-color:#FFFFFF; padding: 10px 0px 4px 4px !important;}
	td.nos {padding: 16px 4px 0px 4px !important; text-align:right; vertical-align:text-top; background-color:#FFFFFF; width:10% !important}
	td.ans:active {color:#666666; background-color:#FFFFFF;}
	
	.picture, .picturer {float:none !important; margin:auto; display:block;}
	.fix {margin-left: 44% !important;}
	
	
	h5 {margin: 8px 0 8px 0;}
	h5 {font-weight: bold !important}
	
	.t4	{max-width: 36%; margin-right: 0 !important;}
	
	.moveup2 {position: relative; top: -35px; }
}

@media only screen and (max-width: 489px)  {
	
	.notON {display:none !important;}
	.nowON {display:block !important;}
	
	#feedback {	width: 95%;}
	
	.minibut {float:none !important; margin:auto; display:block; margin-top:15px;}
	
	.commentwrap {width: 100%;}
	.field, .reply{width: 95%; margin: auto; padding: 0;}
	.field {padding-top: 5px;}
	.send {margin-bottom: 0px !important;}
	.onfocus {width: 93%;}	
	
	.screen1 {display: none;}
	.screen2 {display: block;}
	
	#NoJS { padding-bottom:25px;}
	
	h1 {line-height: 1em;}
	
	.buttonWrap {
		margin:auto;
		width:94%;
		padding: 0px;
	}	
	
	#download, #downloadN, #downloadVN {width: 100%; margin: 0;}
	#download a.buttonD{font-size: 1em; text-align:center; padding: 0.5em;}
	
	.buttonMain, .buttonMain30, .buttonMain35 {max-width: 90%; max-width: 20ch;}
	
	.commentkey {padding-bottom: 12px;}
	
	.footer {overflow: hidden}
	
	.footer p.copyright {
		margin: 5px 48px 5px 10px;
		text-align:left;
	}
	
	.flexB {
		/*display: block;*/
		flex-direction: column !important;
		width: 100% !important;
		padding: 0px !important;
		text-align: center !important;
	}
	.flexTable {justify-content: center !important; background-color:#99CC00; text-align:center; margin-left: 30%;}
	.fudge {margin-bottom:20px !important;}
	
	.flexT {flex-direction: column-reverse;}
	
	
	.f20, .f30, .f40 {flex: 100%; margin-bottom: 15px;}
	.f60, .f70, .f80 {flex: 100%;}
	
	.inset img {float:none !important; margin:auto !important; display:block !important;}
	
	.shiftL {margin-right: 20px;}
	
	#showsummary {
		width: 100% !important;
		padding: 10px 0px !important;	
	}
	
	/* Summary table rules	*/
	.summary {
		display: block;
		width: 100% !important;
		padding: 0px !important;
	}
	.summary-info {
		display: block; 
		width: 100% !important;
		margin: 0px;
		padding: 0px !important;;
		border-radius: 0px;
	 }	
	.summary-b1, .summary-b2 {
		display: inline-block;
		padding: 3px 0px 3px 15px !important;
		width: 98% !important;
		margin: 0px;
	}	
	.summary-b2 {background-color: #fff; padding-bottom: 12px !important;}
	
	.summary-key {
		display: block;
		margin: 0px 0px 18px 0px !important;
		padding: 6px 0px !important;
		text-align: center;
		width: 100% !important;
	}
	
	.CDsummary {
		flex-direction: column !important;
		width: 100% !important;
		padding: 0px !important;
		min-height: 140px;
	}
	.CDcell20, .CDcell30, .CDcell80 {width: 70% !important; display:block; padding:5px 10px;}	
	.CDsummary :nth-child(4) {order:5;}
	.CDsummary :nth-child(5) {order:4;}
	.CDplay {margin: auto; padding:10px; height:100% !important}
	.moveup, .moveup2 {position: inherit;}
	.thin {max-height:none;}
	
	
}

@media only screen and (max-width: 300px){
	
.CDsummary {min-height: 260px;}	
.CDcell20, .CDcell30, .CDcell80 {width: 100% !important;}
.CDplay {padding: 0px 0px 10px 0px; height: auto !important; margin: Auto !important}
	
.ml0 {margin-left: 0px !important;}
.ml10 {margin-left: 0px !important;}
.ml15 {margin-left: 0px !important;}
.ml20 {margin-left: 0px !important;}
.ml25 {margin-left: 0px !important;}
.ml30 {margin-left: 0px !important;}
.ml35 {margin-left: 0px !important;}
.ml40 {margin-left: 0px !important;}
.mr0 {margin-right: 0px !important;}

.mr10 {margin-right: 0px !important;}
.mr15 {margin-right: 0px !important;}
.mr20 {margin-right: 0px !important;}
.mr25 {margin-right: 0px !important;}
.mr30 {margin-right: 0px !important;}
.mr35 {margin-right: 0px !important;}
.mr40 {margin-right: 0px !important;}

.w60 {width: 95% !important;}
	
}