/* 
 * ALLMEDIA.CSS
 *
 * Styles for all media types. Styles specific to screen or 
 * print media are found in screen.css and print.css.
 * 
 * B. Abbott, October 2005
 *
 */


/* GENERAL PAGE FORMATTING                                         */
/*#################################################################*/
body { text-align: center; background-color: #FFFFFF !important; }
#wrapper { text-align: left; }

/* 1 COLUMN: 0 SUBNAV, 1 CONTENT BOX, 0 SECONDARY BOX (0nav1main0sec)*/
body#onecol #secondaryContent { display: none; }

/* 2 COLUMNS: 1 SUBNAV, 1 CONTENT BOX, 0 SECONDARY BOX (1nav1main0sec)*/
body#twocolNav #secondaryContent { display: none; }

#mainContent { float: left; }
#secondaryContent { float: right; }

#related ul { padding-left: 0px; padding-right: 0.5em; margin-left: 1.5em; list-style: none; }
#related ul li { padding-bottom: 0.75em; }

#footer { font-size: 0.83em; line-height: 1.32; clear: both; padding-top: 2.5em; }
#footer ul a { padding: 0px 0.5em 0px 0.75em; }
#footer img#nasalogo { float: right; }


/* ALL PAGE STYLES                                                 */
/*#################################################################*/

/* THE HEADING STYLES */
h1 { font-size: 1.4em; text-transform: uppercase; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

h2, h3, h4, h5, h6 { margin-bottom: 0; }
h2, h3, h4 { margin-top: 1.5em; }

p { margin-top: 0; }
p.compact { margin: 0; }

/* TITLE FOR ALL PAGES */
h1#pagetitle { display: block; margin-top: 2em; margin-bottom: 1.5em; text-transform: uppercase; clear: both; }

.section { border-bottom: 1px solid #CCC; padding: 0 0 0.25em 0.5em; }

#intro { font-size: 1.2em; font-weight: bold; }

.subtext { margin-left: 2.5em; }
.booktitle, .filename { font-style: italic; }
.warning { color: #CC0000; }
.searchtext { font-style: italic; }

.authorcredit { font-size: 0.9em; text-align: right; color: #666; }

img { border: 0; }

/* GENERIC LIST STYLES */
ul { padding-left: 0px; margin-left: 2em; }


/* NORMALLIST HAS BULLETS AND IS INDENTED */
ul.normal li { padding-bottom: 0.5em; }

/* A LIST OF "TOP-LEVEL" ITEMS */
ul.indexlist { font-size: 1.2em; list-style-type: none; }
ul.indexlist li { padding-bottom: 1.5em; }

/* A PLAIN LIST WITH NO MARKERS */
ul.plain { list-style: none; }
ul.plain li { padding-bottom: 0.5em; }

/* A GENERIC DESCRIPTIVE LIST, INCLUDING TITLE AND DESCRIPTION FIELDS */
.descriptivelist dt { font-size: 1.25em; font-weight: bold; padding: 0; margin: 0; }
.descriptivelist dd { font-size: 0.90em; padding: 0; margin: 0; margin-bottom: 1.5em; }




/* IMGLEFT, IMGRIGHT FLOAT AN IMAGE AND CAPTION BOX WITH NO BORDER */
/* THE FLAW WITH THESE IS THAT A WIDTH MUST BE SPECIFIED INLINE (IN THE HTML) */
.imgleft, .imgright { font-size: 0.78em; line-height: 1.12; padding: 6px; margin: 5px; }
.imgleft { float: left; }
.imgright { float: right; }
.imgleft img, .imgright img { margin-bottom: 4px; }
.imgright div { margin-bottom: 2em; }



/* THE MEDIA BOX HAS AN IMAGE WITH BORDER AND A CAPTION ALL INSIDE A BORDERED BOX */
/* THE DEFAULT WIDTH FOR THE BOX IS 152PX, MEANING A 150PX-WIDE CONTENT FITS WITH A 1PX BORDER */
/* FOR BOXES LARGER THAN 150PX, A WIDTH MUST BE SPECIFIED INLINE (IN THE HTML). THIS IS LAME. */
.medialeft, .mediaright { 
        font-size: 0.78em;
        line-height: 1.12;
        width: 152px;
        padding: 6px;
        margin: 5px;
        border: 1px solid #CCC;
}
.mediaright { float: right; }
.medialeft { float: left; }

.medialeft h2, .mediaright h2 { margin: 0; padding: 0 10px; }
.medialeft img, .mediaright img { margin-top: 20px; border: 1px solid #333; }
.medialeft img#first, .mediaright img#first { margin-top: 0px; }

.medialeft ul, .mediaright ul { font-size: 0.88em; margin: 0; padding: 0; list-style: none; }
.medialeft li a , .mediaright li a { 
        background: url(/images/common/arrow.gif) no-repeat 5px center;
        display: block;
        margin: 0;
        padding: 0 10px 0 20px;
}

/* THE BIG PIC (500PX) BOXES */
.bigpic { 
        font-size: 0.95em;
        line-height: 1.5em;
        width: 502px;
        padding: 6px; 
        border: 1px solid #CCC;
        margin: 15px;
}
.bigpic img { border: 1px solid #333; }


/* SOME TABLE STYLES */
table.generic {
        border-collapse: collapse;
        width: 475px;
        margin: 10px auto;
        padding: 5px 10px;
        border: 1px solid #CCC;
}
table.generic td { padding: 0.3em; }


tr.hilite { background-color: #dbedff; }

.tabletitle { font-size: 1.2em;  font-weight: bold; background-color: #99CCFF; }


table.splash { margin: 0 50px; }
table.splash td { text-align: center; padding: 30px; }


/* A NASA CEDIT THAT APPEARS IN THE GENERIC NAV BOX */
.nasaNav { border-top: 1px solid #CCC; padding-top: 1.5em; }
.nasaNav img { float: right; margin-left: 10px; background: #FFFFFF; }
.nasaNav p { font-size: 0.9em; line-height: 1.5; color: #666; }




/* INDEX (TOP) PAGE                                                */
/*#################################################################*/
table#indexteaser {
        border-collapse: collapse;
        float: right;
        width: 325px;
        margin: 0;
        border-left: 0px solid #CCC;
}
table#indexteaser td { padding: 5px; padding-left: 20px; }
table#indexteaser td + td { padding-left: 5px; }
table#indexteaser td div { font-size: 0.93em; }

.nasa_index { clear: left; }
.nasa_index img { float: right; margin-left: 10px; }
.nasa_index p { font-size: 0.9em; line-height: 1.5; color: #666; padding-top: 2.5em; }




/* ABOUT US                                                        */
/*#################################################################*/

ul.credits { list-style: none; padding: 0; margin: 0; }
.nasacredit { margin: 2em 0; }
.nasacredit img { margin-left: 40px; }
.nasacredit p { font-size: 0.9em; line-height: 1.5; }


table.staff {
        width: 480px;
        margin: 10px auto;
        padding: 5px 10px;
        margin-bottom: 30px;
}
table.staff col#headshot { width: 100px; padding-right: 25px; }
table.staff col#name { width: 380px; }
table.staff td { padding-bottom: 10px; }

table.staff p.name { font-size: 1.15em; font-weight: bold; padding: 0; margin: 0; }
table.staff p.title { font-size: 1em; padding: 0; margin: 0; }


.galileo_thoughts { clear: both; }
.galileo_thoughts h3 { color: #333; padding-top: 1.5em; }
.galileo_thoughts p { font-size: 0.9em; line-height: 1.5; color: #666; }
.galileo_thoughts p.author { padding: 0em 2em 2em 0; text-align: right; }




/* PUBLIC PROGRAMS PAGES                                           */
/*#################################################################*/
div.program { margin-top: 2.5em; }
div.program .title { font-size: 1.25em; font-weight: bold; line-height: 1.12; text-transform: uppercase; }
div.program .date { font-size: 0.85em; padding-bottom: 0.5em; }
div.program .speaker { font-weight: bold; }

dl.programs dt { font-size: 1.25em; font-weight: bold; line-height: 1.12; text-transform: uppercase; margin-top: 2em; }
dl.programs dd { padding: 0; margin: 0; }
dl.programs dd p.date { font-size: 0.85em; margin: 0.25em 0; }
dl.programs dd p.speaker { font-weight: bold; margin: 0; margin-bottom: 0.5em; }


.event { font-size: 0.9em; margin-bottom: 1.25em; }
.event p { margin: 0; }



/* ASTRO RESOURCES PAGES                                           */
/*#################################################################*/


/* SPACE SHOW SCIENCE */
/* ---------------------------------------------------------------*/
dl.spaceshows dt { font-size: 1.25em; font-weight: bold; margin-top: 2em; }
dl.spaceshows dd { padding: 0; margin: 0; }
dl.spaceshows p.premiere, dl.spaceshows p.narrator { 
        font-size: 0.8em; 
        color: #666666; 
        line-height: 1.4; 
        margin: 0; 
        margin-bottom: 0.25em; 
}
dl.spaceshows p.amnhlink { font-size: 0.9em; }
dl.spaceshows ul { padding: 0; margin: 0; }
dl.spaceshows ul li { font-size: 0.9em; display: inline; list-style: none; }





/* AVA PAGES                                                       */
/* ================================================================*/

/* USED ON THE INDEX PAGE */
table.splash p { font-size: 1.4em; margin: 0; }

/* IN THE AVASEARCH NAV HTML FILE */
form#avasearch p { font-size: 0.78em; line-height: 1.7; padding: 0; margin: 0; }
.search_right_box { float: right; }


/* CATEGORY PAGES */
.videosize { font-size: 0.9em; line-height: 1.25; color: #666; margin: 0; }
.videolist tr { vertical-align: top; }
.videolist td img { margin-top: 5px; border: 1px solid #666; }
.videolist td p.title { font-size: 1.25em; font-weight: bold; padding: 0; margin: 0; }
.videolist td { font-size: 0.90em; line-height: 1.5; padding: 1.5em 0.5em; }


/* KEYWORD LIST PAGE */
table.avakeywordlist { width: 100%; }
table.avakeywordlist tr { vertical-align: top; }
table.avakeywordlist td { width: 33%; padding: 0.5em 0.2em; }


/* IMAGE LIST PAGE */
table.avaimagelist { width: 100% }
table.avaimagelist tr { vertical-align: top; }
table.avaimagelist td { width: 25%; padding: 1em 0.5em; text-align: center; }
table.avaimagelist td p { font-size: 0.8em; line-height: 1.35; margin: 0; }


/* AVAPAGE STYLES */
#avacredit { font-size: 1.2em; font-weight: bold; padding: 0; margin: 0 0 1.5em 0; }
.videobox { float: right; padding: 0px; margin: 1em 0 1em 1.25em; }
.widevideobox { margin: 1.5em; }
.videocaption { font-size: 0.9em; line-height: 1.4; color: #666; }
.videocaption p { margin: 0; }
.avapreparer { font-size: 0.9em; text-align: right; color: #666; }
.keywordbox { border: 1px solid #CCC; padding: 0 0.5em 0.25em 0.5em; }
.avakeywords { font-size: 0.9em; }


/* ADVANCED SEARCH */
.searchgroup { margin-bottom: 2em; }
.searchgroup h3 { font-size: 1.0em; margin: 1em 0; }





/* DIGITAL UNIVERSE PAGES                                          */
/*#################################################################*/
table#dusplash { 
        width: 460px;
        margin: 10px auto;
        border-collapse: collapse;
}
table#dusplash td { padding: 2px 4px; }


.announcement {
        text-align: center;
        font-size: 1.3em;
}



div.licensebox { 
        font-size: 0.95em;
        line-height: 1.2;
        padding: 0 1em;
        border: 1px solid #999999;
        margin: 2em;
        margin-top: 3em;
}
div.licensebox h2 { margin-bottom: 0.5em; }


ul#packagelist { padding-left: 3em; margin-left: 0em; }
ul#packagelist li { font-size: 0.9em; }

.packagename { font-style: italic; }



form#packageform { padding: 0; margin: 3em 0 0 10px; }
form#packageform h2 { padding-top: 0.75em; }

.license_approval { margin-left: 3em; }
.license_approval input { margin-left: 2em; }

.oschoice input { margin-left: 2em; }

table#packagechoice {
        width: 100%;
        margin: 0;
        border-collapse: collapse;
        vertical-align: top;
        margin-bottom: 3em;
}

table#packagechoice col#choice { width: 30px; }
table#packagechoice col#name { width: auto; }
table#packagechoice col#headshot { width: 120px; }

table#packagechoice tr { vertical-align: top; }
table#packagechoice td { padding-bottom: 2em; }

/*table#packagechoice h2 { padding: 0px; margin: 0px; }*/
table#packagechoice h3 {
        font-size: 1.25em; 
        font-weight: bold; 
        line-height: 1.12; 
        text-transform: uppercase;
        margin: 0px;
        padding: 0.1em 0 0.2em 0em;
}
table#packagechoice input { margin: 0 10px 0 10px; }
table#packagechoice ul { padding-left: 2.25em; margin: 0px; }
table#packagechoice ul li { font-size: 0.9em; padding-top: 0.15em; }

.filesize { font-size: 0.85em; color: #666666; }
.package_modified { font-size: 0.85em; color: #666666; text-align: left; }

.submit { margin-top: 2.5em; }



div.newsstory { margin: 3em 0; }
div.newsstory .title { font-size: 1.15em; font-weight: bold; padding: 0.15em 0.5em; }
div.newsstory .story { padding: 1.5em 1.25em; }


div.producttitle { 
        font-size: 1.25em; 
        font-weight: bold; 
        line-height: 1.12; 
        text-transform: uppercase;
        padding-top: 2em;
}

.inpackage {
        font-size: 0.9em;
        line-height: 1.12;
        color: #666666;
}

table.dataproducts {
        width: 500px;
        margin: 0 0 2em 2em;
        border-collapse: collapse;
}
table.dataproducts col.headshot { width: 120px; padding-right: 25px; }
table.dataproducts col.name { width: 380px; }
table.dataproducts td { vertical-align: top; padding-top: 20px; }


#productbox { 
        width: 152px; 
        padding: 6px; 
        margin: 5px;
        margin-left: 1em;
        float: right; 
        border: 1px solid #CCC;
        background-color: #FFCC66;
}
#productbox h3 { font-size: 0.95em; margin: 0; padding: 6px 6px 0 6px; }
#productbox ul { font-size: 0.8em; margin: 0; padding: 0 0 4px 4px; }
#productbox ul li { margin: 0 2em; }


table.activities {
        width: auto;
        margin: 0px auto 20px auto;
        padding: 5px 10px;
}
table.activities col.headshot { width: 120px; }
table.activities col.name { width: auto; }
table.activities tr { vertical-align: top; }
table.activities td { padding-bottom: 2.5em; }
table.activities h4 { margin-top: 0; }
table.activities img { margin-top: 10px; }
table.activities h4 + p { font-size: 0.925em; }


div#atlasimages {
        clear: both;
        margin: 2em auto;
}
div#atlasimages img { padding: 0 10px; }



table.datagroups {
        width: auto;
        border-collapse: collapse;
        border: 1px solid #CCCCCC;
}
table.datagroups col.groupname { width: 100px; }
table.datagroups col.desc { width: auto; }
table.datagroups thead { font-size: 1.1em; font-weight: bold; }
table.datagroups tbody { font-size: 0.90em; }
table.datagroups tr { vertical-align: top; }
table.datagroups td { padding: 0.5em 1em; }
table.datagroups span.credit { font-size: 0.85em; color: #666; }



dl.pub dt { font-size: 1.25em; font-weight: bold; line-height: 1.12; margin-top: 2em; }
dl.pub dd { font-size: 0.925em; line-height: 1.35; padding: 0; margin: 0; }
dl.pub dd p.date { font-size: 0.85em; margin: 0; margin-top: 0.25em; }

.du_distribution dl { margin: 0 2em; }


dl#update dt { font-size: 1.25em; font-weight: bold; line-height: 1.12; margin: 2em 0 0.5em; clear: both; }
dl#update dd { font-size: 1em; line-height: 1.7; padding: 0; margin: 1em 0 3em 10px; }
dl#update dd img.left { float: left; margin: 8px 15px 30px 0; }
dl#update dd img.right { float: right; margin: 8px 0 30px 15px; }


#standardsphases ol { margin-left: 3em; padding-left: 0; }
#standardsphases ol li { font-size: 1.05em; font-weight: bold; }

#standardsphases dl { margin-left: 1em; padding-left: 0; }
#standardsphases dl dt { font-size: 1.0em; font-weight: bold; margin-top: 1.25em; padding-left: 0; }
#standardsphases dl dd { font-size: .94em; font-weight: normal; }




/* CONTACT US PAGES                                                */
/*#################################################################*/

table.emailform {
        width: auto;
        border-collapse: collapse;
}
table.emailform col.desc { width: 30%; text-align: right; }
table.emailform col.formelements { width: 60%; }

table.emailform tr { vertical-align: top; }
table.emailform td { 
        font-size: 1em; 
        font-weight: bold; 
        /*text-align: right; */
        padding: 10px 8px; 
}
/*table.emailform td + td { text-align: left; }*/

/* THIS IS THE DEFAULT TEXT "DEFAULT" INSIDE THE FORM ELEMENTS */
table.emailform input, table.emailform textarea { 
        font-size: 0.9em; 
        color: #333333;
}

table.emailform .formerror { text-align: left; }

.address { font-size: 0.85em; margin-left: 1em; }
.address p { margin: 0; padding: 0; }
.disclaimer { font-size: 0.8em; width: 275px; margin-top: 3em; }
.emailsubject { font-weight: bold; }
.required { padding: 0; margin: 0; font-size: 0.9em; }
.requiredstar { font-size: 1.25em; color: #FF0000; }
.categorywarning { font-size: 0.9em; font-weight: normal; color: #FF0000; }

ul.commonquestions {
        margin: 0;
        padding: 0;
}
ul.commonquestions li {
        list-style-type: none;
        font-size: 0.9em;
        margin-left: 1em;
        padding: 0;
}

table#phone {
        width: 70%; 
        font-size: 0.9em; 
        border: 1px solid #CCC;
        border-collapse: collapse;
        margin: 2em auto;
}
table#phone tr { vertical-align: top; }
table#phone td { padding: 6px 8px; border: 1px solid #CCC; }





/* FOR THE ELIST INDEX PAGE */
table#elists { 
        width: 500px;
        margin: 10px auto;
        padding: 5px 10px;
        vertical-align: top; 
}
table#elists tr { vertical-align: top; }
table#elists td { padding: 1em 0; }
table#elists col.listname { width: 150px; }
table#elists col.description { width: 350px; }



/* FOR THE SUBSCRIBE LISTSERVE PAGES */
table.elistform {
        width: 90%;
        border: 0px;
        border-collapse: collapse;
        margin: 0;
        margin-top: 2em;
}
table.elistform col.desc { text-align: right; }
table.elistform col.forminput { text-align: left; }
table.elistform tr { vertical-align: top; }
table.elistform td { 
        font-size: 1em; 
        font-weight: bold; 
        /*text-align: right;*/
        padding: 10px 8px; 
}
/*table.elistform td + td { text-align: left; }*/
table.elistform input { font-size: 0.9em; color: #333333; }
table.elistform input + input { margin-left: 2em; }

table.elistform .formerror { text-align: left; }





/* INTERNAL PAGES                                                  */
/*#################################################################*/
table.vuprograms {
        width: 100%;
        margin: 10px auto;
        border-collapse: collapse;
        font-size: .925em;
        
}
table.vuprograms td { padding: .65em 8px; line-height: 1.5; }


form#newpage {  }
form#newpage h3 { padding: 0; margin: 0; margin-top: 2em; }
form#newpage .element { margin-left: 2em; }
form#newpage .title { font-size: 1.2em; font-weight: bold; }
form#newpage .desc { font-size: 0.90em; line-height: 1.40; margin: 0; padding-bottom: 0.5em; }
form#newpage .formsidetext { font-size: 0.88em; font-style: italic; color: #999; }

form#newpage ul { margin: 0; padding: 0; padding-left: 2em; }

form#newpage table.pagelayout {
        width: 90%;
        margin: 1em 3em;
        border-collapse: collapse;
}
form#newpage table.pagelayout td { font-size: 0.95em; padding: 1em; }


table.dustats { 
        width: 95%;
        margin: 20px 10px;
        border-collapse: collapse;
        margin: 4em 0 3em 0;
}
table.dustats th { white-space: nowrap; padding: 4px; }
table.dustats td { padding: 4px; border: 1px solid #CCC; text-align: center; }
table.dustats th.product { text-align: left; border: 1px solid #CCC; }
table.dustats td.grandtotal { border: 0px; }

table#legend td { text-align: left; }


/* MISC PAGES                                                      */
/*#################################################################*/


/* SITEMAP PAGES                                                   */
/* ================================================================*/

/*
div.sitemapsec h2 { font-size: 1.25em; font-weight: bold; line-height: 1.12; text-transform: uppercase; }
div.sitemapsec ul { padding-left: 0px; margin-left: 2em; list-style: none; }
div.sitemapsec { padding: 1em; margin-bottom: 1em; }
*/

.sitemapsec { margin-bottom: 5em; }
.sitemapsec h2 { 
        font-size: 1.25em;
        color: #333;
        padding: 0.3em 0.4em;
        border-bottom: 1px solid #CCC;
}
.sitemapsec ul { margin: 0.25em 0 2em 2.5em; padding: 0; }
.sitemapsec ul ul ul { list-style-type: none; }




/* WORKSHOP PAGES                                                  */
/* ================================================================*/
.funding { font-size: 0.9em; padding: 1em; margin: 2.5em 50px; }

dl.workshop_details { padding: 1.5em; margin: 20px 30px; border: 1px solid #666; }
dl.workshop_details dt { font-weight: bold; }

.workshopflowchart { font-size: 0.9em; line-height: 1.25; width: 288px; margin: 40px 100px; }
.workshopflowchart > img { margin-bottom: 8px; }

table.agenda { width: 500px; margin: 4em auto; }
table.agenda .day { 
        font-size: 1.25em;
        padding: 2px 5px;
        caption-side: left;
        text-align: left;
}
table.agenda tr { vertical-align: top; }
table.agenda col.time { width: 6.5em; }
table.agenda col.desc { width: auto; }


table.survey {
        width: 80%;
        padding: 0.25em;
        margin: 1em 0 1em 2em;
        border-collapse: collapse;
        border: 1px solid #666;
}
table.survey th { background-color: #99CCFF; }
table.survey tr td + td { text-align: center; }


/* REDESIGN                                                        */
/* ================================================================*/
.redesign { margin: 0 30px; }
.redesign p { text-indent: 2em; }
.redesign p.greeting { text-indent: 0; font-weight: bold; }
.redesign dl { margin: 2em 3.5em; }
.redesign dl dt { font-size: 1.1em; font-weight: bold; line-height: 1.35; margin-top: 1.5em; }
.redesign dl dd { line-height: 1.4; padding: 0; margin: 0; }
.redesign .signature { color: #666; float: right; }
.redesign .signature p { margin: 0; line-height: 1.4; }



/* GOOGLE SEARCH                                                   */
/* ================================================================*/

/*#google_search table { background: blue; }
p.g { margin-top: 3em; }
a.l { }
table { background: red; margin-bottom: 2em; line-height: 1em; }
table td.j { font-size: 0.8em;  }*/
/*

<p class=g>
    <a class=l href="http://haydenplanetarium.org/universe/">Digital <b>Universe</b> Atlas | Hayden Planetarium</a>
    <table cellpadding=0 cellspacing=0 border=0>
        <tr>
            <td class=j>
                <font size=-1>Home of the Digital <b>Universe</b> Atlas, a 3-D, interactive atlas of the <b>Universe</b>. 
                Explore the atlas using the Partiview or Uniview software packages.<br>
                <font color=#008000>haydenplanetarium.org/<b>universe</b>/ - 8k - </font><nobr>
                <a class=fl href="http://64.233.161.104/u/Hayden?q=cache:Hv3PvFnZDCEJ:haydenplanetarium.org/universe/+universe&hl=en&gl=us&ct=clnk&cd=1&ie=UTF-8">Cached</a> - 
                <a class=fl href="/u/Hayden?hl=en&lr=&ie=UTF-8&safe=off&q=related:haydenplanetarium.org/universe/">Similar&nbsp;pages</a></nobr></font>
            </td>
        </tr>    
    </table>

*/

/* DEBUGGING STYLES */
/*#################################################################*/
/*
div#breadcrumbs { background: yellow; }
div#pagetitle { background: gray; }
#content { background: blue;}
#mainContent { background: red; }
#secondaryContent { background: green; }
#footer { background: yellow; }
#related { background: orange; }
*/