﻿/*-----Elements-----*/
*
{
    padding: 0px;
    margin: 0px;
}

a
{
    color: #8c0d05;
}

a:hover
{
    color: #fdbb31;
}

body
{
    font-family: Verdana;
    font-size: 10pt;
    background-color: #333;
}

img
{
    border-style: none;
}

.pointer, .marquee {
	color: red !important;
	width: 950px !important;
}

/*-----IDs-----*/
#announcementContent
{
	background-color: #eee;
	border-bottom: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}
#bookmark
{
	height: 35px;
	text-align: right;
	vertical-align: top;
}
#bookmark a
{
	font-size: 8pt;
	text-decoration: none;
}
#chooseFund
{
	font-size: 12pt;
	font-weight: 800;
	text-align: center;
}
#chooseFundText
{
	font-size: 9pt;
	font-weight: 600;
	padding-top: 5px;
	text-align: center;
}
#companyInfoHome
{
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}
#companyInfoHome p
{
	padding-bottom: 10px;
}
#companyInfoTitle
{
	font-size: 11pt;
	font-weight: 800;
	text-align: center;
}
#container
{
	width: 950px;
}
#container > tbody > tr > td
{
    padding-right:10px;
}
#divFeedback p
{
	padding: 5px;
	text-align: center;
}
#dropDownsWrapper
{
	margin-left: 0px;
	margin-top: 15px;
}
#eobDialog
{
    border:none;
}
#eobDialog iframe
{
    border:none;
}
#footer
{
	font-size: 8pt;
}
#htpBox
{
	border: solid 1px #8c0d05;
	margin-top: 10px;
	width: 192px;
}
#htpBoxContent
{
	font-size: 9pt;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#htpBoxContent p
{
	padding-top: 10px;
}
#htpBoxTitle
{
	background-color: #8c0d05;
	color: #fff;
	text-align: center;
}
#iframeHTP
{
	overflow: hidden;
}
#leadersTable
{
	width: 100%;
}
#leftHalfPension
{
	vertical-align: top;
}
#leftHalfTrustFund
{
	vertical-align: top;
}
#leftNav
{
	margin-top: 15px;
	width: 202px;
}
#leftPageContent
{
	vertical-align: top;
    width: 28%;
}
#links
{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}
#links p
{
	padding-bottom: 10px;
}
#locationInfoDiv
{
	margin-top: 15px;
}
#logo
{
	width: 202px;
}
#map
{
	font-size: 10pt;
	font-weight: normal;
	margin-left: 5px;
	position: relative;
	z-index: 0;
}
#mapContainer
{
	font-size: 10pt;
	font-weight: 800;
	margin-top: 5px;
	padding: 16px;
}
#nav
{
	vertical-align: top;
}
#nav table
{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0 20px;
}
#nav table td
{
    vertical-align:middle;
}
#navLinks
{
	background-image: url("../images/navbar/navbar.png");
	background-repeat: no-repeat;
	height: 18px;
	list-style-type: none;
	padding: 8px;
}
#navLinks li
{
	float: left;
}
#navLinks li a
{
	color: Navy;
	display: block;
	font-size: 9pt;
	font-weight: 800;
	padding-left: 5px;
	text-decoration: none;
	width: 100px;
}
#navLinks li a:hover
{
	color: #8c0d05;
	text-decoration: underline;
}
#pageLoading
{
	text-align: center;
}
#pageLoading img
{
	margin-top: 15px;
}
#participantDesc
{
	font-weight: 600;
	padding: 10px;
}
#participantsRightSideContent
{
	vertical-align: top;
	width: 40%;
}
#pensionRightSideContent
{
	text-align: center;
	vertical-align: top;
	width: 40%;
}
#pensionRightSideContent > img
{
	margin-bottom: 15px;
	margin-top: 15px;
}
#pensionSectionMiddle
{
	padding-left: 15px;
	vertical-align: top;
}
#pensionSectionMiddle table
{
	width: 100%;
}
#rightHalfTrustFund
{
	vertical-align: top;
	width:30%;
}

#rightSideContent table
{
	margin-top: 10px;
}
.sectionBox > table > tbody > tr > td
{
    padding-right:15px;
}
#tdDropDowns
{
	vertical-align: bottom;
}
#tdServices
{
	padding: 15px;
}
#tdServices table
{
	border-collapse: collapse;
	border-spacing: 0;
	border-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#tdServices table td
{
	padding: 3px;
}
#tdServices ul
{
	font-size: 9pt;
	padding-left: 20px;
}
#trustFundSectionMiddle
{
	padding-left: 10px;
	vertical-align: top;
}
#trustFundSectionMiddle table
{
	width: 100%;
}

/*-----Classes-----*/

.ui-accordion .ui-accordion-header{
     display: block;  
     padding: 6px 6px 6px 25px;
     text-decoration: none;
     font-size: 10pt;
}
.ui-accordion .ui-accordion-content a{
    color: #8c0d05;
}
.ui-accordion .ui-accordion-header:hover{
    color:#000000;
}
.ui-accordion-header span{
    display: block;
    float: left;
    padding-right:2.5px;
}
.ui-accordion .ui-accordion-content{
    padding: 2.5px;
    font-size: 8pt;
}
.accordionList
{
	font-size: 9pt;
	list-style-image: url("../images/icons/arrowBullet.png");
	padding-left: 22px;
}
.accordionList li
{
	margin-bottom: 5px;
	margin-top: 5px;
}
.basicBold
{
	font-weight: 800;
}
.basicList
{
	font-size: 9pt;
	list-style-type: none;
	margin-left: 10px;
}
.basicList li
{
	padding: 2.5px;
}
.center
{
	text-align: center;
}
.centeredTitle
{
	font-size: 11pt;
	font-weight: 800;
	text-align: center;
}
.clientBox
{
	background-color: #eee;
	border: solid 2px #8c0d05;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 192px;
}
.clientBoxTitle
{
	background-color: #8c0d05;
	color: #fff;
	font-weight: 800;
	text-align: center;
}
.clientList
{
	font-size: 9pt;
	list-style-image: url("../images/icons/arrowBullet.png");
	padding-left: 22px;
}
.clientList li
{
	margin-bottom: 5px;
	margin-top: 5px;
}
.clientListGroupTitle
{
	background-color: #fdbb31;
	border-bottom: solid 1px #8c0d05;
	border-top: solid 1px #8c0d05;
	font-size: 8pt;
	font-weight: 800;
	text-align: center;
}
.collage
{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 35px;
}
.collage img
{
	margin: 0 auto;
}
.corporateInfoSectionHeader
{
	background-color: #8c0d05;
	border: solid 1px #000;
	color: #fff;
}
.corporateOwnerInfo td
{
	padding: 15px;
}
.corporateOwnerJobDesc
{
	margin-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	text-indent: 2em;
}
.corporateOwnerNameTitle
{
	text-align: center;
	vertical-align: top;
}
.corporateOwnerNameTitle ul
{
	padding-left: 15px;
	padding-right: 15px;
}
.corporatePic
{
	vertical-align: middle;
}
.corporatePics
{
	text-align: center;
}
.dialog
{
    display:none;
}
.disclaimer
{
	font-size: 8pt;
}
.docImage
{
	margin-right: 5px;
}
.dropContainer
{
	margin-top: 2.5px;
}
.dropContent a
{
    text-decoration:none;
}
.dropDownImage
{
	margin-right: 5px;
}
.dropGroupTitle
{
	font-size: 10pt;
	font-weight: 800;
	text-decoration: none;
	color:#000;
}
.dropLink
{
	text-decoration: none;
}
.dropLinkTable td
{
    vertical-align: top;
}
.dropQuestion
{
	font-weight:800;
}
.locationBox
{
	margin-top: 15px;
	width: 168px;
}
.mexicoPPOHomepage
{
	padding: 5px;
}
.mmb
{
	background-color: #fff;
}
.mainMenuButton
{
    width:100px;
}
.navButton
{
	height: 31px;
	width: 78px;
}
.newSpan
{
	color: Red;
	font-size: 7pt;
}
.ownerComments
{
	font-style: oblique;
	padding-top: 50px;
	text-align: center;
}
.popupDiv
{
	display: none;
	margin: 0;
	padding: 0;
}
.providerList
{
	border: outset 2px #000;
	margin-top: 15px;
}
.providerList
{
	border-spacing: 0px;
}
.providerList td
{
	padding: 5px;
}
.rBoxTitle
{
	font-weight: 800;
	font-size:11pt;
	text-align:center;
}
.sectionList
{
	font-size: 9pt;
	list-style-type: none;
	padding: 2.5px;
}
.sectionList a
{
	text-decoration:none;
}

.sectionList a:hover
{
    color: #fdbb31;
}
.sectionList li
{
	padding: 2.5px;
}
.sectionTitle
{
	font-size: 13pt;
	font-weight: 800;
	padding-bottom: 15px;
	text-align: center;
}
.serviceSectionTitle
{
	color: #8c0d05;
	font-weight: 800;
}

table.providerList td
{
	border: inset 1px #000;
}
table.providerList th
{
	border: inset 1px #000;
}

a.mainMenuButton{
    display: block;
    padding: 7px 20px 7px 20px;
    text-decoration: none;
    border: none;
    height: 18px;
    vertical-align:middle;
    text-align:center;
}
a.mainMenuButton:hover{
    color: #000000;
}

/*------------------Rounded Corners on tables CSS below-----------------------
------------------------------------------------------------------------------
----------------------------------USAGE---------------------------------------
<table class="tblRoundCorners">
    <tbody>
    <tr>
        <td class="tlb"></td>
        <td class="tmb"></td>
        <td class="trb"></td>
    </tr>
    <tr>
        <td class="mlb"></td>
        <td class="mmb">
            <p>
                Body
            </p>
        </td>
        <td class="mrb"></td>
    </tr>
    <tr>
        <td class="blb"></td>
        <td class="bmb">
            <p>Footer</p>
        </td>
        <td class="brb"></td>
        <td></td>
    </tr>
    </tbody>
</table>
------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.bl
{
	background-image: url("../images/rbox/bl.png");
	background-position: right top;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.blb
{
	background-image: url("../images/rbox/blb.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 20px;
}
.bm
{
	background-image: url("../images/rbox/bm.png");
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
}
.bmb
{
	background-image: url("../images/rbox/bmb.png");
	background-repeat: repeat-x;
	height: 30px;
	vertical-align: middle;
}
.br
{
	background-image: url("../images/rbox/br.png");
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.brb
{
	background-image: url("../images/rbox/brb.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 20px;
}
.gbl
{
	background-image: url("../images/grayRBox/bl.png");
	background-position: right top;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.gblb
{
	background-image: url("../images/grayRBox/blb.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 20px;
}
.gbm
{
	background-image: url("../images/grayRBox/bm.png");
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
}
.gbmb
{
	background-image: url("../images/grayRBox/bmb.png");
	background-repeat: repeat-x;
	height: 30px;
	vertical-align: middle;
}
.gbr
{
	background-image: url("../images/grayRBox/br.png");
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.gbrb
{
	background-image: url("../images/grayRBox/brb.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 20px;
}
.gmlb
{
	background-image: url("../images/grayRBox/mlb.png");
	background-repeat: repeat-y;
	width: 20px;
}
.gmmb
{
	background-image: url("../images/grayRBox/mmb.png");
	background-repeat: repeat;
	height: auto;
	width: auto;
}
.gmrb
{
	background-image: url("../images/grayRBox/mrb.png");
	background-repeat: repeat-y;
	width: 20px;
}
.gtlb
{
	background-image: url("../images/grayRBox/tlb.png");
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.gtlb img
{
	width: 20px;
}
.gtmb
{
	background-image: url("../images/grayRBox/tmb.png");
	background-repeat: repeat-x;
	height: 20px;
}
.gtrb
{
	background-image: url("../images/grayRBox/trb.png");
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.gtrb img
{
	width: 20px;
}
.mlb
{
	background-image: url("../images/rbox/mlb.png");
	background-repeat: repeat-y;
	width: 20px;
}
.mmb
{
	background-image: url("../images/rbox/mmb.png");
	background-repeat: repeat;
	height: auto;
	width: auto;
}
.mrb
{
	background-image: url("../images/rbox/mrb.png");
	background-repeat: repeat-y;
	width: 20px;
}
.tblRoundCorners
{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0 auto;
	padding: 0px;
}
.tlb
{
	background-image: url("../images/rbox/tlb.png");
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.tlb img
{
	width: 20px;
}
.tmb
{
	background-image: url("../images/rbox/tmb.png");
	background-repeat: repeat-x;
	height: 20px;
}
.trb
{
	background-image: url("../images/rbox/trb.png");
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.trb img
{
	width: 20px;
}
