/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Generic Styles <<<--------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
	* {
		margin: 0pt;
		padding: 0pt;
	}
	
    body {
		font-size: 100%;
        font-family: georgia, times, serif;
        line-height:1.125em;
		margin: 1em;
		background: #170456 url('/public/images/backtile.gif') top left repeat-x;
		color: #000;
	}
	
    p {
	    font-size: 0.75em; /* 16x0.75=12px */
	    /* margin: 1.286em 0;  14x1.286=18px */
	    line-height:1.428em;
	    margin:0pt 0pt 0.5em;
	    font-family: Arial, Helvetica, sans-serif;
	    word-spacing: -1px;
    }
    
	h1, h2, h3 {
	    font-weight:normal;
	    font-family: georgia, times, serif; 
	}
	
	h1 {
	    font-size: 1.375em; /* 16x1.375=22px */
	    line-height: 1.636em;/* 16x1.636=36px */
	    margin: 0;
	}
	
	h2 {
	    font-size: 1.125em; /* 16x1.125=18px */
	    /*margin:0.25em 0; 18/0.25=4px */
		margin-bottom: 1em;
	}
	
	table {
		border-spacing: 0pt;
	}
	
	tr {
		padding: 0.25em;
		vertical-align: top;	
	}
	
	td {
		padding: 0.25em;
	}
	
	a {
		text-decoration: none;
	}
	
	.clearfix {
	   clear: both;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> default.tpl <<<-----------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */
    .wrapper {
		margin: 0pt auto;
		width: 60em; /* 16x64=1024px */
		border: 0.2em solid #fff;
		background: #fff;
		/*background: url('/public/images/bodytile.gif') repeat-x #fff;*/
		background-position: 0 4em;
    }
	
	#content {
		float: right;
		width: 50em;
		padding-right: 1em;
		padding-bottom: 1em;
	}	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> left.tpl <<<-----------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */	
	#navigation {
	        padding: 0;
	        width: 11em;
			float: left;
			font-size: 0.75em;
			font-family: Arial, Helvetica, sans-serif;
	}
	
	#navigation dl { background-color: #eee; width: 11em;}
	#navigation dl, #navigation dd { margin: 0; }
	#navigation dt { background: #333; color: #FFF; font-size: 1em; padding: 0.5em; margin: 0.5em 0pt 0pt 0pt; }
	#navigation dt a { color: #FFF; text-decoration: none; }
	#navigation dd a { color: #000; text-decoration: none; }
	#navigation dt a:hover { color: #FFF; text-decoration: underline; }
	#navigation dd a:hover { color: #000; text-decoration: underline; }
	#navigation ul { list-style: none; padding: 0em 0em 0em 0em; }
	#navigation ul ul { list-style: none; padding: 0em 0em 0em 0.5em; }
	#navigation ul li { list-style: none; padding: 0em 0em 0em 0.5em; }
	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Header.tpl <<<------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */
	#header {
		background-color: #0063DC;/*#170456 #0063DC */
		padding: 0.5em 1em;
	}
	
	#header h1 {
		display: inline;
		color: white;
		font-size: 1.7em;
		letter-spacing: 0.15em;
	}

	.loginout {
		font-size: 0.75em; /* 16x0.75=12px */
		margin: 0em 0em 0em 0em; 
	}
	
	#header a {
		color: White;
		text-decoration: none;
	}
	
	#header a:hover {
		text-decoration: underline;
	}
	
	#header h1 a:hover {
		text-decoration: none;
	}
	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Footer.tpl <<<------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */

#footer {
	padding: 0.5em 1em;
	/*border: 1px solid #eee;*/
	color: #5870A1;
	font-size: 0.75em;
	text-align: center;
	margin-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

.evenRow {
    }

.oddRow {
        background-color: #EEEEF0;
    }
/*
 * ------------- Flashbox 
*/
    #flashBox {
        margin: 0.5em auto 0 auto;
        width: 30em;
        background-color: #fff;
		/*line-height: 0pt;*/
    }
	
    #flashError {
        margin-top: 0.5em;
        color: #cc0033;
        border: 1px solid #990000;
        padding: 0.5em;
    }
    
    #flashWarning {
        margin-top: 0.5em;
        color: #c60;
        padding: 0.5em;
        border: 1px solid #c60;
    }
    
    #flashNotice {
        margin-top: 0.5em;
        color: green;
        padding: 0.5em;
        border: 1px solid #009933;
    }
    

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> search_form.tpl <<<-------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */

#search_simple {
	border: 1px solid #eee;
	padding: 1em;
}

#search_simple input {
	width: 40em;
}

#search_simple label {
	margin-right: 3em;
}

#search_advanced {
	padding: 1em;
}

#search_advanced label {
	margin-right: 3em;
}

#search_advanced input, #search_advanced select {
	width: 25em;
}

#search_advanced_categories {
	float: right;
	width: 36em;
}

#search_advanced_labels {
	float: left;
}

#search_advanced .publication_name {
	margin-bottom: 1em;
	display: block;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> pagination.tpl <<<--------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */
	
	.pagination { clear: both; font-family: Arial, Helvetica, sans-serif; }
	
	.pagination_container {}
	
	.pagination span, .pagination a { 
		display: block;
		float: left;
		border: 1px solid #ddd;
		margin: 0.25em;
		padding: 0.45em;
		color: #0063DC;
		text-decoration: none;
		font-size: 0.75em;
		color: #aaa;
	}
	
	.pagination a {
		color: #0063DC;
	}
	
	.pagination a:hover {
		background: #0063DC none repeat scroll 0%;
		border-color: #003366;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.pagination .disabled, .pagination .selected {
		border: none;
	}
	
	.pagination .selected {
		color: #000;
		font-weight: bold;
	}
	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> FAQ <<<-------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */	

.faq_question {font-weight: bold; padding: 0.25em;}	
.faq_answer { font-weight: normal; padding: 0.25em; text-indent: 2em; font-size: 0.85em;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> loginWindow <<<-----------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */	

.loginWindow {
	margin-right: 20px; margin-bottom: 8em; 
	border: 1px solid #eee; 
	background: #FFF9D8; padding: 1em;
	width: 24.4375em;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> listing/view listing_detail <<<-------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------  */	
#listing_detail {
    font-family: Arial, Helvetica, sans-serif;
	width: auto;
}


#listing_detail h1 .title {
	text-decoration: underline;
	font-family: georgia, times, serif;
}

.year_established {
	font-family: georgia, times, serif;
	font-size: 0.75em;
}

#listing_detail .actionlinks {
	font-size: 0.85em;
}

.listing_detail_tabular {
width: 49em;
	margin-top: 1em;
	font-size: 0.75em;
}

.listing_detail_tabular span.title {
	font-weight: bold; 
	font-size: 1em; 
}

.listing_detail_tabular table {
	width: 49em;
	border-spacing: 0pt;
	border: 0em;
}

.listing_detail_tabular table td {
	padding: 0.25em;
}

.listing_detail_tabular table.child_table {
	background-color: #FFF9D8;
	border: 5px solid #FFF9D8;
	width: auto;
	border-collapse: collapse;
	margin-left: 1em;
	margin-top: 1em;
}

.child_table td {
	width: 33%;
}

.child_table tr.oddRow {
	background-color: #FFFAE0;
}

.child_table tr.evenRow {
	background-color: #FFFAEE;
}

.listing_detail_tabular td.title {
	border-right: 1px solid #333; 
	margin-left: 0.25em;
	/*width: 19%;*/width: 88px;
	padding-left: 0em;
}

.listing_detail_tabular .child_table td.title {
	border-right: none;
	width: 33%;
}

.listing_detail_tabular .child_table td {
		padding: 0.25em;
		padding-right: 3em;
}
.listing_detail_tabular tr, .listing_detail_tabular td {
	vertical-align: top;
	padding-bottom: 0em;
	padding-top: 0em;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> listing/view sidebar <<<--------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/	

#sidebar {
	float: right; 
	width: 15em; 
	background: #eee; 
	font-size: 0.70em; 
	padding: 1em; 
	margin: 1em 0em 2em 1em; 
	border: 1px solid #999;
	/*display: none;*/
}

#sidebar li {
	overflow: auto;
	margin-bottom: 1em;
}
	
#sidebar ul {
	list-style: none; margin-bottom: 1em;
}

#sidebar h2 {
	font-weight: bold; border-bottom: 1px solid #000; color: #333;
}

#sidebar .item .anchor {
	float: right;
	display: block;
}

.item .name {
	font-weight: bold;
	/*line-height: 0.7em;*/
	float: none !important;
}

.item .description {
	font-size: 0.9em;
	display: block; 
	clear: left;
	margin-top: -0.5em;
}

#sidebar .dates_area {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Non-specific Listing Styles <<<-------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.listing_view_stub {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	margin-top: 2em;
	width: 49em;
}

.listing_view_stub h2 {
	font-weight: bold;
	font-size: 1em;
}

.listing_view_stub table {
	width: 49em;	
}

.listing_view_stub td {
	text-align: left;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Short View <<<------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.short_view {
	padding: 0.5em;
	overflow: auto;
}

.short_view p {
	padding: 0.25em;
}

.short_view .description {
	font-size: 0.9em;
	display: block; 
	clear: left;
	margin-top: 0.25em;
}

.short_view h3 .title, .short_view h3 .title a {
	text-decoration: underline;
	font-family: georgia, times, serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #000;
}

.short_view .url {
	font-size: 0.7em;
	/*display: block; */
	clear: left;
	margin-top: -0.2em;
}

.short_view .full_listing {
	float: right;
	font-size: 0.8em;
	clear: both;
}

.short_view .phone_email {
	width: 25em;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Browse Styles <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.browse {
	display: block;
	margin-bottom: 1em;
	overflow: auto;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Receipt <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#receipt_top, #receipt_bottom {
	width: 97%;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #eee;
	border-spacing: 0pt;
	font-family: Arial, Helvetica, sans-serif;
}

#receipt_top {
	background-color: #FFF9D8;
	padding: 0.25em;
}

#receipt_top td {
	width: 40%;
}

#receipt_bottom td {
	border-right: 2px solid #ccc;
	width: 33%;
}

#receipt_bottom thead td {
	border-right: none;
}

#receipt_bottom .qty {
	width: 10%;
}

#receipt_bottom .total_row {
	text-align: right;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> General Form Styles <<<---------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.required_field_identifier {
        color: RED;
}