/* ========================================================= */
/* sub_tt.css                                            */
/* See spe_subsite.css for shared styles                     */
/* ========================================================= */

a, a:visited {
	color: #0845A2;
}
a:hover, a:active {
	color: #B61818;
}
#mcol_basic a:visited, #mcol_wide a:visited {
	color: #3D5577;
}
#lcol_bdy a, #main_menu a {
	text-decoration: none;
}
#lcol_bdy a:hover, #main_menu a:hover {
	text-decoration: underline;
}

/* Main header image */
#header_bg {
	height: 90px;
}
#header_bg img {
	position: absolute;
	top: 4px; 
}
#srch_bar {
	background: url(/spe-site/spe/spe/tt/images/site_images/srch_bg.jpg);
}
#srch_bdy label {
	color: #000000;	
}
.rcol_hdr {
	background: url(/spe-site/spe/spe/tt/images/site_images/rcol_hdr.jpg) no-repeat;
}
.rcol_hdr_tall {
	background: url(/spe-site/spe/spe/tt/images/site_images/rcol_hdr_tall.jpg) no-repeat;
}
/* May be different from H3 below */
.rcol_hdr h3{
	color: #333333;
}
.rcol_box h3, .div_tech .rcol_box h3 {
 font-size: 100%;
 font-weight: bold;
 margin: 0px 0px 0px 1.3em;
 padding: 4px 0px 0px;
 border-style: none;
}
.rcol_bdy p {
	padding: 0px;
	margin: 0em 0em 0.6em 1.3em;
}
/* Default are in main images folder */
#flag {
	background: url(/web/images/flag_bg.jpg);
}
#flag_ftr {
	background: url(/web/images/flag_ftr.jpg) no-repeat;
}
h1, .color_h1 {
	color: #CE1F2C;
}
h2, .color_h2 {
	color: #333333;
}
h3, .color_h3 {
	color: #F05B0A;
}

#sub_content ul {
    list-style: url(/spe-site/spe/spe/tt/images/site_images/raquote7x12b.gif);
}


/* Login at top ============================= */
/* Select color for text and links, plus the hover color; position the text by dragging the div in design view */
/* It will help to turn off visual aids (View - Visual Aids - Hide All ) when positioning */
#login_links {
	color: #000000;
	width: 210px;
	position: relative;
	left: 760px;
	top: 7px;	
}
#login_links ul li {
	border-left: 1px solid #333333;
}
#login_links a {
	color: #000000;
}
#login_links a:hover {
	text-decoration: underline;
	background: #FFCC66;
}

/* Add subsite-specific styles here */
.notice_box {
	margin: 0px 194px 15px 10px;
	padding: 0px 5px 10px;
	border: 2px solid #A6A6A6;
	text-align: center;
}
.notice {
	font-weight: bold;
	color: #FF0000;	
}
/*===================================================*/
/* Special styles for TOC pages  */
/*===================================================*/

/* Not sure #toc_top is being used in T&T */
/*
#toc h1, #toc_top h1 {
	font-size: 150%;
	margin-bottom: 3px;
	margin-top: 0px;
	clear: left;
	padding-top: 12px;
}
*/
#toc h2, #toc_top h2 {
	font-size: 120%;
	margin: 15px 0px 3px;
}
#toc h3, #toc_top h3 {
	font-size: 110%;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 3px;
}
#toc a,
#toc a:hover,
#toc a:visited,
#toc_top a,
#toc_top a:hover 
#toc_top a:visited,
#toc_top.h2 a,
#toc_top.h2 a:visited {
/*	font-size: 12px;  
	font-weight: bold;  
	margin-top: 6px;
	margin-bottom: 2px;
	color: #333333;	*/
	text-decoration: underline
}
/* #div_toc_top added to whole toc by documentum? No - it's the first section */

#div_toc_top h2 {
	margin-top: 0px;
}

#toc #div_issue_vol {
	margin-bottom: 15px;
	font-size: 115%;
	font-weight: bold;
	color: #F05B0A;
}
/* For basic pages */
#div_issue_vol {
	font-weight: bold;
	color: #F05B0A;
	margin: 0px;
	text-align: right;
	height: 22px;
}

p#p_year {
	float: left;
	margin: 0px;
}
p#p_vol {
	float: right;
	margin: 0px;	
}

#div_pg_sponsor {
	float: left;
	font-size: 95%;
}
#div_pg_sponsor img {
	float: left;
	padding: 0px 10px 5px 0px;	
}

/* JPT only? */
#div_on_cover {
	font-size: 95%;
	margin: 0px 0px 0px;
}
#div_on_cover img {
	float: right;
	padding-bottom: 5px;
	padding-left: 10px;
}
/*==============================================================*/
/* Styles for inside pages */
/*==============================================================*/
/* DAL 1 Oct 06 - moved #div_issue_vol here for basic pages, put old def under #toc #div_issue_vol above */


/* DAL 1 Oct 06 - clear left due to above addition */

#sect_head  {
	font-size: 120%;
	font-weight: bold;
	color: #364862;
	padding: 3px 5px;
	clear: left;
/*	background: #FADF94;  */
	margin: 0px 0px 5px;
	vertical-align: top;
	border-bottom-style: solid;
	border-bottom-color: #AEAFB6;
	border-bottom-width: 1px;
}

/* Begin text boxes */
/* Colors only here - rest is in subsites.css */
/* Div in body - no p by default */
.bio_box {
	background: #DEEAFB;
}
/* DM field for author bio */
div#author_bio {
	background-color: #F9C9A5;
}
/* Div in body - no p by default */
.notes_box {
	background: #FADF94;
}
/* DM field for editor notes - should be ID but is class at the moment 23 Jan 07*/
div#notes, div.notes {
	background: #FADF94;
}
/* Div in body - no p by default */
.div_callout {
	background: #E6EDF8;
}
div.alert_box {
	background: #CCCCCC;
}
div#alert {
	background: #CCCCCC;
}
/* End text boxes */

/* Nav pages ======================================================*/
.navpg {
}
.navpg #sub_content a {
	font-size: 100%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
	text-decoration: underline
}
.navpg #sect_head {
	margin-bottom: 1.5em;
}
.navpg div#notes, .navpg div.notes {
	margin-top: 1.5em;
}
/* Archive pages ======================================================*/
#archives  {
}
#archives p {
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 20px;
}
#archives h2 {
	color: #CE1F2C;
	margin-left: 5px;
	border-top-style: none;
	margin-bottom: 15px;
}


/* Footer  ==================================================== */
#p_pub_spe {
	font-size: 12px;
	color: #CE1F2C;
	text-align: right;
	float: right;
	padding: 10px 12px 0px 0px;
	margin: 0px;
}
#div_tt_ftr_links {
	padding: 5px 0px;
	margin: 0px 50px;
	font-size: 11px;
}
#div_tt_ftr_links ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 
#div_tt_ftr_links ul li {
	margin-left: 0;
	padding: 3px 13px;
	border-left: 1px solid #A6A6A6;
	list-style: none;
	display: inline;
}
#div_tt_ftr_links ul li.li_link_first {
	border-left: none;
}