@import "/Themes/basic/page_style.css";

.styleTrackmapRowElement
{
    border:1px solid #333333;
	padding-top:17px; 
	padding-bottom:10px;
	background-color:#AFAD8F;
}


.main_page_thumbnail
{
	width:40%;
	padding-bottom:20px;
	text-align:right;
}


.main_page_thumbnail div
{
	padding-right:20px;
}


.main_page_entry
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:20px;
	font-size:0.9em;
	line-height:1.3em;
	width:60%;
	vertical-align:top;
	padding-bottom:20px;
}

.main_page_main_title
{
	font-size:150%;
	font-weight:bold;
}

.main_page_sub_title
{
	font-weight:bold;
}

.main_page_subnote
{
	font-size:70%;
}

/* --- MAIN PAGE STYLING START --- */
.main_page_outer_table {
	max-width:900px;
	margin-top:20px;
}

.quick-ref-title {
	font-size:0.8em;
	font-weight:bold;
	padding-top:20px;
}

.quick-ref-table {
	font-weight:normal;
	border: 1px solid #aaa;
	padding:3px;
}

.quick-ref-table ul {
	padding-left:20px;
}

/* really narrow widths (phone portrait) */
/* 560px = 35em */
@media all and (max-width: 35em) {
	.main_page_thumbnail
	{
		width:25%;
		text-align:center;
	}

	.main_page_entry
	{
		width:75%;
		padding-right:0px;
	}
	
	.main_page_outer_table img {
		width:100px;
	}
}
/* --- MAIN PAGE STYLING END --- */


/* there are a lot of pages in the main report of kili 2005.
trim the padding a bit on the nav buttons to make everything fit */
.jal_presentation_button .dijitButtonText
{
	padding-left:3px;
	padding-right:3px;
}

.movie_clip 
{
	border: 1px solid rgb(173, 173, 153);
	background-color: rgb(190, 190, 164);
	font-size:0.9em;
}


.movie_clip_title
{
	color: #EBEBD8;
	font-size: 1.3em;
	padding: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: rgb(160, 160, 139);
}

.movie_clip_description
{
	text-align: right;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-left: 10px;
	font-style:italic;
}

.movie_clip_length
{
	text-align:center;
	font-size:0.8em;
	margin-bottom:20px;
}

.movie_clip_instr_text
{
	text-align:center;
	font-size:0.8em;
}

.my_blockquote
{
	font-size:0.9em;
	margin-left:50px;
	margin-right:50px;
	font-style:italic;
}

.trip_prep_table
{
	width:95%;
	border-right:1px solid #777;
	border-top:1px solid #777;
	margin:20px;
}

.trip_prep_table td
{
	padding: 3px;
	border-left: 0.1em solid #777;
	border-bottom: 0.1em solid #777;
	text-align: left;
}

.trip_prep_table_wide
{
	width:600px;
	border-top:1px solid #777;
	margin-top:10px;
}

.trip_prep_table_wide td
{
	padding: 3px;

	border-bottom: 0.1em solid #777;
	text-align: left;
}


.analysis_table_title
{
	color: #EBEBD8;
	font-size: 1.15em;
	padding: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: rgb(160, 160, 139);
}

.analysis_table
{
	width:580px;
	border: 1px solid rgb(173, 173, 153);
	background-color: rgb(190, 190, 164);
	text-align:left;
}

.analysis_table_small_font
{
	font-size:0.8em !important;
}

.analysis_table td
{
	vertical-align:bottom;
}

.route_table
{

	border: 1px solid rgb(173, 173, 153);
	background-color: rgb(190, 190, 164);
	text-align:left;
	width:65%;

}

.route_table td
{
	vertical-align:bottom;
		font-family:"Courier New", Courier, monospace;
	font-size:0.9em;
	padding-right:15px;
	
}

.focus_on_div
{
	border: 1px solid rgb(173, 173, 153);
	background-color: rgb(190, 190, 164);
	font-size: 0.9em;
	float:right;
	width:250px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.focus_on_title
{
	text-align: center;
	background-color: rgb(160, 160, 139);
	color: #EBEBD8;
	font-size:1.3em;
}

.focus_body
{
	padding:5px;
	font-style:italic;
}

.focus_sub_title
{
	text-align: center;
	color: black;
	font-size: 1.3em;
	margin-bottom: 5px;
}
	   
.presentationTrackmapTitle
{
	color: #EBEBD8;
	font-size: 1.8em;
	padding: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: rgb(160, 160, 139);
	border: 1px solid rgb(173, 173, 153);
	width:573px;
	text-align:left;
	margin-left:9px;
}

/* The next 3 styles are for the bold text headings at the top of each page in the story and focus-on pages */
.presentation_page_heading
{
	margin: auto;
	width: 600px;
}

.presentation_page_heading_p
{
	text-align:center;
}

.presentation_page_heading_big_text
{
	font-size:1.7em; color:#97988E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.presentation_page_heading_small_text
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size:1.2em;
	color:#97988E;
}