/* Content CSS, pTools v4/5
* CSS rules for main site content and secondary content
*
* Allianz CMS site
*
*/

/* Homepage */
div#panel { position: relative; z-index: 50; width: 750px; background: rgb(0, 0, 153) url('/images/structural/main_banner_background.jpg') repeat-x top left; border-bottom: solid 2px #19194b;}

#panel div.buysave_home { position: absolute; top: 175px; left: 560px; border: medium none;}

#bContainers { position: relative; width: 100%;}
#bContainers td { width: 50%;}
#bContainers td.left { width: 40%; padding-left: 15px;}
#bContainers td.right { width: 60%;}
#bContainers .mainMessages td { height: 100px; background-color: #fff; border-top: none 3px #19194b; border-bottom: solid 2px #19194b;}

#extraMessages { position: relative; width: 100%;}
#extraMessages td { width: 50%; height: 70px; background-color: #c4d2ed;}
#extraMessages td.left { border-right: solid 1px #fff;}
#extraMessages td.left ul { width: 70%;}
#extraMessages td.right ul { width: 60%;}

/* Content Boxes */
.content { position: relative;}
.contentLeft { position: relative; float: left; width: 470px;}
.contentPadding h1 { position: relative;/*	width: 490px;*/}
.contentRight { position: relative; float: left; left: 30px; top: 0; width: 180px;}
html>body .contentRight {/*	left: 530px;*/}

/* Backward compatibility */
.mainContent { position: relative; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; color: #000; }
.mainContent td, .mainContent li, .mainContent form, .mainContent p { color: #000;}
.mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6 {font-family: Arial, Helvetica, sans-serif; color: #003;}
.mainContent h1 {width: auto; font-weight: normal;}
.mainContent td, .mainContent li, .mainContent form, .mainContent p, .mainContent b, .mainContent i {}
.mainContent td, .mainContent p {line-height: 1.5em;}
.mainContent li, .mainContent form {line-height: 1.3em;}
.mainContent ul, .mainContent ol { margin: 7px 0px; }
.mainContent ul li { margin: 0; padding: 2px 0 10px 14px; list-style-position: inside; text-indent: -14px;}
.mainContent ol li { margin: 0; padding: 2px 0 10px 16px; list-style-position: inside; text-indent: -16px;}
.mainContent a:link { color: #4795e4; text-decoration: none;}
.mainContent a:visited { color: #4795e4; text-decoration: none;}
.mainContent a:hover, .mainContent a:active { color: #004284; text-decoration: none;}
.mainContent img.right{ text-align: right;}
.mainContent img.left{ float: left;}
/*.mainContent td { margin: 0; padding: 2px; color: #000; font-size: 75%;}*/
.mainContent table caption { display: none;}
.contentPadding { position: relative; padding: 10px 30px 15px 30px;}

/*.mainContent, .mainContent h1, .mainContent .contentLeft, .mainContent .contentRight {border: solid 1px red;}*/
ul.docList { margin: 0; padding: 0; font-size: 90%; list-style-type: none;}
ul.docList p { margin: 0; padding: 5px 0 5px 0; font-size:90%;}
ul.docList li { padding: 10px 2px 2px 2px; color:#000;}
ul.docList li a { font-weight: bold;}

img#printImg { margin-right: 5px; vertical-align: middle;}
img#emailImg { margin-right: 5px; margin-left: 25px; vertical-align: middle;}
img#topImg { margin-right: 5px; margin-left: 25px; vertical-align: middle;}

#productLink { text-align:center; padding:10px;}

.mainContent span {display: block;}
.mainContent span .contentLeft span, .mainContent span .contentRight span, .mainContent span .content span {display: inline;}

/* Related Links */
ul.relatedLinkList, ul.relatedFileList { position: relative; margin: 10px 0 0 0; padding: 0; border: solid 1px #19194b; list-style:none;}
ul.relatedLinkList li, ul.relatedFileList li { padding: 0; border-bottom: solid 1px #fff; text-indent: 0; list-style-position: outside;}
ul.relatedLinkList li.listTitle, ul.relatedFileList li.listTitle { padding: 3px 5px 5px 10px; background-color: #19194b; font-size: 12px; font-weight: bold; line-height: 15px; color: #fff;}
ul.relatedLinkList li.listTitle, ul.relatedLinkList li.last, ul.relatedFileList li.listTitle, ul.relatedFileList li.last { border: none;}
ul.relatedLinkList li a { display: block; width: 100%; padding: 4px 5px 8px 10px; background-color: #f2f8fe; line-height: 13px;}
html>body ul.relatedLinkList li a, html>body ul.relatedFileList li a { width: auto;}
ul.relatedLinkList li a:link, ul.relatedLinkList li a:visited, ul.relatedFileList li a:link, ul.relatedFileList li a:visited { color: #4795e4; text-decoration: none;}
ul.relatedLinkList li a:hover, ul.relatedLinkList li a:active, ul.relatedFileList li a:hover, ul.relatedFileList li a:active { background-color: #c9e3fe; color: #004284; text-decoration: underline;}

ul.relatedFileList {border: solid 1px #c9e3fe;}
ul.relatedFileList li {border-bottom: solid 1px #c9e3fe;}
ul.relatedFileList li.listTitle {background-color: #c9e3fe; line-height: 14px; color: #004284;}
ul.relatedFileList li a { display: block; width: 100%; padding: 3px 5px 6px 10px; background-color: #fff; line-height: 13px;}
ul.relatedFileList li a:hover, ul.relatedFileList li a:active { background-color: #f2f8fe;}
