/* Website: http:// Name: Core VJF Styles (same across all sites) Description: CSS based website, designed and hosted by Artemis Inc. Version: 1.5 - Based on original VJF stylesheet. Author: Jefte Puente Author URI: http://www.artemisit.com Comments: This stylesheet is best viewed without word wrapping NOTE: See VJFStyleConfig.txt in VJFCore to see styles that should be altered per VJF instance */ /* Body Styles */ body.Main { font-size: 62.5%; font-family: Arial, Helvetica, Sans-serif; } /**** This percentage sets 1.0 em to 10px. ****/ body.NoLayout { background-image: none; font-size: 62.5%; font-family: Arial, Helvetica, Sans-serif;} /* Change widths and header graphic when necessary */ #page { padding: 1px; margin: 15px auto 5px auto; width: 741px; background: white;} #EOStatement { padding: 1px; margin: auto; width: 741px; } #header { width: 100%; } .PageBreak { page-break-after: always; } /* Alert/error/msg boxes */ .errorBox {clear: left; float: left; padding: 5px 5px 5px 35px; font-size: 1.2em; border: 1px solid #FF0000; background: #FFE4E4 url('/coreimages/ico_error.png') no-repeat 5px 5px; } .messageBox {clear: left; float: left; padding: 5px 5px 5px 35px; font-size: 1.2em; border: 1px solid #FFCC00; background: #fffdd6 url('/coreimages/ico_yellowerror.png') no-repeat 5px 5px; } .positiveBox {clear: left; float: left; padding: 5px 5px 5px 35px; font-size: 1.2em; border: 1px solid #6EC461; background: #E5FFE0 url('/coreimages/ico_checkmark.png') no-repeat 5px 5px; } #GenericMessageBox { margin: 0 0 10px 45px; width: 585px; margin-top: 5px; } /* Logo/Video Upload styles */ .UploadBar {padding: 10px 0 5px 0; } .UploadMsgs { font-size: 1.1em; font-weight: bold; color: red; } /* Heading Styles */ h1 { display:none } h2 { margin: 0; font-size: 1.8em; margin-bottom: 10px; line-height: 125%; letter-spacing: -1px; font-weight: bolder; } h3 { margin: 0; font-size: 1.6em; margin-bottom: 0px; line-height: 25px; letter-spacing: -1px; font-weight: bolder; } h4 { margin: 0; font-size: 1.2em; margin-bottom: 0px; font-weight: bolder; } h5 { margin: 0; font-size: 1.0em; margin-top: 0; margin-bottom: 10px; font-weight: bolder; } hr { display: none } /* Horizontal Rules are hidden from standard browsers and screen readers, yet are visible in text-only browsers to help seperate content from nav. */ /* Titles/etc */ .Title { font-size: 1.8em; margin-bottom: 0px; line-height: 25px; letter-spacing: -1px; font-weight: bolder;} .SubTitle { font-size: 1.4em; margin-bottom: 0px; line-height: 25px; letter-spacing: -1px; font-weight: bolder;} /* Content Styles */ p { font: 1.2em Arial, Helvetica, sans-serif; line-height: 145%; margin: 0;} #content { margin: 0px; margin-bottom: 0px; width: 741px; } #bottom { padding: 10px; clear: both; width: 721px; } #ContentNoLayout { margin: 1px auto; margin-bottom: 0px; width: 725px; } #content ul { font-size: 1.2em; margin-bottom: 20px; margin-top: 15px;} #content p.RegText { text-indent: 10pt; } #content p.ResumeWizNotes { font-size: 1.1em; font-weight: bolder; } #SubAreas { padding: 10px; } #SubAreasContent { padding: 10px; } .smallbold { font-size: 11px; font-weight: bolder; } .hr { border-top: 1px solid black; width: 500px; height: 1px; margin: 10px auto; padding: 0; } /* Inconsistant HR styling across browsers forces the use of a div with this class in lieu of the hr xhtml markup */ #home { float: left; margin: 0px; width: 508px; height: 320px; padding-top: 1px; padding-bottom: 1px;} /* Table Styles - Tables are for tabular data */ table { clear: both; width: 100%; margin: 0; background-color: #ffffff; border-collapse: collapse;} td { font-size: 1.2em; padding: 6px; } table.surveyfilter { width: 60%; margin: 5px auto;} table.surveyresults { width: 80%; margin: 5px auto;} /* Form Styles */ label { font-size: 1.2em; font-weight: bolder; text-align: right; width: 175px; padding-right: 20px; } label .small { width: 35px; } input { border: 1px solid black; float: left; margin-bottom: 10px; font-size: 1.1em; padding: 2px 4px; } .formInput { border: 1px solid black; margin-bottom: 10px; padding: 2px; width: 125px; font-weight: bolder; } .formInputMd { border: 1px solid black; margin-bottom: 10px; padding: 2px; width: 225px; font-weight: bolder; } .formInputLg { border: 1px solid black; margin-bottom: 10px; padding: 2px; width: 325px; font-weight: bolder; } .smformInput { width: 25px; font-size: 1.1em; font-weight: bolder; } .formButton { padding: 2px 4px; overflow: visible; margin-left: 5px; float: right; font-size: 1.1em; font-weight: bolder; cursor: pointer; } .formButtonSm { padding: 1px 3px; overflow: visible; margin-left: 5px; float: left; font-size: 1.0em; cursor: pointer; } .formButtonLg { padding: 3px 5px; font-weight: bold; font-size: 1.2em; float: right; vertical-align: baseline; cursor: pointer; } .RegSelect { font-size: 1.1em; font-weight: bolder; } .RegCheckBox { width: 10px; float: left; border: 0px; } .RegTextArea { font-size: 1.1em; font-weight: bolder; } .KeyWordTextArea { font-size: 1.3em; font-weight: bolder; font: Tahoma, Geneva, sans-serif; width: 320px; } .SurveyTextArea { font-size: 1.2em; font-weight: bolder; width: 310px; height: 30px; margin-bottom: 5px; } /* Survey Form Styles */ .search_CheckBoxText { font-size: 1.2em; font-weight: bolder; text-align: right; width: 400px; } #survey_viewtext { padding: 2px 4px; width: 105px; border: 1px solid white; color: white; font-weight: bold; font-size: 1.0em;} /* Contact Page Styles */ #ContactForm { margin: 0 auto; width: 400px; height: 515px; } #CaptchaValue { width: 45px; } #CaptchaNote { display: block; width: 228px; float: left; } /* Content Editor Styles */ #ContentForm { height: 750px; } #errorBoxContent { width: 535px; margin-top: 25px; margin-left: 72px; } #messageBoxContent { width: 535px; margin-top: 25px; margin-left: 72px; } #positiveBoxContent { width: 535px; margin-top: 25px; margin-left: 72px; } /* Sidebar */ #sidebar { padding: 8px 9px 9px 8px; border-top: 1px solid white; float: right; margin: 0;} #sidebar label { width: 65px; float: left; display: block; padding: 0; margin: 0 5px 10px 0; } #sidebar form {margin: 0; padding: 0;} #sidebar p { margin: 0 0 10px 0; font-size: 1.1em; line-height: 1.1em;} #sidebar h2 { line-height: 1.1em; font-weight: bold; margin: 5px 0 5px 0;} #sidebar #username { width: 138px; } #sidebar #password { width: 138px; } #SideJobSeeker { height: 185px; width: 100%; } #sidebar .formButton { font-size: 11px; margin-bottom: 5px;} #sidebar #LoggedInUser .formButton { padding: 1px 3px; width: 100px; font-size: 1.0em; margin-left: 3px; font-weight: bolder; } /* User Login Form */ #Login { margin: 10px auto; padding: 35px; width: 50%; } #Login form {margin: 0; padding: 0; } #Login label { width: 70px; float: left; display: inline; margin: 0 10px 0 0;padding: 0; } #Login .formInput { width: 213px; } #Login .formButton { margin-right: 10px; } #Login .FormData { padding-bottom: 25px; } #Login #Login_register { margin-right: 5px; } #LoginBox { height: 195px; } #LoginErrorBox { height: 215px; } #ForgotPass { Clear: both; } /* Registration Forms (Common to both JobSeeker and Exhibitors) */ #Register { margin: 10px auto; padding: 8px; width: 80%;} #Register form {margin: 0; padding: 0; } #Register label { width: 150px; float: left; display: inline; margin: 0 10px 0 0; padding: 0; text-align: right; } #Register .required { background-image:url(/coreimages/required.gif); background-repeat: no-repeat; background-position: left; width: 12px; } /* Registration Form Error Boxes display: none;*/ .RegistrationMessageBoxes { margin: 0 0 10px 15px; width: 445px; display: none; } /* Common Form Elements */ /* Standard Elements */ .FormData { margin: 15px; padding: 5px; } .FormDataContainer { border: 1px solid black; } .Headers { padding: 5px; border-bottom: 1px solid black; font-size: 1.5em; font-weight: bold; } .BoothHeaders { padding: 5px; border: 1px solid black; font-size: 1.5em; font-weight: bold; height: 15px; } .LoginError { font-size: 1.2em; font-weight: bolder; color: red; text-align:center; } /* Sized Form Elements */ #FirstName { width: 175px; } #LastName { width: 175px; } #ContactFName { width: 175px; } #ContactLName { width: 175px; } #SchoolName { width: 175px; } #City { width: 175px; } #Name { width: 175px; } #Company { width: 175px; } #CompanyName { width: 175px; } #Title { width: 175px; } #JobTitle { width: 175px; } #Email { width: 175px; } #ContactEmail { width: 175px; } #EmailVerify { width: 175px; } #Password { width: 175px; } #PasswordVerify { width: 175px; } #Address { width: 175px; } #Address2 { width: 175px; } #Experience { width: 175px; } #SpecialTrainNeeds { width: 175px; } /* Boxes for Activate form */ #msgBoxActivate { margin: 0 0 5px 0; width: 320px; display: none; } /* Activate Form Related Items */ #ActivateBox { height: 220px; } #ActivateBox label { width: 80px; } #ActivateErrorBox { height: 245px; } #ActivateErrorBox label { width: 80px; } #Activate_Key { width: 200px; float: right; } /* Exhibitors Specific Styles */ /* Registration Form Elements/Items */ #PaymentMessage { width: 300px; text-indent: 10px; font-size: 1.2em; font-weight: bolder; } #FeaturedMessage { width: 300px; text-indent: 10px; font-size: 1.2em; font-weight: bolder; } #CreditCardInfo .FormDataLeft { margin-left: 15px; margin-top: 15px; padding: 5px; width: 45%; float: left; } #CreditCardInfo .FormDataRight { margin-right: 15px; margin-top: 15px; padding: 5px; width: 45%; float: left; } #CreditCardInfo label { width: 105px; } #BackButtonMessageBox { margin: 0 0 10px 60px; width: 565px; display: none; } /* Boxes for Exhibitor form */ #errorBoxLogo { margin: 0 0 10px 75px; width: 425px; display: none; } #messageBoxLogo { margin: 0 0 10px 75px; width: 425px; display: none; } #positiveBoxLogo { margin: 0 0 10px 75px; width: 425px; display: none; } #errorBoxVideo { margin: 0 0 10px 75px; width: 425px; display: none; } #messageBoxVideo { margin: 0 0 10px 75px; width: 425px; display: none; } #positiveBoxVideo { margin: 0 0 10px 75px; width: 425px; display: none; } #errorBoxReg { margin: 0 0 10px 75px; width: 530px; margin-top: 25px; } /* Single Booth related styles */ #CompanyInfoBox { width: 90%; margin: 10px auto; padding: 5px; } #LogoBox { width: 135px; padding: 10px; float:left; } #BioBox { width: 455px; padding: 10px; font-size: 1.2em; float:left;} /* Search Resume Results/View Job Listings in Booth */ #JobListingsBox { width: 95%; margin: 10px auto; padding: 5px; } #JobRowHeader { padding: 5px 0 5px 0; font-size: 1.5em; font-weight: bolder; } #JobsList { display: none; } .CompanyNameHeader { width: 195px; float:left; margin-left: 2px; } .JobTitleHeader { width: 210px; float:left; margin-left: 2px; } .JobFilledHeader { width: 60px; float: left; margin-left: 2px; } .JobHiredHeader { width: 320px; float: left; margin-left: 2px; } .ApplicantTitleHeader { width: 550px; float:left; margin-left: 2px; } .ResTitleHeader { width: 180px; float:left; margin-left: 2px; } .IndustryHeader { width: 195px; float:left; margin-left: 1px; } .IndustryTitleHeader { width: 100%; float:left; margin-left: 1px; font-size: 1.5em; font-weight: bolder; border-bottom: 1px solid black;} .DateAppliedHeader { width: 230px; float:left; margin-left: 1px; } .ViewedHeader { width: 20px; float:left; margin-left: 1px; } .NumAppHeader { width: 95px; float:left; margin-left: 1px; } .ViewHeader { width: 66px; float:right; } .JobDetailRow { width: 100%; float: left; } .JobDetailAlt { width: 100%; float: left; } .CompanyName { width: 185px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .JobTitle { width: 200px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .JobFilled { width: 50px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .JobHired { width: 310px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .ApplicantTitle { width: 540px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .ResTitle { width: 170px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .Industry { width: 230px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .DateApplied { width: 230px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .Viewed { width: 20px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; padding: 5px; } .NumApp { width: 65px; height: 15px; float:left; font-size: 1.1em; font-weight: bolder; text-align: center; padding: 5px; } .View { width: 66px; height: 20px; float:right; padding-top: 3px; padding-right: 2px; } /* Individual Job Viewing */ #JobDescBox { width: 600px; padding: 10px; font-size: 1.2em; } .JobDetailBoxes { margin: 0px; padding: 0px; width: 45%; float: left; } .JobDetailInfo { font-size: 1.1em; } .JobDetailHeaders { width: 350px; border-bottom: 1px solid black; font-size: 1.3em; font-weight: bolder; } /* All Booths Page Styles */ .BoothRow { width: 699px; margin: 5px auto; } .ImgBoxTop { width: 125px; height: 90px; float: left; padding: 5px; vertical-align: middle; } .ImgBoxTopEnd { width: 125px; height: 90px; float: left; padding: 5px; vertical-align: middle; } .ImgBoxBottom { width: 125px; height: 90px; float: left; padding: 5px; vertical-align: middle; } .ImgBoxBottomEnd { width: 125px; height: 90px; float: left; padding: 5px; vertical-align: middle; } .boothcenter { margin: 5px auto; width: 20%; } #booth_view { width: 115px; font-weight: bolder; font-size: 1.4em;} #BackNextCountBox { text-align: left; width: 49%; float: left; } #BackNextButtonBox { text-align: left; width: 49%; } /* Job Seeker Specific Styles */ /* Resume Wizard End Box (for centering buttons) */ #JSWizardDone { margin: 10px auto; text-align: center; padding: 8px; width: 350px; } #JSWizardDone input { float: none; margin-bottom: 0px; } /* Job Seeker Resume Section Editing */ #Section { margin: 10px auto; padding: 8px; width: 80%;} #Section h3 { border-bottom: 1.2px solid black; } #SectionBox { float: left; width: 90%; margin: 10px auto; } .SectionTitleHeader { float: left; margin-right: 15px; border-bottom: 1.2px solid black; width: 250px; } .SectionActionHeader { float: left; margin-right: 15px; border-bottom: 1.2px solid black; width: 175px; } #SectionBox .formButtonSm { width: 50px; } .SectionDetails { float: left; margin: 3px; } .SectionTitle { float: left; width: 250px; margin-left: 3px; margin-right: 15px; font-size: 1.1em; font-weight: bolder; vertical-align: bottom;} .SectionAction { float: left; width: 175px; font-size: 1.0em; } /* Resume Styles */ #Resume { margin: 10px auto; padding: 8px; width: 90%;} #Resume .formButtonSm { width: 115px; float: right; font-weight: bold; } .ResumeLine { border-bottom: 1px solid black; width: 100%; margin: 0px; padding: 0px; font-size: 0.1em; } #TitleLineBox { margin: 10px auto; width: 500px; text-align: center; } #TitleLine { font-size: 2.0em; padding: 5px; text-decoration: underline; } .TitleBox { width: 100%; text-align: left; height: 29px; border-bottom: 1px solid black; } .Titles { float: left; padding: 5px; font-size: 1.5em; font-weight: bolder; } .EditBox { float: right; padding: 5px; width: 160px; height: 20px; } .DataBox { padding: 5px; width: 100%; } .Data { font-size: 1.5em; width: 215px; text-align: left; float: left; } .DataSm { font-size: 1.5em; width: 100px; text-align: left; float: left; } .DataLg { font-size: 1.5em; width: 300px; text-align: left; float: left; } .DataText { font-size: 1.5em; text-align: left; } .DataImportant { font-size: 1.5em; font-weight: bolder; width: 400px; text-align: left; float: left; } .ViewOnlyBox { margin: 10px auto; width: 390px; text-align: center; display: block; } .TopRowButtons { } .BottomRowButtons { margin-right: 35px; } #EmailResumeMessage { margin-left: 72px; margin-top: 10px; margin-bottom: 10px; width: 74%; display: none; } /* Resume Viewing Alert/Boxes */ .ResumeViewMessageBox { margin: 0 0 5px 15px; width: 565px; display: none; } .ResumeMessageBox { margin: 0 0 5px 15px; width: 505px; } /* Boxes for Resume Upload Messages */ #ResumeMsgBox { margin: 0 0 10px 75px; width: 425px; display: none; } /* Job Search Styles */ #JobSearch { margin: 10px auto; padding: 8px; width: 75%; } #JobSearchBox { width: 535px; } #JobSearchBox label { width: 125px; float: left; display: inline; margin: 0 10px 0 0; padding: 0; text-align: right; } #JobSearchResultsBox { padding: 5px; width: 100%; } #JobSearchResultsBox .altrow { margin-left: 25px; height: 25px;} #JobSearchResultsBox .regrow { margin-left: 25px; height: 25px;} .SearchAgainBox { margin: 10px auto; width: 115px; text-align: center; } .JobSearchIndustry { float: left; padding: 5px; font-size: 1.8em; font-weight: bolder; } .JobSearchCompany { font-size: 1.5em; font-weight: bolder; width: 100%; text-align: left; float: left; } .JobSearchTitle { font-size: 1.5em; height: 25px; width: 450px; text-align: left; float: left; padding: 5px; } .JobSearchView { float: right; width: 93px; height: 25px; padding-top: 3px; padding-right: 2px; } /* Admin Area Forms/Styles */ /* General Admin Area Styles */ .Admin { margin: 3px; padding: 8px; width: 45%; float: left; } .TaskBoxes { padding: 5px; } .TaskContainer { border: 1px solid black; height: 130px;} .required { background-image:url(/coreimages/required.gif); background-repeat: no-repeat; background-position: left; width: 15px; } #Admin_Small { border: 1px solid white; color: white; } #Admin_Manage { border: 1px solid white; color: white; } a.HeaderLink:link { color: white; text-decoration:none; font-weight: bolder; font-size: 1.1em; } a.HeaderLink:visited { color: white; text-decoration:none; font-weight: bolder; font-size: 1.1em; } a.HeaderLink:hover { color: white; text-decoration:none; cursor: auto; font-weight: bolder; font-size: 1.1em; } .HeaderLink { color: white; font-weight: bolder; font-size: 1.1em; } #SearchForm { margin: 3px auto; padding: 8px; width: 70%; } .SearchContainer { border: 1px solid black; height: 245px; } .SearchBox { padding: 5px } #SearchForm form {margin: 0; padding: 0; } #SearchForm label { width: 125px; float: left; display: inline; margin: 0 10px 0 0;padding: 0; } #SearchForm .required { background-image:url(/coreimages/required.gif); background-repeat: no-repeat; background-position: left; width: 15px; } /* Booth Ordering CSS */ #BoothOrderingBox { width: 700px; margin-top: 20px; } .connectedSortable li { margin: 2px; float: left; } #unassigned-container { float: left; width: 670px; height: 145px; padding: 0 15px 20px 15px; text-align: center; color: black; font-weight: bold; margin-bottom: 20px; font-size: 1.3em; } #unassigned { width: 660px; height: 125px; overflow-x: scroll; overflow-y: hidden; background-color: white; border: 1px solid black; } #unassigned ul { list-style: none; margin-top: 10px; margin-bottom: 10px; } #unassigned ul li { display: inline; float: left; margin-right: 5px; height: 90px; } #tabs { margin-bottom: 20px; } .boothLogo { border: 1px solid black; } .boothFeatured { border: 1px solid red; } #SaveOrder { font-size: 1.2em; font-weight: bolder; } /* Survey Styles */ #SurveyMessageBox { margin: 10px 0 10px 55px; width: 575px; display: none; } #SurveyForm { margin: 0 auto; width: 645px; } /*** Stop Editing Here ***/ /* Navigation - Uses an unordered list and styles them as buttons */ #navcontainer { width: 741px; height: 24px; } #navcontainer ul { padding: 0; } #navcontainer ul li { display: inline; } #navcontainer ul { margin: 0; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; letter-spacing: 0px; font-weight: bold; } #mainNavlist li a:hover, #navlist li a:active { text-decoration: none; text-align: left; font: bolder 1.1em/24px Arial, helvetica, sans-serif; } #navcontainer ul li a { text-decoration: none; float: left; font: bolder 1.1em/24px Arial, helvetica, sans-serif; } /* Footer Navigation */ #footer { padding: 1px; margin-top: 5px; height: 30px; width:732px; } #footer .company { float: left; font-size: .9em; margin: 0px 0px 2px 5px; width:48%; } #footer .menu { float: right; font-size: .9em; margin: 0px -5px 2px 0px; width:48%; text-align: right;} #footer .artemis { float: left; font-size: 0.9em; padding: 2px; height: 12px; width:735px; text-align: center; } #footer .artemis a:link, #footer .artemis a:visited { text-decoration: none; } #footer .artemis a:hover { text-decoration: none; } #footer a:link, #footer a:visited { padding: 3px; text-decoration: none; } #footer a:hover { text-decoration: none; } /* Misc Styles */ .Important { font-size: 1.1em; font-weight: bolder; } .Alert { font-size: 1.2em; color: red; } .JoinNowBox { font-size: 1.4em; font-weight: bolder; margin: 10px auto; width: 285px; } .noFormat { color: white; } a.noFormat:link { color: white; } a.noFormat:visited { color: white; } a.noFormat:hover { color: white; } /* Images & Alignments Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.home { display: inline; border: none; } img.centered { display: block; margin-left: auto; margin-right: auto; border: none;} img.alignright { display: inline; border: none; margin-left: 10px; margin-bottom: 10px; } img.alignleft { display: inline; border: none; margin-right: 10px; margin-bottom: 10px; } .alignright { float: right; } .alignleft { float: left; } .home { float: left; } .center { text-align: center; margin: 0; padding: 0;} /* Hacks - May become outdated when/if IE ships with proper CSS support */ div.spacer { clear: both; } /* The infamous "clear div" or "spacer div" hack. An empty div placed below floated divs that clears the floats, so that content can continue to flow below the clear. http://www.complexspiral.com/publications/containing-floats/ */ .hasnodot { list-style-type: none; } .invisible { display: none; } /* FAQ Styles */ div#FAQ { float: left; width: 640px; } /* Top level UL */ div#FAQ ul { margin: 0 0 0 30px; float: left; list-style: none; display: block; width: 600px;} /* Question Data */ div#FAQ ul li { margin: 0 auto; display: block; float: left; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; } /* Color Question Data on Hover */ div#FAQ ul:hover { cursor: help; display: block; background-color: #DBDBDB; color: #000000;} /* Answer Data */ div#FAQ ul ul { display: none; color: #000000; margin: 0; padding: 0; float: left;} /* Show Answer Data Block on Hover */ div#FAQ ul li:hover ul { display: block; width: 540px; } /* Answer Data formatting */ div#FAQ ul ul li p { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } /* 3rd level UL */ div#FAQ ul ul ul { list-style-type: disc; } div#FAQ ul ul ul li { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 540px;}