/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	Cardif Pinnacle - Support Site
 // Copyright (c) 2010 Cardif Pinnacle Insurance plc.
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/




/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	HTML TAGS
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

a:active
{
	/*background-color						: #D9EFE7;*/
}

em
{
	font-style								: italic;
}

h2
{
	font-size								: 1.75em;
	margin-top								: 10px;
	margin-bottom							: 50px;
}

h2, h3
{
	background								: url("../images/header_bg.gif") no-repeat;
	background-position						: right bottom;
	border-bottom							: 1px solid #009460;
	display									: block;
	padding									: 10px 0;
}

h3
{
	font-size								: 1.15em;
	font-weight								: normal;
	margin-bottom							: 20px;
	padding-top								: 30px;
}

	h3 a:link, h3 a:visited
	{
		border								: none;
		color								: #333;
		font-weight							: normal;
	}
	
	h3 a:hover
	{
		color								: #009460;
	}

h4
{
	font-size								: 0.90em;
	font-weight								: bold;
	padding-top								: 20px;
}

	h4 span, h4 span
	{
		color								: #CC3300;
	}

html, body
{
	background-color						: #FBFBFB;
	height									: 100%;
	font									: normal 100% Arial, Helvetica, Sans, serif, sans-serif;
	height									: 100%;
	margin									: 0;
	padding									: 0;
	width									: 100%;
}

p, address
{
	line-height								: 1.5em;
}

ul, ol
{
	margin									: 0;
}

	ul li, ol li
	{
		background							: url("../images/ul_list_bg.gif") no-repeat;
		background-position					: 0px 6px;
		list-style							: none;
		padding-left						: 20px;
	}

a:link
{
	border-bottom							: 1px solid #009470;
	color									: #009470;
	font-weight								: bold;
	text-decoration							: none;
}

a:visited
{
	color									: #4CB49B;
	font-weight								: bold;
}

a:hover
{
	border-bottom							: 1px dashed white;
	text-decoration							: none;
}


/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	CONTAINER
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

#container_bg
{
	margin									: auto;
	overflow								: auto;
	width									: 100%;
}

#container
{
	background								: white;
	border									: 1px solid #E8E8E8;
	border-top								: none;
	margin									: auto;
	width									: 898px;
}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	CONTENT
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

#content
{
	overflow								: auto;
	padding									: 5px 20px 20px 20px;
	width									: 858px;
}

	/* Reset the ul margins */
	#content .width_574px ul, #content .width_277px ul
	{
		margin								: 0;
	}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	NAVIGATION MENU
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

#menu_bottom_line
{
	background								: url("../images/menu_bottom_line.gif") repeat-x;
	display									: block;
	height									: 11px;
}

#navigation_menu
{
	background								: url("../images/main_menu_bg.png") repeat-x;
	display									: block;
	height									: 30px;
	margin									: -3px 0px 0px 0px;
	padding									: 0;
	text-align								: center;
}

* html #navigation_menu
{
	margin									: 1px 0px 0px 0px;
}

/*
 * There seems to be a bug on IE7 the causes a 1px gap between
 * the main and sub navigation when a mouse cursor is rollovered
 * on the links.
 * 
 * To solve the problem, I've modified the #sub_menu just for IE7.
 */
 
	*:first-child+html #navigation_menu
	{
		margin								: 1px 0px -1px 0px;
	}
	
	:first-child+html #sub_menu
	{
		position							: relative;
		top									: -2px;
	}
	
/* end */

	#navigation_menu li
	{
		background							: url("../images/menu_divider.gif") no-repeat;
		background-position					: right center;
		font-weight							: bold;
		display								: inline;
		list-style							: none;
		margin								: 0px 0px 0px -4px;
		padding								: 7px 14px 7px 19px;
		position							: relative;
		top									: 5px;
	}
	
	* html #navigation_menu li
	{
		margin								: 0;
	}
	
	*:first-child+html #navigation_menu li
	{
		margin								: 0;
	}
	
	/* Styles for the selected menu */
	#navigation_menu li.selected
	{
		background							: url("../images/nav_selected.png") repeat-x;
	}
	
		#navigation_menu li.selected a
		{
			color							: #666;
		}
		
		#navigation_menu li.selected a:hover
		{
			color							: #666;
		}
	/* end */
	
		#navigation_menu li a
		{
			border							: none;
			color							: #A6A6A6;
			text-decoration					: none;
		}
		
		#navigation_menu li a:active
		{
			background						: none;
		}
		
		#navigation_menu li a:hover
		{
			color							: white;
		}
		
/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	SUB-NAVIGATION MENU
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

#sub_menu
{
	background-color						: #EEE;
	margin									: 0;
	padding									: 3px 0;
	text-align								: center;
}

	#sub_menu li
	{
		background							: url("../images/sub_menu_pointer.gif") no-repeat;
		background-position					: left 5px;
		display								: inline;
		list-style							: none;
		padding								: 0px 15px;
	}
	
		#sub_menu li.selected a
		{
			color							: #CC3300;
			font-weight						: bold;
		}
	
		#sub_menu li a
		{
			border							: none;
			color							: #666;
			font-size						: 0.90em;
			font-weight						: normal;
			text-decoration					: none;
		}
		
		#sub_menu li a:active
		{
			background						: none;
		}
		
		#sub_menu li a:hover
		{
			color							: #CC3300;
		}

	/*
	 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
	 //	RIGHT-CONTENT
	 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
	*/
	
	.right_category
	{
		float								: right;
		width								: 234px;
	}
	
		.right_category div.right_category_headers
		{
			background						: url("../images/right_col_bottom.png") no-repeat;
			background-position				: left bottom;
			padding-bottom					: 4px;
		}
		
			.right_category div.right_category_headers h3
			{
				border						: 1px solid #273D5C;
				border-bottom				: none;
				background					: url("../images/right_col_header_bg.gif") repeat-x;
				background-position			: left 0px;
				background-color			: #4469A2;
				color						: white;
				font-size					: 0.80em;
				font-weight					: bold;
				margin-bottom				: 7px;
				padding						: 12px 0px;
				position					: relative;
				text-align					: center;
			}
		
		.right_category p, .right_category address
		{
			padding							: 20px 20px;
		}
		
		.right_category .right_col_bottom_pos
		{
			display							: block;
			margin-top						: -7px;
		}
		
		/* Use this style if the "right category" is accompanied with a paragraph and an unordered list (see "Download a Claim Form" page) */
		.right_category div ul.no_background
		{
			background						: none;
		}
		
		.right_category ul, .right_category div.container
		{
			background						: url("../images/right_col_bg.png") no-repeat;
			background-position				: left top;
			margin							: 0;
		}
		
			.right_category ul li
			{
				background					: url("../images/bullet_arrow.gif") no-repeat;
				background-position			: 15px 6px;
				list-style					: none;
				padding-bottom				: 15px;
				padding-left				: 0px;
				padding-right				: 10px;
			}
			
				.right_category ul li span
				{
					display					: block;
					margin-left				: 35px;
				}


/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	FOOTER
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

#contact_us_width
{
	padding-bottom							: 20px;
	left									: 85px;
	position								: relative;
	width									: 180px;
}

#copyright_width
{
	width									: 350px;
}

	#copyright_width div
	{
		padding-left						: 56px;
	}

	#copyright_width img
	{
		margin-right						: 10px;
	}

#footer
{
	color									: #838383;
	font-size								: 0.88em;
	margin									: auto;
	margin-top								: 20px;
	width									: 898px;
}

	#footer h3.header
	{
		background							: url("../images/footer_category_line.png") no-repeat;
		background-position					: left bottom;
		border								: none;
		font-size							: 0.95em;
		font-weight							: bold;
		padding-top							: 0;
	}

.footer_categories
{
	float									: left;
	margin-right							: 20px;
}

.footer_text_highlight
{
	color									: #666;
}

#navigate_width
{

	left									: 60px;
	position								: relative;
	width									: 255px;
}

	#navigate_width ul
	{
		margin								: 0;
	}
	
		#navigate_width ul li
		{
			background						: none;
			list-style						: none;
			padding							: 5px 0px;
		}
		
		#navigate_width ul li.selected
		{
			background						: url("../images/footer_nav_highlight.png") no-repeat;
			background-position				: left center;
			display							: block;
			height							: 21px;
		}
		
			#navigate_width ul li.selected a
			{
				color						: #FF9A02;
				font-weight					: bold;
				left						: 15px;
				position					: relative;
				top							: 2px;
			}
			
			#navigate_width ul li.selected a:hover
			{
				border						: none;
			}
		
			#navigate_width ul li a
			{
				border						: none;
				color						: #999;
				font-weight					: normal;
				left						: 0px;
				position					: relative;
				text-decoration				: none;
				top							: 2px;
			}
			
			#navigate_width ul li a:hover	
			{
				border-bottom				: 1px dashed #009470;
				color						: #009470;
			}
			
			
/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	FORMS
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

/* 
 * The mark-up <span> is currently set by default as a block element. 
 * Thus, to display an asterisk beside the controller this requires to modify
 * its positioning from "block" to "inline".
 */
.asterisk_error
{
	color									: red;
	display									: inline;
}

/* Temporarily style the errors automatically generated by Zend Frameworks */
.form_layout li .errors
{
	background								: none;
}

.width_574px form
{
	background								: none;
	padding									: 0;
}
		
	/*
	 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
	 //	DOWNLOAD A CLAIM FORM
	 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
	*/
	
	#download_claim_form
	{
		color								: white;
		font-size							: 1.0em;
		font-weight							: bold;
		margin								: auto;
		width								: 520px;
	}
	
		#download_claim_form form
		{
			background						: none;
			padding							: 0;
		}
	
			#download_claim_form form legend
			{
				display						: none;
			}
			
			#download_claim_form form ol
			{
				margin						: 0;
				padding						: 0;
			}
			
			#download_claim_form form label
			{
				margin						: 0px 15px;
			}
			
			/* Adjust the margin of the labels so that the radio buttons doesn't break
			 * to the next line 
			 */
			 
			* html #download_claim_form form label
			{
				margin						: 0px 10px;
			}
			 
			*:first-child+html #download_claim_form form label
			{
				margin						: 0px 10px;
			}
			
			/* Re-position the input fields for IE */
			
			*:first-child+html #download_claim_form form select
			{
				position					: relative;
				top							: 1px;
			}
			
			/* end */
			
			#download_claim_form p
			{
				font-size					: 1.0em;
				font-weight					: bold;
				padding						: 10px 0px;
			}
			
				#download_claim_form p a
				{
					border					: none;
					color					: white;
				}
				
				#download_claim_form p a:hover
				{
					color					: white;
				}
			
			#download_claim_form form select, #download_claim_form form input
			{
				margin-left					: 5px;
			}
			
				#download_claim_form form ol li
				{
					background				: url("../images/dcf_bg.png") repeat-y;
					height					: 1%;
					list-style				: none;
					margin-bottom			: 20px;
					padding					: 0;
				}
				
				#download_claim_form form ol li#dcf_highlight
				{
					background				: url("../images/dcf_highlight_bg.png") repeat-y;
					text-align				: center;
				}
				
					#download_claim_form form ol li#dcf_highlight a:link
					{
						font-size			: 1.35em;
						text-decoration		: underline;
					}
					
					#download_claim_form form ol li#dcf_highlight a:hover
					{
						text-decoration		: none;
					}
				
					#download_claim_form form ol li#dcf_highlight span
					{
						color				: #333;
					}
	
	
/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	CLASSES / IDs
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/

.back_to_top
{
	display									: block;
	overflow								: hidden;
	width									: 100%;
}

	.back_to_top a:link, .back_to_top a:visited
	{
		border								: none;
		font-size							: 0.85em;
		font-weight							: normal;
		text-decoration						: none;
	}
	


.display_block
{
	display									: block;
}

.display_none
{
	position								: absolute;
	top										: -1000px;
}

.error_msg
{
	font-size								: 1.0em;
}

.img_border
{
	border									: 1px solid #CCC;
	float									: left;
	margin									: 10px 20px 15px 0px;
	padding									: 2px;
}

#question, #question-label
{	
	float									: left;
}

.yellow_dashed_border
{
	background-color						: #FFFFCC;
	border									: 1px dashed #FFCC33;
	padding									: 10px;
}

.width_277px
{
	width									: 277px;
}

.width_574px
{
	width									: 574px;
}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 // Table for claims payment history
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 
*/
	
td, th
{
        border                  : 1px solid #00935F;
}
th
{
        background-color        : #00935F;
        color                           : white;
}