/* override allianz styles here */

@import url('AllianzWebs.css');
@import url('nav.css');

body {
	font-size: 68.8%;
	background-color: #fff;
}

/*reset the menus*/
menu {
	margin: 0;
	Padding: 0;
}

.container {
	background-image: url('../images/watermarkbackground.jpg');
	background-repeat: no-repeat;
	background-position: -3px 0;
}

a {
	color: #000;
}

a:hover {
	text-decoration: underline;
}

#ffic-logo {
  position: absolute;
  top: 11px;
  z-index: 1;
}


div#siteTitle {
	position: relative;
}

#site-name {
	display: block;
}

/** handle the service mark display so it works cross-browser
  * Reference: http://www.imarc.net/communique/82-the_servicemark_sm_and_the_web#comment2793
  */
.service-mark {
	font-family: "Lucida Sans Unicode";
	font-weight: normal;
	font-size: 8px;
}
#site-name .service-mark {
	position: absolute;
	top: 3px;
}

.registered-symbol {
	vertical-align: super;
	font-size: xx-small;
	line-height: 0;
}

.toolbar, .admin {display: none !important;}

/* ----- rightCol (extends grid_1) ----- */
#rightCol {
float: right !important; 		/* must be !important to override default grid float:left */
	margin-right: 0 !important;	/*.omega*/
	display:inline;				/*.grid_1*/
	float: left;
	position: relative;
	margin-right: 1px;	
	width: 162px;	
}

#content, #Content {
	border-right: 0; 	/*overrides the 2px border in AllianzWeb*/
	width:654px;  		/*.grid_4*/
	display:inline;
	float: left;
	position: relative;
	margin-right: 1px;
	margin-left: 0 !important;	/* alpha */
}

div#article, article {
	width:490px;		/* grid_3 */
	display:inline;
	float: left;
	position: relative;
	margin-left: 1px;
	margin-right: 1px;
	left:164px;	/* push_1 */
}

.content-page {
	background-color: #eee;
}

img#print-header {display:none;}

/*** Font size  overrides ***/
	h3.authorsName {margin-left: 5px;}
	
/*** Don't underline links ***/
	.basic a, .basic a:visited {text-decoration: none !important; color: #138;}
	.basic a:hover, .basic a:active, .basic a:focus {text-decoration: underline !important; color: #138 !important;}

ul.pre, ul.pre li {
	list-style-type: none !important; 
	margin: 5px 0 !important;
	/* remove the indent to allow for a carrot character to be manually inserted */
	text-indent: -10px;
}
.basic li {padding-left: 0 !important; margin-left: 15px !important;}

.basic ul, .basic ol {margin-top: 10px !important;}
.basic p {margin-left: 5px !important; margin-right: 5px !important;}
.basic, .basic p, .basic span, .basic font, .basic ul, .basic li, .basic td {
	font-family:verdana,arial,sans-serif !important;
	font-size:1em !important;
	line-height:1.3 !important;
}

.basic h1 {font-size: 154%; /*~17px*/}
.basic h2 {font-size: 118%; /*~13px*/}

/*** Style the links in the header ***/
ul#crumb li a {
	font-size: 11px;
	color: #4A4B4C;
}

/*** Default sup style ***/
sup, .basic #contentBody #body p sup, #article sup {
    vertical-align: 0; 
    font-size: x-small !important;
    position: relative;
    bottom: 1ex;
}
/*fixes lousy issue in IE that skews line-spacing*/
p.first.has-sup {vertical-align: top;}

/*** Taken from Allianz.com stylesheet ***/
.actionbox h2, .table-wrapper .column-0, .table-wrapper .column-0 font, .table-wrapper .column-0 {
    line-height:1.4em;
    color:#113388;
    font-weight: bold;
}
.actionbox h2 {
	font-size: 13px;
	line-height: 17px;
    margin:7px 10px 10px 5px;
}


li.carrot {
	list-style-type: none !important;
	margin-left: 0 !important;
}
.basic ul li.carrot {
	padding-left: 12px !important;
}

/*** Modules (copies .modules styles from AllianzWebs.css) ***/

.mod {
	margin-bottom: 2px;
}

.mod h1 {
	font-size: 11px;
	line-height:14px;
	margin:5px 0;
	font-weight: bold;
}

.mod p, .mod label{
	font-size: 11px;
	line-height:14px;
}

.mod a.more {
	text-align: right;
	width: 100%;
	margin: -11px 5px 12px 0;
	font-size: 11px;
	line-height:14px;
}

.mod ul li, .module ul li, .mod ol li, .module ol li  {
	list-style: none;
	background-image: url(../images/allianz/arrow_lightblue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.mod p.intro{margin-bottom: 5px;}
.mod p.summary {margin-top: 5px;}


.mod.tabbed {
	padding: 0 !important;
}

.mod.plain {
	padding: 5px;
	background-color: #dedfe0;
}

.mod.plain h1 {
	color:#4A4B4C;
}

.mod.related {
	padding: 5px;
	background-color: #E5ECF6;
}

.mod.related h1 {
	color: #138;
}


/**
 * These "page" containers use the default FFIC styling and 
 * need extra margin to override AllianzWebs.css 
 */
.module li {
	margin-left: 5px;
}



li a, .content a {
	color: black;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

li a:hover, .content a:hover {
	text-decoration: underline;
}

.content p {
	padding: 0;
	margin: 6px 0 0;
}


.content li a {
	font-weight: bold;
}

.inline {
	display: inline !important; 
}

.content .more-link {
	margin-top: 10px;
}



/*** POLLS ***/

	.poll-option.first {
		margin-top: 15px;
	}

	.poll-option {
		margin: 10px 0;
	}

	.poll label {
	    display: block;
	    padding-left: 15px;
	    text-indent: -17px;
	}

	.poll-option input {
		padding: 0;
	    margin:0;
		width: 13px;
	    height: 13px;
	}

	.poll-percentage {
		background-color: #138;
	}


/*** Cobranding ***/
	#association-logo, #cobrand-logo, #banner-logo {
		margin-top: 15px;
	}

/*** Style the "callouts" from the embedded tables ***/
	
	.table-wrapper .column-0 font {display: block;}
	
	.table-wrapper {
		padding-bottom: 0; /*1px;*/
		width: 652px;
		margin: 12px 0 12px -162px;
		zoom: 1;
		position: relative;
	}
	
	.table-wrapper table {
		width: 100%;
		border: none !important;
	}
	
	/* Hide any table borders added through iCustomer */
	.table-wrapper table {
		border-top: 0 solid #eee !important; 
		border-right: 0 solid #eee !important;
	} 
	.table-wrapper td {
		border-bottom: 0 solid #eee !important;
		border-left: 0 solid #eee !important;
		vertical-align: top;
		padding: 9px 7px;
	}
	
	.table-wrapper td.column-0, td.callout-title {
		width: 148px;
		vertical-align: top;
	}
	td.causes-of-loss-title {
		width: 162px;
		vertical-align: top;
	}
	
	td.callout-title {
		padding: 11px 10px !important;
		background: transparent url(../images/point.gif) repeat-x scroll left top;
	}
	
	col.callout-title, col.causes-of-loss-title {
		width: 162px;
		*width: 148px;  /* IE width hack */
	}
	
	.table-wrapper td font, .table-wrapper td p, .table-wrapper td, .table-wrapper td a {
		font: 1em/1.3em Verdana,Geneva,Arial,Helvetica,sans-serif;
		color: #138;
	}
	
	/* Don't inherit the paragraph styling from the main sections, iCustomer ois inconsistent in where they are used */
	.table-wrapper td p {margin: 0 !important;}
	
	.table-wrapper td.column-1, .callout-content {
		background: transparent url(../images/point_linkmodul.gif) repeat-x scroll top left;
	}
	
	.table-wrapper td.column-1 font {
		color: #113388 !important;
	}
	
	.table-wrapper td h2 {
		margin-left: 0 !important;
	}
	
	
	.callout-wrapper {
		background: transparent url(../images/point_linkmodul_1px_y.gif) no-repeat scroll left bottom;
	}
	table.callout {
		background: transparent url(../images/bg_linkmodul.gif) repeat-y scroll left top;
	}
	table.callout td {
		height: 60px;
	} 
	
	td.causes-of-loss-title {
		padding: 0 !important;
	}
	td.causes-of-loss-content {
		padding-top: 0 !important;
	}
	td.causes-of-loss-title img.embedded{
		margin: 0;
	}

	/* Exceptions for the "special alert" callout tables */
	.callout.special-alert {
		background-color: #B14911 !important;
	}

	.callout.special-alert .callout-title h2 {
		color: #fff;
	}


/*** Advanced, Multiple-column checklists ***/
	table.checklist-multiple thead th {
		font-weight: bold;
	}

	table.checklist-multiple tbody td.checkbox {
		background: url('../images/icons/checkbox-unchecked.png') no-repeat center 9px;
	}

	table.checklist-multiple tbody td {
		width: 480px;
	}

	table.checklist-multiple tbody td.checkbox {
		width: auto !important;
		text-align: center;
	}
	
	.table-wrapper .checklist-multiple td font, 
	.table-wrapper .checklist-multiple td p, 
	.table-wrapper .checklist-multipletd, 
	.table-wrapper .checklist-multiple td a {
		color: #000; /* override text color to be black*/
	}


/*** Simple Checklists ***/
	.basic .checklist li, 
	.basic li.checklist {
		background-repeat: no-repeat;
		margin-left: 0 !important;
		padding-left: 20px !important;
		list-style-type: none;
		line-height: 20px
	}

	.basic .checklist-checks li,
	.basic  li.checklist-checks {
		background-image: url(../images/icons/icon_check.png);
	}

	.basic .checklist-boxes li,
	.basic li.checklist-boxes {
		background-image: url(../images/icons/checkbox-unchecked.png);
	}


/*** Links embedded within an article body ***/
	
	img.embedded {
		margin-right: 5px;
	}

	img.align-left {
		float: left;
	}

	img.align-right {
		float: right;
		margin-left: 5px;
		margin-right: 0;
	}
	
	
/*** The "Your Comments" section on the feature article page ***/
	#your-comments {
		margin-left: -162px; 
		width: 140px;
		float: left; 
		padding: 10px 10px; 
		background-color: #B14911;  
		margin-top: 253px; 
	}
	
	#your-comments a {
		font-size: 13px !important;
		line-height: 17px !important; 
		color: #fff; 
	}
	
/*** Make the Content Elements smaller font ***/
	.content-element p {font-size: 10px !important;}


/* ----- override the defaults in AllianzWeb.css ----- */
#closer {
	width: inherit;
	margin-left: auto;
}

#closer div.section {
	padding-bottom: 22px;
}

/* add a 30px space between the end of the article and the BACK TO TOP link */
.butTop {
	margin-top: 30px;
}

/* Copied from .basic to style the right side of a callout (it's basically part of the article body) */
#article .table-wrapper .column-1, .callout .right {
	font-size: 13px;
	line-height: 17px;
}


/*** Customize search box in left nav ***/
	.section h3 {margin-left: 0; font-weight: normal;}
	
	select#commID, .search-input {
		width: 148px;
		margin: 3px 0px 3px 0px;
		padding: 1px;
		border: 1px solid black;
		font-size: 11px;
		line-height: 14px;
	}


/*** Sidebars ***/

.leftCol {
	overflow: hidden;
}

.leftCol  h3 {
	font-size: 11px;
	line-height: 14px;
}

#greeting {
	padding: 6px 3px;
}


/*** Paging toolbars ***/
	div#paging-tools
	{
		padding:10px 5px;;
		text-align:right;
	}
	
	ul#paging-links 
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	ul#paging-links li
	{
		display:inline;	
		text-align: center;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	ul#paging-links li a
	{
		font: bold 11px/17px tahoma,verdana,arial;
		color: #448AAE;
		padding:2px 10px;
		border-right: 1px #448AAE solid;	
	}
	
	/*ul#paging-links li a:hover
	{	
		background-color: #F0F5F8;
		border: 1px #448AAE solid;	
	}*/
	
	ul#paging-links li a.active-page
	{
		background-color: #448AAE;
		color: #fff;
	}
	
	ul#paging-links li.inactive
	{
		font: bold 11px/17px tahoma,verdana,arial;
		color: #999;
		padding:2px 10px;
	}
	
	span.page-number-text
	{
		font: bold 12px/17px verdana,arial;
		color: #999;
		display: block;
		margin-bottom: 15px;
	}
	
/*** Moved from Index.css ***/

.separator {
	background-image: url(../images/allianz/dotty.gif);
	background-position: left center;
	background-repeat: repeat-x;
	background-color: #fff;
	clear: both;
	height: 5px;
	border: none;
	margin: 0;
	padding: 0;
}

.basic .separator {
	margin-left: -164px; 
	width: 654px;
	zoom: 1;
	position: relative;
	border-width: 0;
	background-color: Transparent !important;
}

.separator hr {display: none;}

.more-link {
	display: block;
	text-align: right;
}

h1 {
	padding: 0px;
	color: #113388;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}

h2 {
	padding: 0px;
	color: #113388;
	font-size: 17px;
	margin: 0px 0px 5px 0px;
}

h3, .content h3 a {
	color: #113388;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	font-size: 11px;
}

h4 {
	color: #113388;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	font-size: 11px;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	margin-bottom: 5px;
}
	
dl.data {
	font: normal 11px/15px verdana,tahoma,arial;
	color: #000;
}

dl.data dt {
	font-weight:bold;
	display:block;
	float:left; 
	text-align:right;
	margin-right: 5px;
}

dl.data dd {
	text-align:left;
	color: #000;
}

p.footnote {
	font: italic normal 11px/15px verdana, tahoma, arial, sans-serif;
	color: #666;
	padding: 5px 10px;
	margin:5px 5px 0 5px;
}

p.smaller, .smaller p {font-size: 0.9em !important;}

.hide {display:none;}