/* CD Promo CSS file Notes: ------ This file is divided into 4 basic sections: (1) Overlays for basic HTML display tags like . (2) DIV-based style attributes for various sections of the screen (identified by DIV tags) (3) Common elements throughout all modules in the program. (4) Individual module-based style elements denoted by a prefix (query, etc.). */ /* Section 1, basic HTML tag overlays */ body { background-image: url(../media/bkdg8.gif); background-repeat: no-repeat; background-attachment:fixed; font-family: Arial, Helvetica, sans-serif ; color: #231f20; font-size: 11px; text-align: center; } body a:link, a:visited, a:active { color: #008ab0; text-decoration: none; } body a:hover { color: #008ab0; text-decoration: underline; } img { text-decoration: none; } /* Section 2, DIV-based styles...these correspond to IDs in main.php */ #contentarea { width: 800px; margin: 15px 0px 10px 3px; padding-left: 15px; float: left; background-color: #ffffff; } #contentareamain { width: 500px; background-color: #ffffff; padding-left: 30px; } #footer { background-color: #ffffff; } #header { background-color: #ffffff; padding-bottom: 5px; } #middlewrapper { float: left; width: 550px; margin: 0px auto; } #middle { width: 420px; margin: 0px 20px 0px 80px; padding: 0px 10px 0px 30px; float: right; } #leftsidebar { width: 140px; min-height: 450px; text-align: left; margin: 10px 0px 10px 0px; float: left; table-layout: fixed; } #recentsearch { width: 130px; text-align: left; margin: 0px 0px 0px 0px; padding-left: 5px; } #recentealerts { width: 130px; text-align: left; margin: 0px 0px 0px 0px; padding-left: 5px; } #bookmarksearches { width: 130px; text-align: left; margin: 0px 0px 0px 0px; padding-left: 5px; } #rightsidebar { width: 140px; min-height: 450px; text-align: left; margin: 0px -20px 0px -30px; padding: 0px; float: right; table-layout: fixed; color: #000000; } #page { width: 975px; position: relative; margin: 3px auto; text-align: left; padding: 3px; background-color: #ffffff; border: 1px solid #cccccc; } #queryform { background-color: #ffffff; } #section { display: block; clear: both; background-color: #ffffff; height: 450px; /* for height in IE */ height: auto; /* for height in Firefox */ min-height: 450px; /* for height in Firefox */ } /* Section 3, common style elements throughout all modules in the program */ .colheaderblack { font-size: 11px; font-weight: bold; color: #231f20; } .colheadergoldonblue { font-size: 13px; font-weight: bold; color: #9a4d9e; border-bottom: 1px solid #9a4d9e; margin-left: 5px; } .footertext { text-align: center; font-size: 10px; } .headergraphic { padding: 15px 0px; } .maintextarea { font-size: 11px; background-color: #ffffff; } .maintextareaform { font-size: 11px; background-color: #ffffff; margin-left: 50px; } .maintextareabox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #eeeeee; color: #666666; } /* .maintextareabox a:link, .maintextareabox a:visited, .maintextareabox a:active { color: #FFFFFF; } .maintextareabox a:hover { color: #ad4121; text-decoration: none } */ .navbar { vertical-align: middle; text-align: left; font-size: 13px; padding: 5px 20px; font-weight: bold; background-color: #9a4d9e; background-image: url(../media/navbar.gif); background-repeat: repeat-x; background-position:bottom; } .navbar a:link, .navbar a:visited, .navbar a:active { color: #ffffff; } .navbar a:hover { color: #ffffff;} .secondnavbar { padding: 5px 20px 0px 0px; font-weight: bold; font-size: 14px; } .secondnavbar a:link, .secondnavbar a:visited, .secondnavbar a:active { color: #666666; } .secondnavbar a:hover { color: #666666; text-decoration: underline;} .address { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-align: left; } .sidebar { font-size: 11px; color: #000000; } .sidebar a:link, .sidebar a:visited, .sidebar a:active { color: #666666; } .sidebar a:hover { color: #666666; text-decoration: underline;} .sidebartable { margin-bottom: 5px; table-layout: fixed; overflow: hidden; color: #000000; } .sidebarcontent { padding: 0px; list-style-type: none; margin-left: 2px; } .textheaderblack { font-size: 22px; font-weight: bolder; color: #000000; margin-bottom: 0px; text-align: left; } .listheaderblack { vertical-align: middle; margin: 5px; padding-left: 25px; font-size: 14px; color: #000000; } /* Section 4, module-specific styles */ /* MAIN */ /* LOGIN */ .login { font-size: 12px; } .loginwelcome { font-size: 11px; font-weight: bold; color: #cc0000; } /* TERMS */ #termscontentarea { background-color: #ffffff; padding: 10px; margin: 20px; } .terms { margin-left: 20px; margin-bottom: 10px; text-align: left; } /* LOGOUT */ .logout { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } /* QUERY */ .querydirections { margin: 0px 0px 3px 5px; font-size: 10px; font-style: italic; } .querydisplaylookupbutton { font-family: Arial, Helvetica, sans-serif; font-size: 12px; size: 2; height: 20px; vertical-align: middle; } .querylookupselect { font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 255px; text-align: left; padding-left: 0px; float: left; border: solid #cccccc; margin-bottom: 10px; background-color: #ffffff; } .querylookupandor { font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 17px; width: 60px; vertical-align: top; background-color: #ffffff; } .querylookupbutton { font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 20px; width: 60px; vertical-align: baseline } .querylookuptitle { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .querylabel { line-height: 15px; width: 150px; vertical-align: middle; margin: 0px 0px 3px 5px; padding-right: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .querytextinput { text-align: left; height: 15px; vertical-align: middle; margin-bottom: 3px; background-color: #ffffff; } .queryresultheader { font-size: 11px; color: #999999; text-indent: 5px; } .queryresultpageheader { font-size: 11px; border: 0 none; } /* QUERY RESULT */ .queryresultplusbutton { font-family: 'Courier New', Courier, mono; font-size: 11px; size: 1; height: 16px; vertical-align: middle; } .queryresulttable { border: 1px solid #999999; border-spacing: 0px; padding: 0px; font-size: 11px; margin: 5px; table-layout: fixed; overflow: hidden; } .queryresultinsettable { border: 1px solid #ccc; margin: 3px; padding: 3px; table-layout: fixed; } .queryresultinsetlabel { font-weight: bold; } .queryresultinsettablecontentinsub { padding: 5px; margin: 5px auto; background-color: #fff; text-align: left; color: #333; font-size: 10px; } .queryresultinsettablecontentnotinsub { padding: 5px; margin: 5px auto; background-color: #eee; text-align: left; color: #000; font-size: 10px; } .queryresulttableheader { padding: 3px; margin: 0px; border-spacing: 0px; border: 1px solid #999999; font-size: 11px; background-color: #666666; color: #ffffff; } .queryresulttablecontentinsub { padding: 5px; margin: 5px auto; border-bottom: 1px solid #ccc; background-color: #fff; text-align: center; color: #333; font-size: 10px; } .queryresulttablecontentnotinsub { padding: 5px; margin: 5px auto; border-bottom: 1px solid #ccc; background-color: #eee; text-align: center; color: #333; font-size: 10px; } .queryresulttablenotinsubtext { color: #f00; font-weight: bold; font-size: 14px; } .queryresulttableinsubtext { color: #9a4d9e; font-weight: bold; font-size: 14px; } /* PREFERENCES */ .prefslabel { text-align: left; height: 15px; width: 200px; float: left; vertical-align: middle; margin-bottom: 3px; margin-left: 20px; } .prefstext { text-align: left; font-size: 11px; margin-left: 20px; } .prefstextinput { text-align: left; height: 15px; vertical-align: middle; margin-bottom: 3px; font-size: 11px; } .prefstextlist { text-align: left; height: 18px; vertical-align: middle; margin-bottom: 3px; font-size: 11px; } .prefsplusbutton { font-family: 'Courier New', Courier, mono; font-size: 11px; size: 1; height: 16px; vertical-align: middle; } .prefstextbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; size: 10; width: 100px; vertical-align: middle; } .prefsheader { font-size: 12px; font-weight: bold; text-indent: 5px; } .prefslookupselect { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 225px; text-align: left; padding-left: 10px; border: solid #cccccc; margin-bottom: 10px; } .prefstable { width: 610px; border-spacing: 0px; padding: 3px; font-size: 11px; margin-left: 20px; margin-right: auto; } .prefstableheader { border-spacing: 0px; font-size: 10px; font-weight: bold; } /* FEEDBACK */ .feedbackareatext { font-family: 'Courier New', Courier, mono; font-size: 12px; } .feedbacktextbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; size: 10; width: 200px; vertical-align: middle; } /* NEWS */ .newsheader { font-size: 12px; font-weight: bold; color: #FFFFFF; text-indent: 5px; } .newstext { font-size: 11px; color: #FFFFFF; text-indent: 25px; } /* HELP */ .letterq { color: #9a4d9e; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .lettera { color: #7ac142; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .problem { font-size:12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif ; font-style: italic; } .answer { margin-left: 18px; margin-bottom: 10px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; } .answer2 { margin-left: 42px; margin-bottom: 10px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; } .button { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 5px; padding-right: 5px; margin-left: 320px; } .row3 { background-color: background-color: #CCCCFF; } #text {margin:50px auto; width:500px} .hotspot {color:#000000; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size: 11px;} #tt {position:absolute; display:block; /*background:url(../media/tt_left.gif) top left no-repeat;*/ background-color: #008ab0; color:#FFF; border: 3px groove #666666;} #tttop {display:block; height:1px; margin-left:5px; /*background:url(../media/tt_top.gif) top right no-repeat;*/ overflow:hidden; color:#FFF;} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#008ab0; color:#FFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif;} #ttbot {display:block; height:5px; margin-left:5px; /*background:url(../media/tt_bottom.gif)top right no-repeat;*/ overflow:hidden; background-color: #008ab0;} /* custom search form */ #contentheader { width: 480px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-left: 15px; } .subscriptioncategories { text-align: left; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #9a4d9e; } .text { font-family:Arial, Helvetica, sans-serif; font-size:12px; } .button {font-size: 11px; font-family: Arial, Helvetica, sans-serif;}