/*

things that need to be different in print.css;

	- only article and valuation need to show;
	- #main_container_left and #main_container_right :  background images removed (to remove vertical fading lines;
	- .main_containers width reduced to printable width;
	- .main_tables {width} set to 100%;
	- .main_containers {margin} changed to 5px to push entire content to upper left;
	- .upper_links_cells [from glenboden_logo_table_css.css] (to keep logo, but erase links and search function) display:none ;
	- #left_cell display:none;
	- #main_left_cell display:none;
	- #footer_table display:none;
	- #valuation_table_ad_div display:none;
	- #email_us_ad_div display:none;
	- #related_stories_div display:none;
	- #full_valuation_link_cell display:none; (to remove link to full table at bottom of valuation details);
	- #facebook_icons_div {display:none;}
	
	- article_details_link_div display:none (to remove priority rating, mail link, and show details link);
		- IMPORTANT:  article details are, in print version, by default display:block (see below)
	 	
	- #article_details_div display:block (so that article details can be printed, too);
	

*/

body {
	margin:0;
	margin:0;}

.main_containers  {
	width:935px;
	margin:0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333}

#main_container_left { /* for left vertical border stripe; */
	background-image: url(../../images/bg/border_stripe2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:white;}

#main_container_right { /* for right vertical border stripe; */
	background-image: url(../../images/bg/border_stripe2.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

table { /* repeat font stuff here just in case IE5, to help it a bit (as if I care about IE5!) ; */
	border-collapse:collapse;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

#logo_table {
	height:95px;
	margin:5px auto;
	border-bottom:1px solid #B7B7B7;}

#logo_table td {}

#main_content_table {
	margin:16px auto 5px auto;
	border-bottom:1px solid #E9E9E9}

#main_content_table td {}

#footer_table {
	margin:5px auto 5px auto;
	font-size:11px;}

#footer_table td {}

a {
	color: #284064;
	text-decoration: none;
}

a:hover {color: gray;}

#active_top {color:#990000}

/* ---------------------------------------------------------------------------------------------*/
/* the below (along with the above .main_containers) determine main widths of entire interface; */

.main_tables {width:96%;}

.main_cells { /* all the 3 main outer cells, within .main_tables; see IDs for each of 3, below */
	vertical-align:top;}

#main_left_cell {
	width:18%;
	background-color: #F9F9F9;
}
#main_center_cell {width:55%}
#main_right_cell {width:27%}

.main_nested_tables { /* essentially determines universal "padding" within center content cell; */
	width:90%; 
	margin:0px auto;}

.main_nested_tables td {/*border:1px solid green*/}

/* the above (along with the above .main_containers) determine main widths of entire interface; */
/* ---------------------------------------------------------------------------------------------*/


.right_divs {margin-bottom:7px;}

.right_divs a {font-weight:bold}

.right_divs p {margin:0 0 4px 0; padding:0 0 0 0; line-height:18px;}

#email_us_ad_div {	
	background-color:#FFFFFF; 	
	border: 1px solid #EEEBE8; 	
	padding:8px 11px;}

#join_email_image {
	float:right; 
	margin:0 0 4px 4px;
	width:29px;
	height:32px; 
	border:none;}


#valuation_table_ad_div {	
	background-color:#FFFFFF; 	
	border: 1px solid #EEEBE8; 	
	padding:8px 11px;}

#related_stories_div {	
	/*background-color: #F2F5E2;
	border:1px solid #EEF2D9;*/
	padding:8px 9px 8px 11px;}

#nested_related_stories_table {
	width:100%;
	font-size:11px;}

#nested_related_stories_table td{
	padding: 1px 3px 4px 0px;}



#valuation_div_beside_main_article {
	border-top:1px solid #C1C1C1;
	border-bottom:1px solid #C1C1C1;
	margin-top:3px; 
	margin-bottom:15px; 
	padding-top:11px;
	padding-bottom:7px;}

#nested_valuation_table_beside_main_article {
	width:100%;
	font-size:11px;}

#nested_valuation_table_beside_main_article td {
}

#valuation_table_header_cell {
	font-size:110%; 
	font-weight:bold; 
	text-decoration:underline}

.valuation_table_left_cells {
	font-weight:bold;	
	padding:2px 0px 7px 8px;}

.valuation_table_right_cells {
	padding:2px 0px 7px 8px;}

#full_valuation_link_cell {
	padding-top:10px; 
	text-align:center;
	border-top:1px solid #C1C1C1;}




.article_images {
	margin:0;
	padding:0;
	border:none;
	width:110px;}

.article_image_div {
	float:right; 
	border:1px solid #CCCCCC; 
	margin:4px 0px 6px 13px;
	width:110px;}
	
.other_photos_divs {	
	border:1px solid #CCCCCC; 
	float:right;
	margin:4px 0px 6px 13px;}

.priority_rating_images {
	width:50px;
	height:7px;}


form {margin:0; padding:0; display:inline}

.input_fields {
	border:1px solid #CACACA; 
	background-color:white !important; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%;
	padding:2px 2px;}


h3 { /* article title */
	font-size:14px;
	margin:0 0 7px 0;
	padding:0}

h6 { /* for the main titles of, say, valuation ad table, or join email table; */
	font-size:12px;
	margin:0 0 7px 0;
	padding:0 0 0 0;
	color: #464646;
}







.inner_nested_tables {
	width:100%; 
	margin:0px auto;}

.inner_nested_tables td {/*border:1px solid red*/}



		
/* below, styles for the div on show_article_page.php with priority rating and "show details" link */
#article_details_link_div {
	margin-top:8px;
	margin-bottom:11px;
	border-top:1px solid #C1C1C1;
	border-bottom:1px solid #C1C1C1;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap}
	
#article_details_link_table { 
	width:100%;
	margin:0px auto;
	font-size:11px;}

#article_details_link_table td { 
	/*border:1px solid yellow;*/}


/* below, styles for the div on show_article_page.php with full article "details" */
#article_details_div {
	display:none; 
	background-color: white;
	margin-top:15px; /* these margins to push this div away from content above/below it; */
	margin-bottom:13px;}

#article_details_table { 
	width:100%;		
	font-size:11px;}

#article_details_table td {
	border:1px solid #F7F8F9;}

.article_details_left_cell {
	padding:3px; 
	width:105px; 
	font-weight:bold;
	vertical-align:top;}

.article_details_right_cell {padding:3px;}


#email_to_friend_link {
	background-image: url(../../images/misc/white_email_envelope.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:19px;}

#print_link {
	background-image: url(../../images/misc/printer_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:17px;}


#show_details_link {
	background-image: url(../../images/misc/show_details_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;}

#hide_details_link {
	background-image: url(../../images/misc/show_details_icon_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;}

#facebook_icons_div {display:none;}


.special_bold_title_cell {
	font-weight:bold; 
	font-size:13px;
	padding-bottom:6px;}

.special_message_cell {
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;}

.priority_rating_text {font-weight:bold}




#search_results_table {width:100%;}

#search_results_table td {/*border:1px solid yellow;*/}

.search_results_links_cells {
	padding-top:3px; 
	padding-bottom:6px;}



#text_cell {
	text-align:justify; 
	line-height:19px;}

#text_cell p{ /* defined because from the db, article text comes wrapped with <p> */
	padding:0;
	margin:0 0 8px 0;}

.read_more_priority_cells {
	padding-top:9px; 
	padding-bottom:14px;}

.read_more_priority_cells a {
	font-weight:bold;}

#index_read_more_cell {}

#index_rating_cell {text-align:right;}


.basic_bold_title_cells {
	font-weight:bold; 
	padding-top:5px; 
	padding-bottom:5px;}

.more_articles_links_cells {
	padding-top:4px; 
	padding-bottom:4px;}
	

.divider_cell {border-top: 1px solid #CCCCCC}

.divider_cell_bottom_border {border-bottom: 1px solid #CCCCCC}

#show_hide_details_cell {
	text-align:right;}


h5 { /* right now, for titles on "high_priority_items.php" */
	padding:0;
	margin:0;
	font-size:100%;}

.inline_titles { /* for pages like "high priority items" and "view all," where the title and the teaser should be not broken; */
	font-weight:bold;}


.high_priority_cells {
	line-height:17px; 
	text-align:justify; 
	padding-top:5px; 
	padding-bottom:5px;}

#view_all_links_cell {
	font-weight:bold; 
	padding-top:15px; 
	padding-bottom:16px;}