/*CSS for Detecting the Truth 002/035*/


body {
background-color: #669999;
}

div.center h1 {
border: 1px solid #ccc;
background-color: #003333!important;
padding: 5px 0 10px 7px;
margin: 8px 7px 1px 8px;
vertical-align: top;
border-bottom: 5px solid #ffcc33;
}

div.header-img {
width: auto;
margin: 0 0 0 8px;
display:block;
}

div.center h1 span {
font-size: 65%;
}

/* LEFT MENU */

ul.nav {
background-color: #006666;
padding-left: 10px;
}

ul.nav li {
width: 130px;
background-color: #006666;
border-bottom: none;
margin: 0;
padding: 5px 0 5px 0;
border-top: 1px solid #669999;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #006666;
margin: 0;
padding: 4px 5px 4px 5px;
color: #fff;
}

ul.nav li a.menulink:hover {
color: #000;
background-color: #ffcc33;
margin: 0;
padding: 4px 5px 4px 5px;
}

ul.nav li span.on-state {
width: 120px;
color: #000;
background-color: #ffcc33;
margin: 0;
padding: 4px 5px 4px 5px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
color: #000;
background-color: #ffcc33;
margin: 0;
padding: 4px 5px 4px 5px;
}


/************* LEFT MENU - SUB-MENU CLASSES ***************/

ul.nav3 {
margin: 0;
padding: 0;
background-color: #006666;
color: #fff;
}

ul.nav3 li {
border: none;
padding: 2px 0;
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
background-color: #006666;
margin: 0;
color: #fff;
padding: 5px 0 5px 8px;
border: none;
width: 122px;
}

ul.nav3 li a.menulink:hover {
color: #000;
background-color: #ffcc33;
margin: 0;
padding: 5px 0 5px 8px;
border: none; 
width: 122px;
}

ul.nav3 li span.on-state {
width: 122px;
color: #000;
background-color: #ffcc33;
margin: 0;
padding: 5px 0 5px 8px;
border: none; 
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
color: #000;
background-color: #ffcc33;
margin: 0;
padding: 5px 0 5px 8px;
border: none; 
width: 122px;
}


/************ END LEFT MENU ***************/

/* styles for the link at the bottom of the left nav | style pour le lien au bout de la navigation de la gauche */

div#procontainer ul.nav {
background-color: #fff;
width: auto;
padding-left: 0;
}

div#procontainer ul li {
width: 148px;
border: none;
margin: 0px;
padding: 0px;
}

div#procontainer a.menulink {
border: 1px solid #000;
background-color: #fff;
color: #000;
padding: 5px 10px;
}

div#procontainer a.menulink:hover {
background-color: #000;
color: #fff;
padding: 5px 10px;
}


/************* RIGHT NAVIGATION AND SIDE IMAGE ***************/


div.right-navigation-image
{
margin: 0 0 0 0;
padding: 0 0 10px 0;
/*background-color: #006666;*/
color: #000;
display: block;

}

div.right-navigation-image img
{
margin: 0;
padding: 0;
border-bottom: 1px solid #fff; 
}

div.right-navigation a, div.right-navigation a:link, div.right-navigation a:visited, div.right-navigation a:hover, div.right-navigation a:active
{
color: #fff;
}

div.right-navigation-image p
{
font-size: 0.85em;
padding: 0;
margin: 10px 15px 8px 15px;
}


/* Caption link for Images Right NAV*/

div.right-hand-caption  {
background-color: #006666;
font-size: 0.85em;
padding:0 2px 3px 3px;
margin-bottom:0px;
border-bottom: 10px solid #006666;
display: block;
color: #fff;
}

div.right-hand-caption a, div.right-hand-caption a:visited, div.right-hand-caption a:active, .right-navigation li a:link, .right-navigation li a:active, .right-navigation li a:visited {
color: #fff;
display: block;
}



/*images in column 2 -vl Jan 19-2010*/

div.v2-right {
border: 1px solid #ccc;
margin: 8px;
}
	
div.v2-left {
border: 1px solid #ccc;
margin: 8px;
}	
		
/*FIRST IMAGE ON PAGE, WIDTH 200px*/	
div.image-right {
width: 200px;
float: right;
margin: 5px 10px 0 10px;
padding: 10px 10px 0 10px;
background-color: #333300;
}

div.image-right img  {
border: none;
}

div.image-right p  {
font-size: 0.75em;
margin-bottom: 10px;
padding: 0;
color: #fff;
}

div.image-right a, div.image-right a:link, div.image-right a:visited, div.image-right a:active 
{
color: #fff;
}

div.application {
width: 500px;
padding: 15px 5px 5px 25px;
margin: 10px 10px 10px 20px;
float: left;
background-color: #333300;
}

div.application img  {
border: none;
}

div.application p {
font-size: 0.75em;
padding: 0;
color: #fff;
}

div.application a, div.application a:link, div.application a:visited, div.application a:active {
color: #fff;
}

/* diary */

div.diary {
width: 600px;
background-color: #333300;
margin: 15px 0px 5px 55px;
padding: 10px 35px 10px 35px;
}

.photo-left {
float: left;
width: 150px;
margin: 10px 10px 0 15px;
}

.photo-left .photo-contain {
margin: 0;
padding: 0;
}

.photo-left-sm {
float: right;
width: 165px;
}

.photo-left-sm .photo-contain {
margin: 15px 50px 10px 15px;
}

.photo-right {
float: right;
width: 150px;
margin: 10px 10px 0 10px;
}

.photo-right .photo-contain {
margin: 0;
padding: 0;
}

.photo-contain img {
margin: 0;
}

.photo-contain p {
border-top: 1px solid #cccccc;
margin: 15px 0 0 0;
padding: 10px 0 5px 0;
font-size: 0.75em;
line-height: 1.3em;
}

.photo-contain p a, .photo-contain p a:link, .photo-contain p a:active {
color: #006666;
}

p.zoom {
background-color: #336666;
margin: 0;
padding: 5px;
font-size: 0.75em;
text-align: right;

}

div.zoom {
margin: 0 5px 0 5px;
padding: 5px;
font-size: 0.75em;
text-align: right;

}

.photo-center p.zoom {
margin: 0 5px 0 5px;

}

div.zoom p {
width: 140px;
float: left;
margin: 0;
padding: 5px 20px 5px 0;
font-size: 1em;
text-align: right;
background-color: #336666;
border: 1px solid #fff;
}

div.zoom p.leftCaption {
width: 130px;
margin-right: 18px;

}

div.zoom p.rightCaption {
width: 130px;
margin: 0;

}

p.zoom a, p.zoom a:link, p.zoom a:active, p.zoom a:visited {
color: #ffffff;
text-decoration: none;
padding: 0 18px 0 0;
}

div.zoom a, div.zoom a:link, div.zoom a:active, div.zoom a:visited {
color: #ffffff;
text-decoration: none;
padding: 0;
margin: 0;
}

p.zoom a:hover, div.zoom a:hover {
color: #ffcc66;
text-decoration: none;

}

/*for photos with two side by side, one zoom + link, and two captions on a two column page*/
.photo-center2 {
width: 330px;
margin: 0;
padding: 10px 130px 0 110px;
}

.photo-center2 img {
margin: 0px 5px 0 5px;
}

.photo-center2 p.zoom2 {
margin: 0 5px 0 5px;
border: 1px solid red;
}

.two-captions2 {
width: 330px; /*added by vl*/
/*margin-top: 35px;
margin-left: 0; added by vl*/
margin-top: 10px;
margin-left: 0; /*added by vl*/

}

.two-captions2 p {
margin: 0;
padding: 0;
font-size: 0.75em;
border-top: 1px solid #cccccc;
}

div.zoom2 {
font-size: 0.75em;
text-align: right;
}

div.zoom2 p {
width: 295px;
float: left;
/*margin: 0 0 5px 0;
padding: 5px 20px 5px 0;*/
margin: 0 5px 5px 3px;
padding: 5px 20px 5px 0;
font-size: 1em;
text-align: right;
background-color: #336666;
border: 1px solid #fff;
}

p.zoom2 a, p.zoom2 a:link, p.zoom2 a:active, p.zoom2 a:visited {
color: #ffffff;
text-decoration: none;
padding: 0 18px 0 0;
}

div.zoom2 a, div.zoom2 a:link, div.zoom2 a:active, div.zoom2 a:visited {
color: #ffffff;
text-decoration: none;
padding: 0;
margin: 0;
}

p.zoom2 a:hover, div.zoom a:hover {
color: #ffcc66;
text-decoration: none;
}

#left2 {
width: 165px;
float: left;
}

#right2 {
width: 165px;
float: right;
}

#left2 p, #right2 p {
width: auto;
margin: 0;
padding: 10px;
font-size: 0.75em;
}

.left-caption2 {
width: 165px;
float: left;
}

.right-caption2 {
width: 165px;
float: right;
}

/*end*/

/*for two images side-by-side, one zoom banner and one caption in a three column page*/
div.zoom3 {
margin: 0 5px 0 7px;
padding: 5px;
font-size: 0.75em;
text-align: right;
}

div.zoom3 p {
width: 295px;
float: left;
/*margin: 0 0 5px 0;
padding: 5px 20px 5px 0;*/
margin: 0 5px 5px 0;
padding: 5px 20px 5px 0;
font-size: 1em;
text-align: right;
background-color: #336666;
border: 1px solid #fff;
}

p.zoom3 a, p.zoom3 a:link, p.zoom3 a:active, p.zoom3 a:visited {
color: #ffffff;
text-decoration: none;
padding: 0 18px 0 0;
}

div.zoom3 a, div.zoom3 a:link, div.zoom3 a:active, div.zoom3 a:visited {
color: #ffffff;
text-decoration: none;
padding: 0;
margin: 0;
}

p.zoom3 a:hover, div.zoom a:hover {
color: #ffcc66;
text-decoration: none;

}

/*end*/


p.pages {
background-color: #336666;
margin: 0;
padding: 5px;
/*font-size: 0.75em;*/
text-align: right;
color: #ffffff;
font-weight: bold;
}

p.pages .inactive {
color: #ffcc33;
}

p.pages a, p.pages a:link, p.pages a:active, p.pages a:visited {
color: #ffffff;
text-decoration: none;
padding: 1px;
}

p.pages a:hover {
/*text-decoration: underline;*/
color: #ffcc33;
}

.photo-center {
/*clear: both; removed by vl*/
margin: 0;
/*padding: 10px 130px 0 110px;*/
padding: 10px 10px 0 25px; /*changed by vl*/
}


.photo-center img {
margin: 0px 5px 0 10px;
}



.two-captions {
width: 330px; /*added by vl*/
margin-top: 10px;
margin-left: 7px; /*added by vl*/
border-top: 1px solid #cccccc;
display: table;

}

.two-captions p {
margin: 0;
padding: 10px;
font-size: 0.75em;
}


#left {
width: 165px;
float: left;
}

#right {
width: 165px;
float: right;
}

#left p, #right p {
width: auto;
margin: 0;
padding: 10px;
font-size: 0.75em;
}

.left-caption {
width: 165px;
float: left;
/*background: green;*/
}

.right-caption {
width: 165px;
float: right;
/*background: pink;*/
}

.left-caption p, .right-caption p {
width: auto;
margin: 0;
padding: 10px;
font-size: 0.75em;
}

.know {
clear: both;
margin: 30px 50px 30px 30px;
padding: 20px 30px 20px 60px;
/*background: url(/forgery/091/002035-misc12.1.jpg) top center;*/
background-color: #ffffcc;
border: 1px solid #cccccc;
}

.info-box {
clear: both;
margin: 20px 50px 30px 30px;
padding: 10px 30px 20px 60px;
background-color: #ffcc66;
border: 1px solid #cccccc;
}

.box {
width: 520px;
height: 200px;
margin: 30px;
}

.yellowBox2 {
width: 500px;
height: 75px;
margin:  0 0 15px 30px;
background-color: #ffcc33;
color: #000;
text-align: left;
border: 1px solid #000;
display: table;
}

.secretHint {
width: 450px;
clear: both;
margin:  0 0 15px 30px;
background-color: #ffffcc;
color: #000;
border: 2px solid #cc3300;
}

/*.know p {
background-color: transparent;
}*/

hr {
border: 1px solid #ccc;
}

/* books and links */
/* ORIGINAL CODE *********
.books {
background-color: #ccc;
margin: 0px 30px 0px 20px;
padding: 15px 0 15px 0;
}

.books .reference p {
position: relative;
}

.books1 {
background-color: #eee;
margin: 0px 30px 0px 20px;
padding: 15px 0 15px 0;
}

.books1 .reference p {
position: relative;
}

.cover {
float: left;
width: 100px;
padding: 0 10px 0 10px;
}

.cover a, .cover a:link, .cover a:active, .cover a:visited {
display: block;
background-color: transparent;
}

.cover p {
background-color: transparent;
margin: 0 0 0 25px;
padding: 0;
font-size: 0.75em;

}

.reference {
width: 340px;
float: left;
}

.reference p {
background-color: transparent;
}*/

/* books and links MODIFIED CODE **********/
.book-wrapper {
width: 97%;
margin: 1em 0 1em 1em;
padding: 0;
display: block;
}

.books {
width: 90%;
background-color: #ccc;
margin: 0 0 0 0;
padding: 18px 15px; /* IE adjustment for padding is placed in 002035-02.css */
float: left;
}

.books1 {
width: 90%;
background-color: #eee;
margin: 0 0 0 0;
padding: 18px 15px; /* IE adjustment for padding is placed in 002035-02.css */
float: left;
}

.cover {
float: left;
width: 20%;
padding: 0;
margin: 0;
}

.cover a, .cover a:link, .cover a:active, .cover a:visited {
background-color: transparent;
}

.cover p {
background-color: transparent;
margin: 0;
padding: 0;
font-size: 0.85em;
text-align: center;
}

.reference {
width: 75%;
float: left;
}

.reference p {
background-color: transparent;
}

/*Help Zoom Display for page 2000-e&f.html*/

div.row 
{
margin-left: 15px; 
padding: 5px; 
width: 95%;
}

div.cols1
{
float: left;
width: 10%;
margin: 5px 5px 5px 0;
padding: 0;
}

div.cols2
{
float: left;
width: 15%;
margin: 5px 5px 5px 0;
padding: 0;
}

div.cols3
{
float: left;
width: 70%;
margin: 5px 5px 10px 0;
padding: 0;
}

/*for images on the Fun with Phonies pages*/


.phonies {
width: 550px;
margin: 5px 5px 5px 15px;
padding: 5px 5px 5px 5px;
display: table;
}

.phoniesImage1 {
width: 233px;
float: left;
margin: 5px 5px 5px 15px;
padding: 5px 5px 5px 5px;
border: 1px solid #ccc;
}

.phoniesImage1 p {
text-align: center;
height: 25px;
padding-bottom: 15px;
}

.phoniesImage1 ul {
height: 75px;
background-color: #ffcc99;
padding: 5px 0 5px 30px;
margin: 0;
color: #fff;
display: block;

}

.phoniesImage2 {
width: 233px;
float: left;
margin: 5px 5px 0 15px;
padding: 5px 5px 0 5px;
border: 1px solid #ccc;
}

.phoniesImage2 p {
text-align: center;
height: 25px;
padding-bottom: 15px;
}

.phoniesImage2 ul {
height: 55px;
background-color: #ffcc99;
padding: 5px 0 5px 30px;
margin: 0;
color: #fff;
display: block;
}

.phoniesImage3 {
width: 233px;
float: left;
margin: 5px 5px 0 15px;
padding: 20px 5px 0 5px;
border: 1px solid #ccc;
}

.phoniesImage3 p {
text-align: center;
height: 20px;
padding-bottom: 10px;
}

.phoniesImage3 ul {
height: 55px;
background-color: #ffcc99;
padding: 5px 0 5px 30px;
margin: 0;
color: #fff;
display: block;
}

.phoniesImage2F {
width: 235px;
float: left;
margin: 5px 5px 0 15px;
padding: 5px 5px 0 5px;

}

.phoniesImage2F p {
text-align: center;
height: 35px;
padding-bottom: 15px;
}

.phoniesImage2F ul {
height: 55px;
background-color: #ffcc99;
padding: 5px 0 5px 30px;
margin: 0;
color: #fff;
display: block;
}

.phoniesImage3F {
width: 233px;
float: left;
margin: 5px 5px 0 15px;
padding: 20px 5px 0 5px;

}

.phoniesImage3F p {
text-align: center;
height: 25px;
padding-bottom: 10px;
}

.phoniesImage3F ul {
height: 55px;
background-color: #ffcc99;
padding: 5px 0 5px 30px;
margin: 0;
color: #fff;
display: block;
}

.yellowTextBox {
width: 233px;
height: 25px;
padding-top: 5px;
background-color: #ffff99;
text-align: center;
border-top: 3px solid #fff;
}

.yellowTextBox a, a:link, a:active, a:visited {
color: #990000;
text-decoration: underline;
padding: 1px;  
}

/* game */

.game-print {
display: none;
}

.game {
position: relative;
background: url(/forgery/091/002035-misc17.gif) repeat-y;
margin: 10px 40px 0 15px;
padding: 0;
width: auto;
text-align: left;
}

.game-en {
position: relative;
background: url(/forgery/091/002035-miscbg05-e.jpg) no-repeat;
margin: 10px 40px 0 15px;
padding: 0;
width: auto;
text-align: left;
height: 560px;
}

.game-fr {
position: relative;
background: url(/forgery/091/002035-miscbg05-f.jpg) no-repeat;
margin: 10px 40px 0 15px;
padding: 0;
width: auto;
text-align: left;
height: 560px;
}


#game-img1, .game-img1 {
margin: 0 0 0 13px;
}


.zoom-image {
margin: 20px 0 0 20px;
}


.zoom-image2 {
margin: 20px 20px 0 20px;

}

.indent1 {
margin-bottom: 20px;

}

.NohintBox {
width: 300px;
height: 300px;
margin:  30px 30px 15px 100px;
background-color: #ffffcc;
color: #000;
border: 2px solid #cc3300;

}

.NohintBox p {
margin: 75px 0 0 0;
padding: 10px; 
text-align: center;
}

.YeshintBox {
width: 300px;
height: 300px;
margin:  30px 30px 15px 100px;
background-color: #ffffcc;
color: #000;
border: 2px solid #336633;

}

.YeshintBox p {
/*margin: 75px 0 0 0;*/
padding: 10px; 
}

.comparison {
position: relative;
height: 165px;
margin: 0 15px 50px 15px;

}

.comparison #fake {
position: absolute;
top: 10px;
left: 5px;
z-index: 2;

}

.comparison #real {
position: absolute;
margin-left: 30px;
top: 10px;
left: 240px;
z-index: 3;

}


/*to fix the left margin for the tables in firefox*/
table.marginfix {
width: 100%;
margin: 10px 0 10px 0px;
padding: 0;

}

.ed-images {
margin: 10px 0 10px 0;

}

.ed-images-holder {
width: 151px;
margin: 20px 190px 20px 190px;
}

.ed-images-holder p {
magin: 0;
font-size: 0.8em;
}

/*.centre hr {
width: 200px;
border-bottom: 1px solid #cccccc;
margin: 20px 190px 20px 190px;
}*/

div.row {
float: left;
margin: 10px 0 20px 20px;
padding: 0;
width: 90%;
border: 1px solid #cccccc;
}

div.cols2 {
float: left;
width: 50%;
margin: 0 0 0 0;
padding: 0;
}

div.handoutWrapper-three-one {
float: left;
margin-left: 20px;
padding: 0;
width: 90%;
border: 1px solid #cccccc;
}

div.handout-three-one1 {
float: left;
width: 20%;
margin: 0 0 0 0;
padding: 0;
}

div.handout-three-one2 {
float: left;
width: 20%;
margin: 0 0 0 0;
padding: 0;
}

div.handout-three-one3 {
float: left;
width: 20%;
margin: 0 0 0 0;
padding: 0;
}

div.handout-three-one4 {
float: left;
width: 20%;
margin: 0 0 0 0;
padding: 0;
}

div.numrow {
float: left;
}