/* 
	Marketing-Playbook CSS Document 
	---------FOR PRINCEXML---------
	Copyright 2004-2008 Eagle Cross, Inc.

Global Definitions
Text: Black
Fonts: 
H1 heading: Trebuchet, 
Headings: Univers 67 condensed bold 12pt
Subheads: Univers 67 condensed bold 9pt
Body text: Univers 47 Condensed Light 9pt

Playmarker colors
Light Orange: #df6745
DK Orange: #b14533
Bright orange-hover: #FF5500
Purple: #662D91
Red: #C0272D
Blue: #008FD4
Green: #6C9D31
Gold: #a6a10a
Brown: (from playbook crowd gallery): #6d4f44

Left nav bar and top 5px border color: #cc6633
Inset image color: #e48469


/* PrinceXML ** more at end of this css **
-------------------------------*/

/*
@font-face {
    font-family: "Univers 47 Condensed Light";
    src: url("C:/WINDOWS/Fonts/corpcl__.ttf");
}

@font-face {
    font-family: "Univers 67 Condensed";
    src: url("C:/WINDOWS/Fonts/cdkswfte.ttf")
}
@font-face {
    font-family: "Univers 57 Condensed";
    src: url("C:/WINDOWS/Fonts/cdaswfte.ttf")
}
*/
/*
@page { 
	size: US-Letter;
	margin: 40pt 40pt 50pt 50pt; 
	border-bottom: thin solid black;	
	border-top: thin solid white; /*keep this white. It makes princexml work 
	font: 10pt/1.26 Arial, Helvetica, sans-serif ;
	letter-spacing:2pt;
	color: #003366;
}*/
/*
@page { 
    @top-left {
	content: " ";
	white-space: pre; 
	color: black;
	font-family:impact;
	font-size: 9pt;
    }
	
    @bottom-right { 
        content: "Find this page at www.Marketing-Playbook.com";
	font-style: italic;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:blue;
	letter-spacing:normal;
	margin-bottom: 35pt;
    }
	
	@bottom-left { 
        content: " \00A9 2008 Venture Marketing. All Rights Reserved.";
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	letter-spacing:normal;
	color:black;
	margin-bottom: 35pt;
    }
}

@page { 
    @top {
	content: "Strategy: " string(doctitle);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bolder;
	text-transform:uppercase;
	padding-left:15pt;
	margin-top: 31pt;
    }
}



h2 { string-set: doctitle content();
	}
*/


/* disable lo-res images by default */
img.lo {display: inline-block;}
img.hi {display: none;
/*		prince-image-resolution: 300dpi;  */
		}


/*
body.home 	{
	font-size: 9pt;
	font: 9pt/1.26 "Univers 47 Condensed Light" ;
	color: black;
		prince-image-resolution: 300dpi;  
}*/

html, body {
  margin: 0;
  padding: 0;
}

a img {
border: none;

}

#header_container {
min-height: .875in;
margin: 0  ;
padding: 0;
border-bottom: thin black solid;
}

/* Play title */
#header2 {
width: 6.5in;
margin: 0;
padding-bottom: 5pt;
text-align: left;
float: left;
}


#header2, h1 {
	color: #003366;
	line-height: 1em;
	font-weight: bold;
	font-size: 22pt;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}	

		
h2, #playnav{
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2pt;
    color: #003366;
    font: 12pt "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

#playnav{
	padding: 10pt 0 10pt 0;
	margin: 0 .35in 0 .35in;
	height: 18pt;
}

h2{
    display: inline;
	font-weight:bold;
}

#main {
/*	
	margin: 5px 0 0 0 ;
	text-align: left;
	float: right;
	padding: 15pt 0 15pt 0;

*/	width: 7.5in;
	border-top: thin black solid;
	margin: 0 .35in 0 .35in;
}



/* for headings Assignments, Coaching Tips, Costs. Orange font color */


h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cc6633;
	margin-bottom: 1px;
	margin-top: 0;
	padding-top: .5em;
	font-weight:bold;
	font-size: 14pt;
	page-break-after: avoid;
	}

h3 {
color: #fff;
padding: 5px;
margin: 0 0 5px 0;
font-size: 10pt;
font-weight: bold;
background: #DF6745;
text-align: center;
width: 87px;
}

/* for center aligned search box */

h4 {
font-size: 10pt;
border-bottom: 1px solid #000;
margin-bottom: 0;
text-align: center;
padding: 0 0 0 0;
}

/* blue headings on non-play pages */

h5 {
font-size: 14pt;
color: #003366;
padding: 10px 0 8px 0;
margin: 0;
}


a {
font-weight: bold;
color: #DF6745;
}

a:hover {
color: #DF6745;
text-decoration: none;
} 


/* Structural Sections
-------------------------------*/

#note-area	{
	width: 100%;
	height: 100%;
	margin: 0 auto;

	border-top: thin black solid;
	margin-top: 30pt;
	padding-top: 10pt;
/*	background-image: url(C:\Documents and Settings\HP_Administrator\My Documents\PrinceXML Sandbox\img-hi\notebookpaper.jpg);
	max-height: 500pt;
	background-repeat: repeat;
*/
	page-break-before: avoid;
}

.quote 	{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin-left: 10px;
	text-align: left;
	width: 220px;
	line-height:135%; 
	color:#005B00; 
	padding-bottom:5px;
	font-size: 9pt;
	font-style:oblique;
	
}

.input-box {color: #000000; background: #ffffff; border: #26a solid 1px; font-family:  Arial, Helvetica, sans-serif; font-size:10px}
.submit-button{color: #ffffff; background: #FF5500; padding: .1em; border: 2px #fd7e02 outset; font-family:   Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold} 


/* css from http://www.bernzilla.com/design/tables/table.css */
/* page example is at http://www.bernzilla.com/design/tables/table.html */

.notSoWide {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	padding: 5px;
	background-color: #fff;
	border-right: none; /*1px solid #ddd; */
	border-bottom: none; /* 1px solid #ddd;*/
	width: 220px;
	margin-bottom: 15px;
}

.wider {
	font-family: Trebuchet MS, Arial;
	line-height:200%;
	padding-top: 5px;
	background-color: #fff;
	border-right: none;
	border-bottom: none;
	width: 650px;
	margin-bottom: 15px;
}

.wider .td	{border-bottom: 1px solid #ddd;	}

.table {
	width: 100%;
	border: 1px solid #ddd;
}
.table .th {
	background-color: #ddd;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	height: 25px;
	line-height: 25px;
}
.th	.copytop	{
	font-size: 12px;
}

/*	removed for incompatibility 
.table .tr:nth-child(odd) {
	background-color: #000;
}

.table .tr:last-child {
	line-height: 20px;
}

*/
.table .td {
	float: left;
	width: 98%;
	font-size: 11px;
	padding-left: 2%;
}

.td_dk	{
	background-color:#6E6E6E; 
	padding-top:2px; 
	vertical-align:bottom; 
	text-align:left;  
	text-transform:uppercase; 
	color:#ffffff; 
	font-weight:bold;
}

.td a, .table .td a:link, .table .td a:visited {
	text-decoration:underline;
	color:#000000;
	font-weight:normal;
}

.td a:hover, .table .td a.norollover:hover	{
	text-decoration:none;
	background-color:#ff5500;
}

.td .doublearrow	{
	color:#FF5500; font-weight: bolder; font-size: 12px;}

.td em	{
	font-size: 9px;
}

.tinytext, .tinytext a	{font-size:9px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;  color:#FF0000;  }

/* for TOC table */
.toc_container {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal; 
	font-size:12px; 
	color:black;
	padding: 0px;
	background-color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 98%;
	margin-top: 15px;
}
.toc_table {
	width: 100%;
	border: 1px solid #fff;
}
.toc_th1 {
	float:left;
	background-color: #fff;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	height: 65px;
	line-height: 100%;
	font-size:12px;
	text-align: center;
	width: 65px;
}
.toc_th2	{
	float:left;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	min-height: 55px;
	line-height: 100%;
	font-size:16px;
	text-align: left;
	width: 593px;
	padding-top: 15px;
	padding-left:2px;
}

.toc_th2 p, .toc_th2 li	{	
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal; 
	font-size:12px; 
	color:black;
}

.toc_th2 p {	
	line-height: 100%;
	font-weight: bold;
	padding-top: 10px;
}

.toc_td1 {
	float: left;
	border-bottom: 1px solid #fff;
	min-height: 20px;
	line-height: 140%;
	width: 65px;
	font-size: 12px;
	text-align: center;
	font-weight:normal;
	color: #000000;
	padding: 8px 0 8px 0;
}

.toc_td2 {
	float: left;
	border-bottom: 1px solid #fff;
	min-height: 20px;
	line-height: 140%;
	width: 595px;
	font-size: 12px;
	text-align: left;
	font-weight:normal;
	color: #000000;
	padding: 8px 0 8px 0;
}

.linktotop {font-weight:normal; font-size:10px; color:#ff5500;}

.clearboth {clear:both;}


/* for photo credit table */
/* Play #, Image [110x110], Photographer/Artist, Agency */
.pc_container {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal; 
	font-size:12px; 
	color:black;
	padding: 0px;
	background-color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 98%;
	margin-top: 15px;
}
.pc_table {
	width: 100%;
	border: 1px solid #fff;
}
/* Play # */
.pc_th1 {
	float:left;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	height: 25px;
	line-height: 100%;
	font-size:12px;
	text-align: center;
	width: 40px;
}
/* image */
.pc_th2	{
	float:left;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	height: 25px;
	line-height: 100%;
	font-size:12px;
	text-align: center;
	width: 110px;
}
/* Play title */
.pc_th3	{
	float:left;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	height: 25px;
	line-height: 100%;
	font-size:12px;
	text-align: center;
	width: 160px;

}
/* Photographer/artist online portfolio */
.pc_th4	{
	float:left;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	height: 25px;
	line-height: 100%;
	font-size:12px;
	text-align: center;
	width: 215px;
}
/* agency */
.pc_th5	{
	float:left;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	height: 25px;
	line-height: 100%;
	font-size:12px;
	text-align: center;
	width: 125px;
}

/* Play # */
.pc_td1 {
	float: left;
	border-bottom: 1px solid #ccc;
	height: 113px;
	margin-top:3px;
	line-height: 100%;
	width: 40px;
	font-size: 12px;
	text-align: center;
	font-weight:normal;
	color: #000000;
}
/* image */
.pc_td2 {
	float: left;
	border-bottom: 1px solid #ccc;
	height: 113px;
	margin-top:3px;
	line-height: 110px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
}
/* play title */
.pc_td3 {
	float: left;
	border-bottom: 1px solid #ccc;
	height: 113px;
	margin-top:3px;
	line-height: 100%;
	width: 160px;
	font-size: 12px;
	text-align: left;
	font-weight:normal;
	color: #000000;
	padding-left: 3px;
}
/* Photographer/artist online portfolio */
.pc_td4 {
	float: left;
	border-bottom: 1px solid #ccc;
	height: 113px;
	margin-top:3px;
	line-height: 100%;
	width: 215px;
	font-size: 12px;
	text-align: center;
	font-weight:normal;
	color: #000000;
}
/* agency */
.pc_td5 {
	float: left;
	border-bottom: 1px solid #ccc;
	height: 113px;
	margin-top:3px;
	line-height: 100%;
	width: 125px;
	font-size: 12px;
	text-align: center;
	font-weight:normal;
	color: #000000;
}

/* end table css */



.breakhere	{
		page-break-after: always;
}

#printlink	{
	width: 148px;
	margin-top: 7px;
	font-size:9px; 
	float:right; 
	padding-bottom: 2px;
	text-align:left;
	height: 15px;
	color: #000;
}

/* for What is TREK page to accommodate the larger play number graphic */
#header3 {

width: 523px;
margin: 0;
padding: 0;
color: #003366;
font-size: 12px;
font-weight: bold;
text-align: left;
float: left;
}

	#header3 a {
	margin: 0;
	padding: 0;
	color: #DF6745;
	font-size: 12px;
	}	
	
	#header3 a:hover {
	margin: 0;
	padding: 0;
	color: #DF6745;
	font-size: 12px;
	text-decoration: none;
	}
	
	.return2 {
	margin: 0;
	padding: 0;
	font: 11px/145% Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	}

#play_number {
/*	width: 63px;
	margin: 0 ;
*/	padding-top: 5pt;
	float: right;
/*	display: inline-block;
	vertical-align: text-bottom;
*/
}		



/* for What is TREK page since this graphic is 120x63px */
#play_number_TREK {
	width: 120px;
	margin: 0 25px 0 0;
	padding: 0;
	float: right;
	vertical-align: text-bottom;
	float:right;
}	



/* all Play pages */	
#contentfull {
	margin: auto 0;
	padding: 10pt 0 0 0;
	float: left;
/*	background: #fff;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;

}

#contentfull em {
	text-decoration:underline;
}

#contentfull p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		}

#contentfull ul {
		margin: 0 0 1em 25px;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		page-break-inside:avoid;
		}
		
#contentfull ol {
		margin: 0 0 1em 25px;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		page-break-inside:avoid;
		}

#contentfull li {
		margin: 0 0 0px 0px;
		padding: 0;
		}		
		
#contentfull a {
		text-decoration: none;
		color: #003366;
		background: url(../img/link.gif) repeat-x left bottom;
		padding: 0 0 1px 0;
}		
								
#contentfull a:active {	
		text-decoration: none;
		color: #FF5500; }
		
#contentfull a:visited {	
		text-decoration: none;
		color: #003366;
		background: url(../img/link.gif) repeat-x left bottom;
		padding: 0 0 1px 0;
}		
					
#contentfull a:hover{	text-decoration: none;
		color: #FFFFFF;
		background-color: #FF5500; }
		
#contentfull a.norollover:hover{	text-decoration: none;
					color: #FFFFFF; background-color: white;}

#contentfull a img{
		border: none !important;
}		
								
#contentfull a:active img{	
		text-decoration: none;
		color: #ffffff; }
		
#contentfull a:visited img{	
		text-decoration: none;
		color: #ffffff;
		background: none;
		padding: 0;
}		
					
#contentfull a:hover img{	text-decoration: none;
		color: #FFFFFF;
		background-color: #ffffff; }
		
#contentfull a.norollover:hover img{	text-decoration: none;
					color: #FFFFFF; background-color: white;}

#

/* TOC page content */
#contentfull_toc {
	width: 675px;
	margin: 0px 0 0 0;
	padding: 10px 0 30px 0;
	float: left;
	background: #fff;
	border-top: 1px solid #000 ;

}

#contentfull_toc p {
		font-family: Trebuchet MS;
		font-size: 9pt;
		}

#contentfull_toc ul {
		margin: 0 0 1em 25px;
		padding: 0;
		font-family: Trebuchet MS;
		font-size: 9pt;
		}
		
#contentfull_toc ol {
		margin: 0 0 1em 25px;
		padding: 0;
		font-family: Trebuchet MS;
		font-size: 9pt;		}

#contentfull_toc li {
		margin: 0 0 0px 0px;
		padding: 0;
		}		
		
#contentfull_toc a {
		text-decoration: none;
		color: #003366;
}		
								
#contentfull_toc a:active {	
		text-decoration: none;
		color: #FF5500; }
		
#contentfull_toc a:visited {	
		text-decoration: none;
		color: #003366;
}		
					
#contentfull_toc a:hover{	text-decoration: none;
		color: #FFFFFF;
		background-color: #FF5500; }
		
#contentfull_toc a.norollover:hover{	text-decoration: none;
					color: #FFFFFF; background-color: white;}

#contentfull_toc a img{
		border: none !important;
}		
								
#contentfull_toc a:active img{	
		text-decoration: none;
		color: #ffffff; }
		
#contentfull_toc a:visited img{	
		text-decoration: none;
		color: #ffffff;
		background: none;
		padding: 0;
}		
					
#contentfull_toc a:hover img{
		text-decoration: none;
		color: #FFFFFF;
		background-color: #ffffff; }
		
#contentfull_toc a.norollover:hover img{
		text-decoration: none;
		color: #FFFFFF; 
		background-color: white;}

/* end TOC contentfull */



				
#contentfull .playimage{
	display:inline;
}

#usewhenbox {
		background:#d7d4d4; 
		margin-top: 10pt;
		padding: 10pt;
		font-weight:bold; 
		font-size:16pt; 
		font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
		line-height:13pt; }
		
#usewhenbox p.boxfont, #usewhenbox .boxfont {
		font-weight:500; 
		font-size:12pt; 
		line-height: 1.4;		
		font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; 

		}

/* main page content */		
p {
margin-bottom: 1em; 
margin-top: 0em;

}

#costsection	{
	width: 500px;
	float: left;
}

#contentfull .subhead, #contentfull .subhead p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bolder;

}
		

div.vendorref, div.vendorref img {
	float:right;
	width: 150px;
}

#smalltext {
	font-size: 10pt;
	margin-left:20px;
	font-weight: bolder;
	float:right;
	width:145px;
}


#spacer {

margin: 0;
padding: 0;
}

#footer {

margin: 10px 0 0 0;
padding: 8px 0 20px 0;

clear: both;
font-size: 10px;
text-align: center;
}
	
span.highlight {
	background-color:#FFFF99;
	}
		




/* ----print and no-print---- */


/* Show this stuff on the web page, but hide it from the print */
.hidden, .noprint, #toc, #footer, #smalltext, #nav_links, #forminput-search, #search_play, div.vendorref, div.vendorref, #printlink, #menu, #search-box, #printpage, #endorse, #buzz 	{
	display: none !important;
}