﻿

body { font-family: Verdana; }
#mainNav { float: left; width: 950px; overflow: hidden; background: #ffffff; font-size: 11pt; padding: 5px 0 0 5px; font-family: Verdana; height: 36px; }
#mainNav ul { border-left: solid 1px #bfbfbf; margin: 0px; padding: 0px; float: left; list-style: none; /*text-transform: uppercase;*/ background: #ffffff url(../../Images/offstate_btn_background.gif) repeat-x; }
#mainNav ul li { float: left; border-right: #bfbfbf solid 1px; }
#mainNav ul a { padding: 0 1em; line-height: 2.1em; text-decoration: none; color: #333333; float: left; display: block; height: 36px; }
#mainNav ul a:hover { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; height: 36px; text-decoration: none; float: left; display: block; }
#mainNav .text { float: right; padding-right: 11px; font-family: Verdana; padding-top: 10px; text-align: right; background: #ffffff url(../../Images/offstate_btn_background.gif) repeat-x; height: 36px; }
#myaquos { }

div#myaquos { width: 100%; }

div#myaquos #t-myaquos a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; height: 36px; border-right-width: 2px; }
#myaquos .myaquos_content { width: 950px; height: 100%; }

#myaqous .lblProducts { font-family: Verdana; font-size: 11pt; margin-top: 5px; padding-left: 5px; font-weight: bold; height: 30px; }

#myaquos .sectionTitle { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; font: 12pt Verdana; color: #ffffff; font-weight: bold; width: 100%; }

#myaqous .instrTxt { font-family: Verdana; font-size: 10pt; }
#leftNav { width: 140px; float: left; padding-left: 5px; padding-top: 10px; }

#leftNav div.active { list-style-type: none; width: 140px; float: left; margin: 5px 0px 5px 0px; color: Red; padding: 8px 0px 8px 8px; }

#leftNav a.rollover { height: 30px; background-color: #dee2e3; font-size: 9pt; font-weight: bold; font-family: Verdana; text-decoration: none; display: block; margin: 5px 0px 5px 0px; color: #333333; padding: 8px 0px 8px 8px; }
#leftNav a:hover.rollover { height: 30px; background-color: #bec2c3; font-size: 9pt; font-weight: bold; font-family: Verdana; text-decoration: none; display: block; color: #333333; padding: 8px 0px 8px 8px; margin: 5px 0px 5px 0px; }
#leftnav div.currentPage { height: 30px; background-color: #bec2c3; font-size: 9pt; font-weight: bold; font-family: Verdana; text-decoration: none; display: block; margin: 5px 0px 5px 0px; color: #333333; padding: 8px 0px 8px 8px; }

div#myaquos .col2 { /*width:800px;	 	font-size:9pt; 	float:right ;*/ width: 795px; font-size: 9pt; float: right; border-left: solid 1px Gray; }
.col2 a:link { color: #006699; }

.col2 a:visited { color: #666666; }

.main_section a:link { color: #006699; }

.main_section a:visited { color: #666666; }

div#myaquos p { font-size: 9pt; }
div#support { }
div#support #t-support a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; height: 36px; }
.helpfulResources a:link { color: #006699; }

.helpfulResources a:visited { color: #666666; }

#titlebar { background-color: #cbc9c0; /*width:962px;*/ width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#titleBar_part1 { padding-top: 8px; text-align: left; height: 25px; font-size: 11pt; font-family: Verdana; color: #333333; padding-left: 8px; float: left; }

#titleBar_part2 { padding-top: 8px; text-align: right; height: 25px; font-size: 11pt; font-family: Verdana; color: #333333; padding-right: 20px; float: right; }
#titlebarBlack { background-color: #333333; width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#titleBarBlack_part1 { padding-top: 8px; text-align: left; height: 25px; font-size: 11pt; font-family: Verdana; color: #cccc99; margin-left: 8px; float: left; }

#titleBarBlack_part2 { padding-top: 8px; text-align: right; height: 25px; font-size: 11pt; font-family: Verdana; color: #cccc99; margin-right: 20px; float: right; }
#join { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 9pt; background-color: #FFFFFF; }

#join .sectionTitle { font-family: Verdana; font-size: 10pt; font-weight: bold; color: #333333; height: 15px; margin-left: 5px; padding-left: 8px; padding-top: 2px; background-color: #FFFFFF; }

#join .section { padding-left: 5px; padding-top: 2px; background-color: #FFFFFF; }

#join .registerLine { background-color: #FFFFFF; background: url(../../Images/register_joinline.gif) repeat-x; width: 950px; height: 10px; }

#join .registerButtons { text-align: center; font-family: Verdana; font-size: 14pt; background-color: #FFFFFF; width: 950px; }

.fieldName { font-family: Verdana; font-size: 9pt; color: #333333; }

#join .col1 { width: 235px; height: 275px; border-right: dashed 2px #cbc9c0; /*padding-left:8px;*/ padding-right: 5px; background-color: #FFFFFF; vertical-align: top; }

#join .col2 { width: 200px; height: 275px; border-right: dashed 2px #cbc9c0; padding-left: 5px; padding-right: 5px; background-color: #FFFFFF; vertical-align: top; }

#join .col3 { width: 495px; height: 275px; padding-left: 5px; background-color: #FFFFFF; vertical-align: top; }

#join .checkmarks { width: 945px; height: 85px; padding-left: 5px; background-color: #FFFFFF; }

.errorMessage { /*width: 950px;*/ font-family: Verdana; font-size: 10pt; font-weight: bold; }

#join a:link { color: #006699; }

#join a:visited { color: #666666; }

#intro { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; }

#intro .welcomeBox { width: 627px; height: 482px; background-image: url('../../Images/IntroSplashImage.jpg'); margin: 0px; background-repeat: no-repeat; }

#intro .aalwelcomeBox { width: 827px; height: 1082px; background-image: url('../../Images/AAL_IntroSplashImage.jpg'); margin: 0px; background-repeat: no-repeat; }

#intro .membershipBox { width: 300px; height: 350px; background-image: url('../../Images/membership_foil.jpg'); margin: 0px; background-repeat: no-repeat; }
#intro .aquosImgBox { width: 300px; text-align: right; }
#intro .benefitsBox1 { width: 236px; height: 330px; /*250px;*/ margin: 0px; }

#intro .benefitsBox2 { width: 350px; height: 330px; /*250px;*/ margin: 0px; }

#intro .welcomeTitle { padding-right: 10px; padding-top: 10px; font-size: 21pt; font-family: Verdana; font-weight: bold; color: #c0bdb1; }

#intro .membershipTitle { padding-top: 8px; padding-left: 15px; font-size: 19pt; font-family: Verdana; font-weight: bold; color: #767363; }

#intro .welcomeText { font-family: Verdana; font-size: 10pt; color: #cccccc; padding-top: 5px; width: 617px; text-align: right; padding-right: 10px; }

#intro .learnMoreLink { font-family: Verdana; font-size: 11pt; color: #cccc99; padding-top: 5px; width: 617px; text-align: right; }

#intro .joinNow { padding-top: 5px; width: 617px; text-align: right; border: none; }
#intro .joinNowImg { padding-top: 5px; width: 617px; height: 35px; text-align: right; border: none; }

#intro .membershipText1 { padding-top: 5px; padding-left: 15px; font-size: 9pt; font-family: Verdana; font-weight: bold; color: #333333; }

#intro .membershipText2 { padding-top: 5px; padding-left: 15px; font-size: 9pt; font-family: Verdana; color: #993300; }

#intro .membershipText3 { padding-top: 5px; padding-left: 20px; font-size: 9pt; font-family: Verdana; }

#intro .membershipLink { font-size: 9pt; font-family: Verdana; color: #993300; padding-left: 10px; }
#intro .membershipHrBreak { width: 260px; margin-left: 15px; }
#intro .benefitsTitle { padding-right: 10px; padding-top: 30px; font-size: 11pt; font-family: Verdana; font-weight: bold; color: #cccc99; width: 236px; text-align: right; }

#intro .benefitsItem { padding-right: 10px; padding-top: 15px; font-size: 10pt; font-family: Verdana; color: #999999; width: 236px; text-align: right; }

#intro a:link.rollover { text-decoration: none; font-weight: normal; color: #999999; }

#intro a:hover.rollover { text-decoration: none; font-weight: bold; color: #FFFFFF; }


#intro .benefitsImg { padding-top: 70px; padding-left: 10px; /*width:60px; 	height:230px;*/ }

#intro .benefitsTxt { font-family: Verdana; font-size: 10pt; color: White; padding-top: 70px; padding-left: 10px; /*added*/ width: 280px; /*height:230px;*/ }

#changepassword { margin-left: 100px; margin-right: 100px; }
#changepassword .col1 { margin-top: 50px; width: 200px; height: 300px; }

#termsConditions { font-family: Verdana; font-size: 8pt; background-color: #FFFFFF; width: 950px; margin: 0px; }
#termsConditions .discList { list-style-type: disc; }

#termsConditions .plainList { list-style-type: none; }

#termsConditions .squareList { list-style-type: square; }

#faq { font-family: Verdana; font-size: 9pt; }
div#faq { width: 100%; }
div#faq #t-faq a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; height: 36px; }

div#support { width: 100%; }

#support .sectionTitle { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; font: 12pt Verdana; color: #ffffff; font-weight: bold; width: 100%; }

div#faq #t-support a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; height: 36px; }

#faq .faq_content { width: 950px; height: 100%; float: left; }

div#faq .faq_section { width: 795px; font-size: 9pt; float: right; font-family: Verdana; border-left: solid 1px Gray; padding-left: 5px; }

div#faq .faq_section a { color: #006699; }

div#faq .sectionTitle { background-color: #7d858c; color: #ffffff; width: 790px; float: left; font-size: 11pt; height: 30px; padding-top: 10px; }

#faq .question { padding-left: 5px; }

#faq .answer { padding-left: 12px; }

#faq .sectionImg { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; }

#faq li.alphaBullet { list-style-type: lower-alpha; }
div#breadcrumb { height: 22px; width: 950px; padding-left: 10px; font-size: 9pt; font-family: Verdana; float: left; text-align: left; }

.topInstruction { width: 945px; padding-top: 5px; margin-left: 0px; padding-left: 5px; background: url(Images/tile_bck_nonregistered.jpg) repeat-x; background-color: #FFFFFF; }
.pageTitle { font-family: Verdana; font-size: 11pt; font-weight: bold; color: #990000; }

#memberprofile { }


div#memberprofile { width: 100%; }
div#memberprofile #t-memberprofile a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; }

div#memberprofile .main_section { width: 795px; font-size: 9pt; float: right; border-left: solid 1px Gray; }

#memberprofile .memberprofile_content { width: 950px; height: 100%; }

#aboutAqous { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 10pt; background-color: #000000; color: #333333; }


#aboutAqous .aboutAquosHeroImage { background-image: url(../../Images/hero_image_aboutaquos.jpg); background-repeat: no-repeat; width: 950px; height: 170px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#aboutAqous .benefitsCol { width: 250px; height: 100px; position: absolute; color: #cccccc; font-size: 10pt; font-family: Verdana; }

#aboutAqous .benefitsColTitle { color: #cc0000; font-size: 14pt; font-weight: bold; }

#aboutAqous .joinNowBtn { width: 950px; height: 45px; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; }

#aboutAqous .tblBenefits { /*width: 962px; */ width: 950px; height: 100%; border-style: solid; border-color: #d5d3cc; border-width: 10px; background-color: #FFFFFF; background-image: url(../../Images/tile_bck_aboutaquos.jpg); background-repeat: repeat-x; }

#aboutAqous .tblCol { padding: 5px 0px 0px 0px; vertical-align: top; width: 415px; }

#aboutAqous .benefitsIcons { float: left; width: 60px; }

#aboutAqous .benefitsTxt { float: left; padding: 0px 2px 0px 2px; }

#aboutAqous ul { list-style-type: square; }


#aboutAqous ul li { color: #cc9900; }
#aboutAqous a:link { color: #006699; }
#aboutAqous a:visited { color: #666666; }
#membercontactus { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 10pt; background-color: #FFFFFF; color: #333333; }

#contactus { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 10pt; background-color: #FFFFFF; }
#contactus a:link { color: #006699; }
#contactus a:visited { color: #666666; }
#memberPrivacyPolicy { font-family: Verdana; font-size: 10pt; background-color: #FFFFFF; width: 950px; margin: 0px; }
#privacyPolicy { font-family: Verdana; font-size: 10pt; background-color: #FFFFFF; width: 950px; margin: 0px; }
#privacyPolicy a:link { color: #006699; }
#privacyPolicy a:visited { color: #666666; }
#support { }


div#support { width: 100%; }
div#support #t-support a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; }

div#support .main_section { width: 795px; font-size: 9pt; float: right; border-left: solid 1px Gray; }

#support .support_content { width: 950px; height: 100%; }

#productservices { font-family: Verdana; font-size: 11pt; }

div#productservices { width: 950px; font-size: 11pt; }

div#productservices #t-productservices a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; height: 36px; }

div#productservices .col1 { width: 150px; }
div#productservices .button_text_align { text-align: left; padding-left: 5px; }
div#productservices .col2 { width: 750px; margin-left: 2px; }

div#productservices .main_section { width: 795px; font-size: 9pt; float: right; border-left: solid 1px Gray; }

#productservices .productservices_content { width: 950px; height: 100%; }

#productservices ul.squareBullet { list-style-type: square; }


#productservices ul li { color: #cc9900; }

#productservices .featuresTbl { font-size: 10pt; color: #000000; }

#productservices .featureCol { background-color: #ecf1f5; text-align: center; }

#productservices .otherCol { text-align: center; vertical-align: middle; background-color: #dee2e3; }

#productservices .headerRow { background-color: #7e858d; text-align: center; }


.leftAlign { text-align: left; }
.centerAlign { text-align: center; }
/*msg box*/
.msg_title_bkg { background: url(../../Images/msgbox_title_bkg.GIF); height: 23px; width: 100%; /*border-bottom:#999999 solid 1px;*/ border-bottom-style: outset; }
.msg_title { float: left; padding-top: 8px; }
.msg_closebtn { background: url(../../Images/msg_btnclose.JPG); float: right; width: 25px; height: 25px; }
.img_text { border-style: none; margin-bottom: 20px; padding-top: 20px; /*"WhiteSmoke" BorderStyle="None" Width ="100%" Height ="173px"*/ }

/*Test IJoin2*/
#ijoin2 { width: 950px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 9pt; background-color: #FFFFFF; }

#ijoin2 .sectionTitle { font-family: Verdana; font-size: 10pt; font-weight: bold; color: #333333; /*border: solid 2px #cbc9c0;*/ height: 15px; margin-left: 5px; padding-left: 8px; padding-top: 2px; }

#ijoin2 .section { padding-left: 8px; padding-top: 2px; }

#ijoin2 .registerLine { background: url(../../Images/register_joinline.gif) repeat-x; width: 950px; }

#ijoin2 .registerButtons { text-align: center; font-family: Verdana; font-size: 14pt; }
#ijoin2 .col1 { width: 240px; height: 300px; border-right: dashed 2px #cbc9c0; /*padding-left:8px;*/ padding-right: 5px; }

#ijoin2 .col2 { width: 190px; height: 300px; border-right: dashed 2px #cbc9c0; padding-left: 5px; padding-right: 5px; }

#ijoin2 .col3 { width: 490px; height: 300px; padding-left: 5px; }

#ijoin2 .checkmarks { width: 920px; height: 100px; padding-left: 5px; }

#ijoin2 .tblPersInfo { white-space: nowrap; }

#ijoin2 .message { width: 950px; font-family: Verdana; font-size: 11pt; color: Red; text-align: center; }
#requestservice { display: none; position: absolute; width: 120px; height: 87px; border: #999999 solid 1px; background: smokewhite; }
#requestservice .title { background: url(../../Images/msgbox_title_bkg.gif) repeat-x; width: 120; height: 17px; border: none; }
#requestservice .btn { background: blue url(../../Images/msg_btnclose.JPG) no-repeat; float: right; width: 17px; height: 17px; border-style: none; }
#requestservice img { width: 120px; height: 66px; }

.superscript { vertical-align: super; font-size: 5pt; }

#Productadvisor { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 10pt; background-color: #FFFFFF; }


#productadvisormem { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 10pt; background-color: #FFFFFF; }

#productadvisormem ul li { color: Black; }


div#productadvisormem .main_section { width: 795px; font-size: 9pt; float: right; border-left: solid 1px Gray; }

#productadvisormem .headerRow { background-color: #7e858d; text-align: center; }

#productadvisormem .featureCol { background-color: #ecf1f5; text-align: center; }

#productadvisormem .otherCol { text-align: center; vertical-align: middle; background-color: #dee2e3; }
#productadvisor .headerRow { background-color: #7e858d; text-align: center; }

#productadvisor .featureCol { background-color: #ecf1f5; text-align: center; }

#productadvisor .otherCol { text-align: center; vertical-align: middle; background-color: #dee2e3; }



#productadvisor { width: 950px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 10pt; background-color: #FFFFFF; }


div#productadvisormem #t-productadvisormem a { color: #ffffff; background: #ffffff url(../../Images/onstate_btn_background.gif) repeat-x; height: 36px; }

/*Randall*/
.tcHeading { font-weight: bold; }
.tcSection { text-decoration: underline; }
.floatRight { float: right; }
#intro .aalbenefitsTitle { padding-right: 10px; padding-top: 0px; font-size: 11pt; font-family: Verdana; font-weight: bold; color: white; }
#intro .AALwelcomeTitle { padding-right: 10px; padding-top: 10px; font-size: 21pt; font-family: Verdana; font-weight: bold; color: white; /*#c0bdb1*/ }
