@charset "utf-8";
/* CSS Document */
html,
body {
font-family: verdana, arial, helvetica, sans-serif;
}
p {
padding: 0;
margin-top: 0px;
}
ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 12px;
padding-left: 12px;
}
li {
margin-top: 2px;
margin-bottom: 2px;
}
a {
color: #0000CC;
}
a:visited {
color: #0000CC;
}
a:active {
color: #0000CC;
}
a.CrumbLink {
color: #FFFFFF;
text-decoration: none;
}
a.CrumbLink:hover {
color: #FFFFFF;
text-decoration: underline;
}
a.CrumbLink:visited {
color: #FFFFFF;
text-decoration: none;
}
a.DetailLink {
color: #000000;
text-decoration: none;
}
a.DetailLink:visited {
color: #000000;
text-decoration: none;
}
a.DetailLink:hover,
.viewTypeElem a.DetailLink:link, /* Elementary View Alt */
.viewTypeElem a.DetailLink:visited,
.viewTypeElem a.DetailLink:hover,
.viewTypeElem a.DetailLink:active {
color: #0000CC;
text-decoration: underline;
}
a.TitleLink,
a.TitleLink:link,
a.TitleLink:visited,
a.TitleLink:hover,
a.TitleLink:active {
text-decoration: none;
color:#006666;
font-size:1em;
font-weight:bold;
line-height:1.5em;
}
a.TitleLink:hover {
color:#006666;
font-size:1em;
font-weight:bold;
line-height:1.5em;
text-decoration: underline;
}
a.TitleLink em,
a.TitleLink:link em,
a.TitleLink:visited em,
a.TitleLink:hover em,
a.TitleLink:active em {
text-decoration: none;
font-size:1em;
line-height:1.5em;
padding-right:30px;
background:url(/images/icons/general/find.gif) no-repeat scroll 100% 50%;
}
a.MarcEditTagLink {
font-weight: bold;
color: #0000CC;
text-decoration: none;
}
a.MarcEditTagLink:visited {
font-weight: bold;
color: #0000CC;
text-decoration: none;
}
a.MarcEditEmptyTagLink {
font-weight: bold;
color: #C0C0C0;
text-decoration: none;
}
a.MarcEditEmptyTagLink:visited {
font-weight: bold;
color: #C000C0;
text-decoration: none;
}
a.TextbookClassUpdateJobSummary {
color: #0000CC;
}
a.TextbookClassUpdateJobSummary:visited {
color: #800080;
}
.Bib {
font-size: 0.8em;
text-indent: -30px;
margin-left: 60px;
}
.Breadcrumb {
font-size: 0.6em;
}
.BreadcrumbBold {
font-weight: bold;
font-size: 0.6em;
}
.ColHeading {
font-weight: bold;
font-size: 0.8em;
}
.ColRow {
font-size: 0.8em;
}
.viewTypeElem .ColRow { /* Elementary View Alt */
font-size: 0.95em;
}
.ColRowUnderline {
font-size: 0.8em;
text-decoration: underline;
}
.ColRowBold {
font-weight: bold;
font-size: 0.8em;
}
.ColRowBoldWhiteHyperlink {
color: #FFFFFF;
font-weight: bold;
font-size: 0.8em;
}
.viewTypeElem .ColRowBold { /* Elementary View Alt */
font-weight: bold;
font-size: 0.95em;
}
.ColRowItalic {
font-style: italic;
font-size: 0.8em;
}
.ColRowBoldUnderline {
font-weight: bold;
font-size: 0.8em;
text-decoration: underline;
}
.BoldUnderline {
font-weight: bold;
text-decoration: underline;
}
.displayHide {
display: none;
}
.displayShow {
display: block;
}
.Error {
font-weight: bold;
font-size: 0.8em;
}
.FormElement {
font-size: 0.8em;
}
.FormHeading {
font-weight: bold;
font-size: 1em;
line-height: 1.5em;
}
.FormLabel {
font-weight: bold;
font-size: 0.8em;
}
.Highlight {
font-weight: bold;
background-color: #FFFF00;
}
.In {
font-size: 1.2em;
font-weight: bold;
color: #33CC00;
}
.Out {
font-size: 1.2em;
font-weight: bold;
color: #CC0000;
}
.Lost {
font-size: 1.2em;
font-weight: bold;
color: #999999;
}
.Instruction {
font-size: 0.6em;
}
.InverseSmallColHeading {
font-weight: bold;
font-size: 0.6em;
color : #FFFFFF;
}
.MainHeader {
font-weight: bold;
font-size: 1.2em;
}
.NaventryBold {
font-weight: bold;
font-size: 0.7em;
}
.Naventry {
font-size: 0.7em;
}
.Notification {
font-weight: bold;
font-size: 0.7em;
color:#FFFFFF;
padding: 5px;
}
.ConsortiumNotification {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-weight: bold;
font-size: 0.7em;
color: #000000;
}
.PageFooter {
font-size: 7pt;
text-decoration: none;
color : #FFFFFF;
}
.PageHeader {
font-size: 0.8em;
}
.PageHeaderStrong {
font-weight: bold;
font-size: 0.8em;
}
.SectionHeader {
font-weight: bold;
font-size: 12pt;
color: #006666;
background-color: #FFFFFF;
}
.viewTypeElem .SectionHeader { /* Elementary View Alt */
font-size: 14pt;
}
.SmallColHeading {
font-weight: bold;
font-size: 0.6em;
}
.SmallColRow {
font-size: 0.6em;
}
.SmallFixed {
font-size: 7pt;
font-style: italic;
}
.SmallFixedInverse {
font-size:7pt;
color:#FFFFFF;
}
.TableHeading {
font-weight: bold;
font-size: 1em;
line-height: 1.5em;
color : #006666;
}
.viewTypeElem .TableHeading { /* Elementary View Alt */
font-size: 1.5em;
line-height: 1.25em;
}
.TableHeading2 {
font-weight: bold;
font-size: 0.8em;
color: #006666;
}
.viewTypeElem .TableHeading2 { /* Elementary View Alt */
font-size: 1em;
}
.MediumColHeading {
font-weight: bold;
font-size: 0.7em;
}
OPTION.grey {
background-color:#FFFFFF;
color:#808080;
}
.TabSidebar {
color: #808000;
font-weight: bold;
}
.report {
color: #0000CC;
}
.note {
font-weight: bold;
font-style: italic;
}
.specialdate {
font-weight: bold;
color: #CC0000;
}
.ColRowRight {
text-align: right;
font-size: 0.8em;
}
ul.nobullet {
list-style-type: none}
/*-----------------------------------------------------------------------------
Title Details -- Specialty Links
---------------------------------------------------------------------------*/
a.titleDetailsTitlePeekLink img { /* The IMG 'spacer' in code is used to place this BG img. Gains a ':hover' technique with this set up. */
margin: 0 5px 0 0;
padding:0;
width:24px;
height:24px;
vertical-align:middle;
background:transparent url(/images/en/icons/general/title_peek_icon_sprite.gif) no-repeat scroll 0 100%;
border:0 none;
}
a.titleDetailsTitlePeekLink:hover img { /* Hover state. */
background-position:0 0;
border:0 none;
}
a.titleDetailsTitlePeekLink:hover { /* Hover state. */
text-decoration:none;
}
a.titleDetailsOneSearchLink img { /* The IMG 'spacer' in code is used to place this BG img. Gains a ':hover' technique with this set up. */
margin: 0 5px 0 0;
padding:0;
width:24px;
height:24px;
vertical-align:middle;
background:transparent url(/images/icons/general/one_search_icon_sprite.gif) no-repeat scroll 0 100%;
border:0 none;
}
a.titleDetailsOneSearchLink:hover img { /* Hover state. */
background-position:0 0;
border:0 none;
}
a.titleDetailsOneSearchLink:hover { /* Hover state. */
text-decoration:none;
}
/*-----------------------------------------------------------------------------
END Title Details -- Specialty Links
---------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
Basic Search Narrow -- Show More/Less Control
---------------------------------------------------------------------------*/
#narrowSearch {
margin:1em 0;
border:#999999 1px solid;
}
.narrowSearchHeader { /* Base style def; extended below */
position:relative;
margin:0;
padding:0;
color: #FFFFFF;
background-color: #006622; /* Matching color to Destiny GUI */
zoom:1; /* IE^ Fix; Gives 'hasLayout' to this element */
}
.viewTypeAll .narrowSearchHeader {
background-color:#006666; /* Matching color to Destiny GUI */
}
.viewTypeLib .narrowSearchHeader {
background-color:#006622; /* Matching color to Destiny GUI */
}
.viewTypeMedia .narrowSearchHeader {
background-color:#821163; /* Matching color to Destiny GUI */
}
.narrowSearchHeader h3 {
color:#FFFFFF;
margin:0;
padding:.55em;
}
.narrowSearchHeader .showMoreLessControl {
position:relative;
display:block;
float:right;
margin:.35em;
padding:0;
color:#FFFFFF;
}
.narrowSearchHeader .showMoreLessControl a:link,
.narrowSearchHeader .showMoreLessControl a:visited,
.narrowSearchHeader .showMoreLessControl a:hover,
.narrowSearchHeader .showMoreLessControl a:active,
.narrowSearchHeader .showMoreLessControl a {
color:#FFFFFF;
}
.narrowSearchHeader .showMoreLessControl img {
margin:0;
}
.narrowSearchMessaging {
margin:.5em .25em;
color:#666666;
}
.narrowSearchMessaging img {
margin:0;
padding:0;
vertical-align:top;
}
#searchPromptResetControl { /* As ID for now. jsp cssClass property cannot write stacked classes */
}
#searchPromptResetControl img { /* As ID for now. jsp cssClass property cannot write stacked classes */
vertical-align:middle;
}
/*-----------------------------------------------------------------------------
END Basic Search Narrow -- Show More/Less Control
---------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
Tabbed widget styles (for DESTINY Nav Main)
---------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
NOTE:This extra markup adds required elements and CSS so that rollovers work in IE/Win because pseudo hover only is respected on the element Reference:www.alistapart.com/articles/slidingdoors/ www.alistapart.com/articles/slidingdoors2/
---------------------------------------------------------------------------*/
#navTabsMain a { /* Tab at 'rest' state:LEFT edge side */
float:left;
background:url(/images/template/destiny_tabs_nav_sprite_left.gif) no-repeat left top;
margin:0; /* Add margin right if you want spacing between tab buttons */
padding:0 0 0 9px; /* Value:width of left img */
border:0px; /* Serves as part of border illusion for tabs to look like they are behind an open panel below */
text-decoration:none;
cursor:pointer; /* For IE6+7 */
font-size:.8em;
letter-spacing:-.05em;
}
.viewTypeAsset #navTabsMain a {
background:url(/images/template/asset/destiny_tabs_nav_sprite_left.gif) no-repeat left top;
}
.viewTypeLib #navTabsMain a {
background:url(/images/template/library/destiny_tabs_nav_sprite_left.gif) no-repeat left top;
}
.viewTypeMedia #navTabsMain a {
background:url(/images/template/media/destiny_tabs_nav_sprite_left.gif) no-repeat left top;
}
.viewTypeText #navTabsMain a {
background:url(/images/template/textbook/destiny_tabs_nav_sprite_left.gif) no-repeat left top;
}
#navTabsMain a span { /* Tab at 'rest' state:RIGHT edge side */
float:left;
display:block;
background:url(/images/template/destiny_tabs_nav_sprite_right.gif) no-repeat right top;
padding:2px 12px 3px 3px; /* left value here + left padding value of '#navTabsMain a' = total right padding value here */
font-weight:bold;
color:#818157;
}
.viewTypeAsset #navTabsMain a span {
background:url(/images/template/asset/destiny_tabs_nav_sprite_right.gif) no-repeat right top;
}
.viewTypeLib #navTabsMain a span {
background:url(/images/template/library/destiny_tabs_nav_sprite_right.gif) no-repeat right top;
}
.viewTypeMedia #navTabsMain a span {
background:url(/images/template/media/destiny_tabs_nav_sprite_right.gif) no-repeat right top;
}
.viewTypeText #navTabsMain a span {
background:url(/images/template/textbook/destiny_tabs_nav_sprite_right.gif) no-repeat right top;
}
#navTabsMain a:hover span {
color:#F5F5DB;
}
#navTabsMain .tabActive a,
#navTabsMain .tabActive a:hover { /* Tab at 'active' or 'current' state: LEFT edge side */
background-position:0 -150px;
}
#navTabsMain .tabActive a span,
#navTabsMain .tabActive a:hover span { /* Tab at 'active' or 'current' state: RIGHT edge side */
background-position:100% -150px;
color:#FFF;
}
#navTabsMain a:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -300px;
}
#navTabsMain a:hover span { /* Tab at 'hover' state:RIGHT edge side */
background-position:100% -300px;
}
/*-----------------------------------------------------------------------------
END Tabbed widget styles (for DESTINY Nav Main)
---------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
Side Menu
---------------------------------------------------------------------------*/
/* TABLE CONTAINER */
#level2MenuContainer {
background:transparent url(/images/template/destiny_sidemenu_sprite_v6.gif) -780px 0 repeat-y scroll; /* SEE NOTE ON SAFARI 2 BUG */
}
table#Level2Menu {
width:120px;
border-collapse:collapse;
}
/* END TABLE CONTAINER */
/* NOTE SAFARI 2 BUG */
/* http://creativebits.org/webdev/safari_background_repeat_bug_fix/ */
/* ----------------------------------
Safari 2 has a bug where it repeats a bg image, even when declarations are set to 'no-repeat'.
This makes using techniques that require setting an image out of view with a negative value still viewable within the element.
There are no solutions currently [4/3/2009]
To fix this add enough transparent space into your img where it would begin and tho it will repeat, it will start way after the element boundaries.
That is currently the reason behind the extra 600px of left-hand space on 'destiny_sidemenu_sprite_v6.gif'
---------------------------------- */
/* END NOTE SAFARI 2 BUG */
/* LINK SETUP DEFAULTS */
#Level2Menu a,
#Level2Menu a span {
position:relative;
display:block;
width:auto;
margin:0;
padding:0 0 8px 8px; /* Room for bg image of sprite */
border:0;
background:transparent url(/images/template/destiny_sidemenu_sprite_v6.gif) 0 0 no-repeat scroll; /* Initially started off-screen */
}
#Level2Menu a span {
margin:0 0 0 -8px; /* negative value pulls the span back from the parent's margin */
padding:6px 0 0 8px; /* Corrects room for bg image of sprite on child 'span'. 'top' moves text down and 'left' negates and moves text from left */
}
#Level2Menu a,
#Level2Menu a:link,
#Level2Menu a:visited,
#Level2Menu a:hover,
#Level2Menu a:active {
font-size:11px;
letter-spacing:-.09em;
font-weight:bold;
color:#666666;
text-decoration:none;
}
/* END LINK SETUP DEFAULTS */
/* HOVER STATE */
#Level2Menu a:hover {
color:#005555;
background-position:right bottom;
}
.viewTypeAsset #Level2Menu a:hover {
color:#163D75;
}
.viewTypeLib #Level2Menu a:hover {
color:#006200;
}
.viewTypeMedia #Level2Menu a:hover {
color:#821163;
}
.viewTypeText #Level2Menu a:hover {
color:#166A8E;
}
#Level2Menu a:hover span {
color:#005555;
background-position:right top;
}
.viewTypeAsset #Level2Menu a:hover span {
color:#163D75;
}
.viewTypeLib #Level2Menu a:hover span {
color:#006200;
}
.viewTypeMedia #Level2Menu a:hover span {
color:#821163;
}
.viewTypeText #Level2Menu a:hover span {
color:#166A8E;
}
/* END HOVER STATE */
/* ACTIVE STATE */
#Level2Menu td.active a {
color:#000;
background-position:right bottom;
}
#Level2Menu td.active a span {
color:#000;
background-position:right top;
}
/* END ACTIVE STATE */
/* UNIQUE BUTTONS: Languages, reset */
/* No 'active' class needed on these because the click and destination has no 'landing' page */
/* LANG BUTTONS -- USE for 16px ICONS on left side */
/* LINK SETUP DEFAULTS */
#Level2Menu .lvl2LangButton a,
#Level2Menu .lvl2LangButton a span {
position:relative;
display:block;
width:auto;
margin-top:4px;
margin-right:8px;
margin-bottom:4px;
margin-left:24px; /* 16px for icon + 8px for orig left margin */
padding:0 4px 0 0; /* Room for bg image of sprite */
border:0;
background:transparent url(/images/template/level2menu_solo_button_sprite.gif) right -25px no-repeat scroll; /* REST state is at bottom of sprite '-25px' to reduce risk of revealing too much if font size grows */
}
#Level2Menu .lvl2LangButton a span {
margin:0 0 0 -16px; /* Room for bg image of sprite */
padding:4px 0 8px 16px; /* Room for bg image of sprite */
width:auto;
background-position:left -25px; /* REST state is at bottom of sprite '-25px' to reduce risk of revealing too much if font size grows */
zoom:1; /* IE^ Fix; Gives 'hasLayout' to this element */
}
#Level2Menu .lvl2LangButton a,
#Level2Menu .lvl2LangButton a:link,
#Level2Menu .lvl2LangButton a:visited,
#Level2Menu .lvl2LangButton a:hover,
#Level2Menu .lvl2LangButton a:active {
font-size:11px;
letter-spacing:-.09em;
font-weight:bold;
color:#666666;
text-align:center;
text-decoration:none;
background-position:right -25px;
}
/* END LINK SETUP DEFAULTS */
/* HOVER STATE */
#Level2Menu .lvl2LangButton a:hover {
color:#005555;
background-position:right 0; /* Moves right side of sprite up for hover state */
}
.viewTypeAsset #Level2Menu .lvl2LangButton a:hover {
color:#163D75;
}
.viewTypeLib #Level2Menu .lvl2LangButton a:hover {
color:#006200;
}
.viewTypeMedia #Level2Menu .lvl2LangButton a:hover {
color:#821163;
}
.viewTypeText #Level2Menu .lvl2LangButton a:hover {
color:#166A8E;
}
#Level2Menu .lvl2LangButton a:hover span {
color:#005555;
background-position:left 0; /* Moves left side of sprite up for hover state */
}
.viewTypeAsset #Level2Menu .lvl2LangButton a:hover span {
color:#163D75;
}
.viewTypeLib #Level2Menu .lvl2LangButton a:hover span {
color:#006200;
}
.viewTypeMedia #Level2Menu .lvl2LangButton a:hover span {
color:#821163;
}
.viewTypeText #Level2Menu .lvl2LangButton a:hover span {
color:#166A8E;
}
/* END HOVER STATE */
/* END LANG Buttons */
/* PLAIN Buttons */
/* LINK SETUP DEFAULTS */
#Level2Menu .lvl2SoloButton a,
#Level2Menu .lvl2SoloButton a span {
position:relative;
display:block;
width:auto;
margin-top:4px;
margin-right:8px;
margin-bottom:4px;
margin-left:24px; /* 16px for icon + 8px for orig left margin */
padding:0 4px 0 0; /* Room for bg image of sprite */
border:0;
background:transparent url(/images/template/level2menu_solo_button_sprite.gif) right -125px no-repeat scroll; /* REST state is at bottom of sprite '-25px' to reduce risk of revealing too much if font size grows */
}
#Level2Menu .lvl2SoloButton a span {
margin:0 0 0 -16px; /* Room for bg image of sprite */
padding:4px 0 8px 0; /* Room for bg image of sprite */
width:auto;
background-position:left -125px; /* REST state is at bottom of sprite '-25px' to reduce risk of revealing too much if font size grows */
zoom:1; /* IE^ Fix; Gives 'hasLayout' to this element */
}
#Level2Menu .lvl2SoloButton a,
#Level2Menu .lvl2SoloButton a:link,
#Level2Menu .lvl2SoloButton a:visited,
#Level2Menu .lvl2SoloButton a:hover,
#Level2Menu .lvl2SoloButton a:active {
font-size:11px;
letter-spacing:-.09em;
font-weight:bold;
color:#666666;
text-align:center;
text-decoration:none;
background-position:right -125px;
}
/* END LINK SETUP DEFAULTS */
/* HOVER STATE */
#Level2Menu .lvl2SoloButton a:hover {
color:#005555;
background-position:right -100px; /* Moves right side of sprite up for hover state */
}
.viewTypeAsset #Level2Menu .lvl2SoloButton a:hover {
color:#163D75;
}
.viewTypeLib #Level2Menu .lvl2SoloButton a:hover {
color:#006200;
}
.viewTypeMedia #Level2Menu .lvl2SoloButton a:hover {
color:#821163;
}
.viewTypeText #Level2Menu .lvl2SoloButton a:hover {
color:#166A8E;
}
#Level2Menu .lvl2SoloButton a:hover span {
color:#005555;
background-position:left -100px; /* Moves left side of sprite up for hover state */
}
.viewTypeAsset #Level2Menu .lvl2SoloButton a:hover span {
color:#163D75;
}
.viewTypeLib #Level2Menu .lvl2SoloButton a:hover span {
color:#006200;
}
.viewTypeMedia #Level2Menu .lvl2SoloButton a:hover span {
color:#821163;
}
.viewTypeText #Level2Menu .lvl2SoloButton a:hover span {
color:#166A8E;
}
/* END HOVER STATE */
/* END PLAIN Buttons */
/* END UNIQUE BUTTONS: Languages, reset */
.d-accesskey {
text-decoration:underline;
font-style:normal;
}
/*-----------------------------------------------------------------------------
END Side Menu
---------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
Tabbed styles (for DESTINY Inner Nav)
---------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
NOTE:This extra markup adds required elements and CSS so that rollovers work in IE/Win because pseudo hover only is respected on the element Reference:www.alistapart.com/articles/slidingdoors/ www.alistapart.com/articles/slidingdoors2/
---------------------------------------------------------------------------*/
td#navTabsInner {
width:90%;
}
#navTabsInner ul {
float:right;
margin:0;
padding:0;
list-style:none;
}
#navTabsInner li {
display:inline;
margin:0;
padding:0;
}
#navTabsInner em, /* Tab at 'rest' state:LEFT edge side */
#navTabsInner a { /* Tab at 'rest' state:LEFT edge side */
float:left;
background:url(/images/template/destiny_tabs_inner_nav_sprite_left.gif) no-repeat left top;
margin:0; /* Add margin right if you want spacing between tab buttons */
padding:0 0 0 9px; /* Value:width of left img */
border:0px; /* Serves as part of border illusion for tabs to look like they are behind an open panel below */
text-decoration:none;
cursor:pointer; /* For IE6+7 */
font-size:.68em;
font-weight:normal;
font-style:normal;
letter-spacing:-.04em;
position:relative; /* Gives a parental position reference for children */
}
#navTabsInner em {
cursor:default; /* To limit the pointer over the input when it is an option */
}
#navTabsInner em span, /* Tab at 'rest' state:RIGHT edge side */
#navTabsInner a span { /* Tab at 'rest' state:RIGHT edge side */
float:left;
display:block;
background:url(/images/template/destiny_tabs_inner_nav_sprite_right.gif) no-repeat right top;
padding:2px 12px 3px 3px; /* left value here + left padding value of '#navTabsInner a' = total right padding value here */
color:#000;
}
#navTabsInner em:hover span,
#navTabsInner a:hover span {
color:#000;
}
/* HOVER */
#navTabsInner em:hover, /* Tab at 'hover' state:LEFT edge side */
#navTabsInner a:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -300px;
}
#navTabsInner em:hover span, /* Tab at 'hover' state:RIGHT edge side */
#navTabsInner a:hover span { /* Tab at 'hover' state:RIGHT edge side */
background-position:100% -300px;
}
/* TABACTIVE */
#navTabsInner .tabActive em,
#navTabsInner .tabActive em:hover, /* Tab at 'active' or 'current' state: LEFT edge side */
#navTabsInner .tabActive a,
#navTabsInner .tabActive a:hover { /* Tab at 'active' or 'current' state: LEFT edge side */
background-position:0 -150px;
cursor:default;
}
#navTabsInner .tabActive em span,
#navTabsInner .tabActive em:hover span, /* Tab at 'active' or 'current' state: RIGHT edge side */
#navTabsInner .tabActive a span,
#navTabsInner .tabActive a:hover span { /* Tab at 'active' or 'current' state: RIGHT edge side */
background-position:100% -150px;
cursor:default;
letter-spacing:-.05em;
font-weight:bold;
color:#000;
}
/* END TABACTIVE */
#navTabsInner input {
margin-top:0;
margin-right:auto;
margin-bottom:0; /* -5px neg margin to account for borders */
margin-left:auto;
padding:0;
focus:0;
border:0;
cursor:pointer;
width:auto;
height:1.1em;
letter-spacing:-.05em;
background:none;
font-family:Verdana, Arial, Helvetica, sans-serif; /* Redeclared for IE6 */
font-size:1.05em; /* Redeclared for IE6 *//* Opacity idea: http://www.quirksmode.org/dom/inputfile.html */
/* http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom/ */
/* KEEP THIS IN ORDER: '-moz-opacity', ie's 'filter', 'opacity' */
/*-moz-opacity:.40; */
/*filter:alpha(opacity: 40);*/
/*opacity:.40;*/
/* END KEEP THIS IN ORDER: '-moz-opacity', ie's 'filter', 'opacity' */
}
* html #navTabsInner input { /* IE ONLY */
overflow:visible; /* IE FIX: stops excessive input padding */
padding:0 8px; /* IE FIX: adjusts to set normal padding more like FF */
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ELEMENTARY View Styles for tab icon */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#navTabsInner .elementaryTabs a { /* Tab at 'rest' state:LEFT edge side */
padding:0 0 0 40px; /* Value:width of left img */
background-position:0% 0%;
font-size:.75em;
line-height:1.8em;
}
#navTabsInner .elementaryTabs a span { /* Tab at 'rest' state:RIGHT edge side */
padding:2px 12px 3px 3px; /* left value here + left padding value of '#navTabsInner a' = total right padding value here */
}
/* HOVERS ALL ELEM / GENERIC */
#navTabsInner .elementaryTabs a:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -300px;
}
/* TABACTIVE ICONS for each ID/TAB */
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkTitle, /* Tab at 'active' or 'current' state: LEFT edge side */
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkTitle:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -600px;
}
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkMedia, /* Tab at 'active' or 'current' state: LEFT edge side */
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkMedia:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -600px;
}
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkOnlineResources, /* Tab at 'active' or 'current' state: LEFT edge side */
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkOnlineResources:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -1050px;
}
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkWebSites, /* Tab at 'active' or 'current' state: LEFT edge side */
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkWebSites:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -1050px;
}
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkDigitalMedia, /* Tab at 'active' or 'current' state: LEFT edge side */
#navTabsInner .elementaryTabs .tabActive a#elementaryLinkDigitalMedia:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -1500px;
}
/* REST ICONS for each ID/TAB */
#navTabsInner .elementaryTabs a#elementaryLinkTitle { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -450px;
}
#navTabsInner .elementaryTabs a#elementaryLinkMedia { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -450px;
}
#navTabsInner .elementaryTabs a#elementaryLinkOnlineResources { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -900px;
}
#navTabsInner .elementaryTabs a#elementaryLinkWebSites { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -900px;
}
#navTabsInner .elementaryTabs a#elementaryLinkDigitalMedia { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -1350px;
}
/* HOVER ICONS for each ID/TAB */
#navTabsInner .elementaryTabs a#elementaryLinkTitle:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -750px;
}
#navTabsInner .elementaryTabs a#elementaryLinkMedia:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -750px;
}
#navTabsInner .elementaryTabs a#elementaryLinkOnlineResources:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -1200px;
}
#navTabsInner .elementaryTabs a#elementaryLinkWebSites:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -1200px;
}
#navTabsInner .elementaryTabs a#elementaryLinkDigitalMedia:hover { /* Tab at 'hover' state:LEFT edge side */
background-position:0% -1650px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* END ELEMENTARY View Styles for tab icon */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*-----------------------------------------------------------------------------
END Tabbed styles (for DESTINY Inner Nav)
---------------------------------------------------------------------------*/