/* Defines static common CSS for AYS. This is an actual CSS file so we can
* deploy it to the image servers.
*
* Owner: udl-dev@amazon.com
*
* Copyright (c)2006 Amazon.com, Inc.
* All rights reserved.
*/
*
{
margin: 0em;
padding: 0em;
/* Set everything to 1.0em to start with; then override later. For some
* reason, Firefox (and IE very slightly) acts really funky if I don't have
* this; e.g., #YMLTitle specifies font-size: 2.0em, but is huge if I don't
* have this base rule.
*/
font-size: 1.0em;
}
/* Dark grey looks better than black */
div, span, p, li, h1, h2, h3, h4, h5, h6, td
{
color: #333333;
line-height: 1.2em;
}
body {
margin: 0.0em;
font-family: tahoma, sans-serif;
/* This allows us to use ems elsewhere for controlling size; by default
* 1.0em is really huge; and normally using sub-1em measurements causes
* funny-looking fonts in some browsers
*/
font-size: 85%;
overflow: auto;
}
a, a div, a span, a p, a li, a h1, a h2, a h3, a h4, a h5, a h6, a td
{
color: #003399;
/* Believe it or not, this rule is necessary to make all image links appear
* clickable in IE (works for most other browsers, too; though not Opera)
*/
cursor: pointer;
/* Hide the clicked dotted outline in browsers */
outline: none;
text-decoration: underline;
}
a:hover
{
color: #ec8f05;
text-decoration: underline;
}
img
{
border: none;
}
textarea
{
font-size: 1.2em;
}
.saveStatus
{
color: #EC8F05;
font-weight: bold;
}
/* This has to be like this for Safari -- it can't deal with display:none
iframes, so we squish it, hide it, and shove it off the screen
*/
#historyContent
{
height: 0px;
overflow: hidden;
position: absolute;
top: -10px;
visibility: hidden;
}
.hidden
{
visibility: hidden;
position: absolute;
}
/**************************
* Top navigation bar
**************************/
#amazonNav
{
float: right;
}
#amazonNav .amazonLogo
{
display: block;
margin-left: 1.0em;
margin-right: 1.0em;
overflow: hidden;
}
#ymlNav
{
float: left;
}
#ymlNav .ymlLogo
{
display: block;
margin-left: 1.0em;
margin-right: 1.0em;
}
#appNavBar
{
clear: both;
display: block;
font-family: tahoma, sans-serif;
font-weight: bold;
margin-top: 0.2em;
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}
#appNavBar .tabLeft,
#appNavBar .tabLeftFirst
{
float: left;
display: block;
}
#appNavBar .tabCenter
{
background-repeat: repeat-x;
display: block;
float: left;
}
#appNavBar .tabCenter a
{
margin-left: 0.75em;
margin-right: 0.65em;
white-space: nowrap;
}
#appNavBar .activeLeftTab a,
#appNavBar .activeRightTab a,
#appNavBar .inactiveLeftTab a:hover,
#appNavBar .inactiveRightTab a:hover
{
color: #ec8f05;
}
/* Compensate for no left image by extra spacing */
#appNavBar .inactiveLeftTab a
{
color: #003399;
margin-left: 0.95em;
}
#appNavBar .tabRight,
#appNavBar .tabRightNoDropdown,
#appNavBar .pipRight
{
float: left;
display: block;
}
#appNavBar .majorNav
{
display: block;
float:left;
font-size: 0.8em;
overflow: hidden;
text-align:center;
}
#appNavBar a
{
text-decoration:none;
color: #333333;
}
#appNavBar .minorNav
{
display: block;
float: left;
font-size: 0.9em;
position: relative;
}
#appNavBar .minorNav a
{
display: inline;
position: relative;
bottom: -0.7em;
padding-left: 0.9em;
padding-right: 0.9em;
}
#appNavBar .inactiveRightTab a
{
color: #003399;
font-weight: normal;
}
#appNavBar .activeRightTab a
{
font-weight: bold;
}
#appNavBar #settingsNav a
{
border-right: solid 1px #333333;
}
#appNavBar #profileNav a
{
border-right: solid 1px #333333;
}
#appNavBar #helpNav a
{
border-right: solid 1px #333333;
}
#noJSMessage
{
float: left;
font-family: verdana, sans-serif;
font-size: 0.8em;
width: 50%;
margin-left: 5.0em;
}
/**************************
* Bottom navigation bar
**************************/
#navFooter
{
width: 100%;
text-align: center;
font-size: 12px;
clear: both;
margin-bottom: 40px;
margin-top: 2em;
}
#navFooter a
{
margin: 0 1em;
}
/********************************************
* Sub nav dropdowns on the top level tabs *
********************************************/
.navDropdown
{
position: absolute;
top: 30px;
border: 1px solid #cccccc;
background-color: #fdfbf3;
font-size: 0.85em;
width: 160px;
padding-top: 5px;
padding-bottom: 5px;
}
.subNavMiddle
{
margin: 2px;
margin-left: 5px;
}
.subNavMiddle a
{
text-decoration: none;
display: block;
margin-top: 2px;
margin-bottom: 2px;
}
.subNavMiddle a:hover
{
color: #ec8f05;
}
/***********************
* Share Nag Dialogue
***********************/
.shareNagProgressBarContainer
{
position: absolute;
display:block;
z-index:502;
}
.shareNagOverlay
{
position: absolute;
top: 0%;
left: 0%;
display: block;
background-color: #ffffff;
width: 100%;
height: 100%;
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
z-index:500;
}
.shareNagBox
{
position: absolute;
top: 30%;
left: 15%;
display:block;
border: solid 2px #666666;
background-color: #ffffff;
width: 590px;
height: 310px;
opacity:1.0;
-moz-opacity:1.0;
filter:alpha(opacity=100);
overflow:hidden;
z-index:501;
}
.shareNagText
{
position: absolute;
left: 294px;
top: 136px;
width: 260px;
font-family: tahoma, sans-serif;
font-size: 90%;
}
.shareNagCheckBox
{
position: absolute;
left: 300px;
top: 285px;
width: 200px;
font-family: tahoma, sans-serif;
font-size: 90%;
}
/***********************
* Trash Confirmation popup
***********************/
.confirmContainer
{
display:none;
position:absolute;
top:200px;
width:100%;
z-index:510;
}
/***********************
* Search/message bar
***********************/
#searchBar
{
background-repeat: repeat-x;
clear: both;
display: block;
font-size: 0.9em;
margin-top: -1px;
overflow: hidden;
width: 100%;
}
#searchBar .leftBarCap
{
display: block;
float: left;
}
#searchBar .rightBarCap
{
display: block;
float: right;
}
#searchBox
{
display: block;
float: right;
margin-right: 1.0em;
position: relative;
border-bottom: solid 1px #a49b8c;
border-top: solid 1px #a49b8c;
background-color: #f3f0e8;
}
#searchBox .leftBoxCap
{
display: block;
position: absolute;
top: -1px;
}
#searchBox .rightBoxCap
{
display: block;
position: absolute;
top: -1px;
}
#searchBox form
{
margin: 0.15em 0.25em;
margin-top: -4px;
}
#searchBox form *
{
margin: 0 0.25em;
}
#searchBox form .title
{
margin-top: -0.1em;
font-weight: bold;
}
#searchBox .searchButton
{
position: relative;
top: 6px;
}
#helpNote
{
display: block;
float: left;
font-weight: bold;
margin-left: 0.75em;
margin-top: 1.3em;
}
#helpNote .notCustomerMessage
{
font-weight: normal;
}
#YourProfile
{
float:right;
display:block;
padding-top:8px;
padding-right:15px;
width:35px;
height:35px;
overflow:hidden;
}
#YourProfile img
{
height:35px;
width:35px;
}
#profileBlurbLoggedIn
{
display:none;
padding:5px;
width:250px;
overflow:hidden;
position:absolute
}
#profileBlurbNoProfile
{
display:none;
width:400px;
position:absolute;
overflow:hidden
}
#savingProfile
{
display:none;
width:200px;
position:absolute;
overflow:hidden;
}
/**********************
* Iframe
**********************/
#mainContent
{
overflow: hidden;
}
#mainContent, #mainContentFrame2
{
border: 0;
height: 400px;
width: 100%;
}
#mainContentFrameNoJS
{
height: 400px;
width: 100%;
}
.mainOrgContent {
border:0px solid red;
overflow:auto;
position:static;
float:left;
}
.viewListThick, .viewListThin, .viewListCover
{
overflow:hidden;
width:100%;
position:static;
float:left;
background-repeat: repeat;
}
.noDisplayOrOverflow
{
display:none;
overflow:hidden;
}
/************************
* General styling
************************/
.imageReplace
{
display: block;
margin: 0;
padding: 0;
position: relative;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.imageReplace span
{
display:block;
left:0px;
top:0px;
position:absolute;
}
.digitalLink
{
display: block;
margin: 0.25em;
}
/***********************
* Sidebar boxes
***********************/
.sidebarBoxSection .title
{
background-repeat: repeat-x;
display: block;
}
.sidebarBoxSection .title span
{
font-weight: bold;
display: block;
margin-left: 1.0em;
position: relative;
top: 0.25em;
}
.sidebarBoxSection .body
{
font-size: 0.9em;
padding: 0.7em;
text-align: center;
}
.sidebarBoxSection .sidebarBox,
.sidebarBoxSection .bottomCap
{
display: block;
position: relative;
width: 100%;
}
.sidebarBoxSection .sidebarBox
{
z-index: 2;
}
.sidebarBoxSection .bottomCap .middle
{
display: block;
width: auto;
}
.sidebarBoxSection .topSidebarBox .topLeft,
.sidebarBoxSection .bottomCap .left
{
display: block;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
.sidebarBoxSection .topSidebarBox .topRight,
.sidebarBoxSection .bottomCap .right
{
display: block;
overflow: hidden;
position: absolute;
right: 0px;
top: 0;
}
/* IE needs an extra pixel for right images */
.sidebarBoxSection .topSidebarBox .topRight,
.sidebarBoxSection .bottomCap .right
{
_right: -1px;
}
.sidebarBoxSection .body
{
text-align: center;
}
.sidebarBoxSection .imageReplace
{
margin-left: auto;
margin-right: auto;
}
/**************************************
* Generic popup header/close styling
* This matches the tag edit styling,
* so, those two should be in sync
**************************************/
.popoverContainer
{
border: solid 1px #d1caaf;
display: block;
position: absolute;
z-index: 100;
}
.popover
{
background-color: #fdf7e3;
border: solid 1px #918877;
display: block;
}
.popover .closeIcon
{
position: absolute;
right: 2px;
top: 2px;
}
.listpopup
{
display: none;
font-size: 0.9em;
font-weight: normal;
position: absolute;
padding: 5px;
background-color: white;
border: solid 2px #e8e2cd;
text-align: left;
width: 230px;
}
.boldlistpopup
{
width: 325px;
border-width: 4px;
padding: 10px;
font-size: 10pt;
font-weight: bold;
}
#fionaDownloadExplanationDialog.confirmContainer
{
position: absolute;
left: 50%;
width: 500px;
margin-left: -250px;
padding: 1em;
}
#fionaDownloadExplanationDialog h2
{
color: #EC8F05;
font-size: 1.2em;
}
#fionaDownloadExplanationDialog p
{
margin: 0.75em 0;
}
#fionaDownloadExplanationDialog li
{
margin: 0.75em 0 0.75em 2em;
}
/********************************
* DateAcquired Calendar popover
********************************/
.calendarText
{
float:left;
display:block;
}
.calendarIcon
{
display: block;
float: left;
overflow: hidden;
}
.calendarEditable
{
overflow: hidden;
}
#calendarPopup
{
border: 0;
font-family: tahoma, sans-serif;
font-size: 0.9em;
position: absolute;
z-index: 100;
}
#calendarPopup .yui-calendar
{
font-family: tahoma, sans-serif;
}
#calendarPopup th,
#calendarPopup td
{
border: solid 1px #f3e8cb;
padding: 0;
}
#calendarPopup td
{
background-color: #fdf7e3;
color: #918877;
text-align: right;
padding-right: 0.35em;
padding-top: 0.15em;
}
#calendarPopup td.selectable a
{
color: #333333;
}
#calendarPopup td.calcellhover
{
background-color: #d2cbb1;
}
#calendarPopup td.calcellhover a
{
color: #918877;
}
#calendarPopup td.selected
{
background-color: #d2cbb1;
}
#calendarPopup td.today
{
border-color: #918877;
}
#calendarContainer
{
border: 0;
padding: 0;
}
#calendarPopup .calhead,
#calendarPopup .closeCell
{
background-color: #918877;
}
#calendarPopup .yearDisplay
{
color: #ffffff;
display: inline;
margin-left: 0.5em;
position: relative;
top: -0.3em;
}
#calendarPopup #calYearSelect
{
position: absolute;
right: 0.5em;
top: 0.5em;
}
.calheader .yearForward,
.calheader .yearBack
{
overflow: hidden;
}
.calheader .yearBack
{
margin-top: 2px;
}
#calendarPopup .monthSelect
{
height: 1.2em;
margin: 4px 0;
width: 4.0em;
}
#calendarPopup .calweekdayrow th
{
background-color: #d2cbb1;
color: #514115;
padding-bottom: 0;
padding-left: 0.25em;
padding-right: 0.15em;
padding-top: 0.15em;
}
#calendarPopup .closeCell
{
vertical-align: top;
}
#calendarPopup .closeDiv
{
float: right;
margin-right: 1px;
margin-top: 1px;
}
.listViewProfileLink
{
float: right;
font-size: 1.1em;
}
/***********************
* Progress Bar styling
*/
.progressDialog
{
display: none;
filter:alpha(opacity=100);
height: 120px;
margin-left: 105px;
margin-top: 10px;
opacity:1.0;
position: absolute;
width: 250px;
}
.progressDialog .topLeft,
.progressDialog .topRight,
.progressDialog .bottomLeft,
.progressDialog .bottomRight
{
float: left;
}
.progressDialog .topMid
{
background-color: #F8F6F1;
border-top: 1px solid #BEB7AC;
float: left;
height: 15px;
width: 240px;
}
.progressDialog .main
{
background-color: #F8F6F1;
border-left: 1px solid #BEB7AC;
border-right: 1px solid #BEB7AC;
display: block;
font: bold 0.8em verdana;
height: 100px;
margin-top: 15px;
width: 248px;
}
.progressDialog .operationTitle
{
background-color: #F8F6F1;
color: #333333;
margin-bottom: 10px;
text-align: center;
}
.progressDialog .bottomMid
{
background-color: #F8F6F1;
border-bottom: 1px solid #BEB7AC;
float: left;
height: 15px;
width: 240px;
}
.progressDialog .progressBar .bar
{
width: 172px;
}
.progressDialog .cancelButton
{
display: block;
margin-top: 10px;
margin-left: 85px;
}
.progressDialog .doneButton
{
display: block;
margin-top: 10px;
margin-left: 100px;
}
.progressBar
{
text-align: center;
}
.progressBar .bar
{
border: 1px solid #C1B998;
height: 16px;
margin: 0 auto;
position: relative;
width: 100%;
}
.progressBar .bar .progressDone
{
background-color: #ECAA48;
height: 16px;
left: 0;
position: absolute;
width: 0px;
}
.progressBar .bar .progressNotDone
{
height: 16px;
right: 0;
position: absolute;
}
.progressBar .progressStatus
{
color: #968668;
text-align: center;
}
/*
* End Progress Bar styling
***************************/
.iownProg
{
float:left;
width:250px;
display:none;
height:20px;
margin-left:20px;
margin-top:5px;
}
/*****************************
* Common rounded container
*****************************/
.roundedContainer .topBar,
.roundedContainer .bottomBar
{
background-color: #fdf7e3;
display: block;
position: relative;
width: auto;
}
.roundedContainer .topBar
{
border-top: solid 1px #beb7ac;
}
.roundedContainer .bottomBar
{
border-bottom: solid 1px #beb7ac;
}
.roundedContainer .topLeft,
.roundedContainer .topRight,
.roundedContainer .bottomLeft,
.roundedContainer .bottomRight
{
display: block;
overflow: hidden;
position: absolute;
top: 0;
}
.roundedContainer .topLeft,
.roundedContainer .topRight
{
top: -1px;
}
.roundedContainer .mainSection
{
background-color: #fdf7e3;
border-left: solid 1px #beb7ac;
border-right: solid 1px #beb7ac;
display: block;
margin-bottom: -5px;
margin-top: -10px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 2;
}
/************************
* List row coloring
************************/
.listRowEven
{
background-color:#FAF8F1;
}
.listRowOdd
{
background-color:#F1EDE1;
}
/**************************
* Static pagination
**************************/
.pagination
{
font-family: verdana, sans-serif;
font-size: 0.8em;
font-weight: bold;
margin: 10px 0;
padding: 5px;
text-align: right;
}
.pagination a
{
color: #003399;
font-weight: normal;
margin: 5px;
text-decoration: none;
}
.pagination a.nextLink,
.pagination a.prevLink
{
font-weight: bold;
}
.pagination .currentPage
{
display: inline;
margin: 1px;
color: #ec8f05;
border: 1px solid #ec8f05;
padding: 3px;
}
/***********************
* Bonus items/manuals
***********************/
.bonusSection
{
background-color: #ffffff;
border: solid 1px #c1b998;
display: block;
_height: 100%;
margin-top: 1px;
padding: 10px;
padding-right: 40px;
overflow: hidden;
width: 95%;
}
.bonusSection .bonusInfo
{
float: left;
width: 65%;
}
.bonusSection .bonusItem
{
clear: both;
padding: 10px;
}
.bonusSection .title
{
font-weight: bold;
margin-right: 0.5em;
}
.bonusSection .bonusAction
{
float: right;
}
.bonusSection .bonusAction a
{
float: right;
}
/***********************
* Digital music track list
***********************/
.digitalMusicTrackList .title
{
font-size: 1.3em;
font-weight: bold;
margin: 0.5em;
}
.digitalMusicTrackList table
{
margin-bottom: 1.0em;
width: 80%;
}
.digitalMusicTrackList table th
{
text-align: left;
padding-right: 0.5em;
}
.digitalMusicTrackList table td
{
padding: 0.1em;
padding-right: 0.5em;
}
/******************************
* Shared collection images
******************************/
.collectionImageContainer,
.collectionNoImageContainer
{
display: block;
height: 150px;
overflow: hidden;
position: relative;
width: 140px;
}
.collectionImageContainer img
{
position: absolute;
}
.collectionImageContainer .image0
{
z-index: 3;
}
.collectionImageContainer .image1
{
z-index: 2;
}
.collectionImageContainer .image2
{
z-index: 1;
}
.collectionImageContainer .profileImage
{
border: solid 1px #333333;
left: 0;
position: absolute;
top: 15px;
z-index: 5;
}
.collectionNoImageContainer .profileImage
{
border: solid 1px #333333;
left: 0;
position: absolute;
top: 0;
z-index: 5;
}
.container3 .image0,
.container2 .image0
{
left: 0px;
bottom: 0px;
}
.container3 .image2,
.container2 .image1
{
right: 0px;
bottom: 16px;
}
.container3 .image1,
.container1 .image0
{
left: 30px;
bottom: 8px;
}
/*************************
* Outage page
*************************/
#outagePage
{
font-family: verdana, sans-serif;
font-size: 0.9em;
padding: 5%;
}
#outagePage .title
{
color: #ec8f05;
font-size: 1.25em;
margin-bottom: 1em;
margin-left: 1em;
}
#outagePage .message p
{
margin-bottom: 1em;
margin-left: 1em;
}
/*************************
* Login page
*************************/
#loginPage
{
font-family: verdana, sans-serif;
font-size: 1.0em;
padding: 5%;
}
#loginPage .message
{
margin: 1em;
text-align: center;
}
/*******************
* Profile images
*******************/
.profileImageT
{
display: block;
height: 72px;
overflow: hidden;
text-align: center;
width: 72px;
}
.profileImageM
{
display: block;
height: 150px;
overflow: hidden;
text-align: center;
width: 150px;
}
/*************************************
* Similar items & People who also own & Similar collections
* (horizontal stripe of images)
*************************************/
.horizontalImagesBody
{
font-family: tahoma, sans-serif;
}
.horizontalImagesBody .rowTable td
{
vertical-align: top;
}
.horizontalImagesBody .rowTable .itemTable tr
{
margin-top: 2px;
}
.horizontalImagesBody .rowTable .itemTable td
{
vertical-align: bottom;
padding-right: 25px;
}
.horizontalImagesBody .itemLink
{
margin: 0;
text-align: center;
vertical-align: top;
}
/***********************
* Tag cloud styling
***********************/
#tagContainer
{
margin-bottom: 20px;
}
#tagContainer .middle
{
background-color: #eff5f9;
}
#tagContainer .corner
{
line-height: 0em;
}
#tagContainer .bottomMiddle
{
line-height: 0em;
background-color: #eff5f9;
}
#tagContainer .middle a
{
text-decoration: none;
}
#tagContainer .middle a:hover
{
background-color: #e0a366;
color: white;
}
/************************************
* Auto complete drop down styling
************************************/
#autoCompleteDropDown
{
position: absolute;
background-color: #ffffff;
border: 1px solid #99aacc;
margin: 1px;
padding: 0;
}
#autoCompleteDropDown .suggestion
{
font-size: .95em;
cursor: pointer;
padding: 1px;
}
#autoCompleteDropDown .highlight
{
background-color: #99aacc;
}
#autoCompleteDropDown .suggestion .suggestionMiddle
{
font-size: .94em;
font-weight: bold;
text-decoration: underline; }

/* Defines static CSS for AYS Download. This is an actual CSS file so we can
* deploy it to the image servers.
*
* Owner: udl-dev@amazon.com
*
* Copyright (c)2006 Amazon.com, Inc.
* All rights reserved.
*/
#downloadPage
{
padding: 0 15px;
}
#downloadPage .noResultsBox,
#downloadPage .errorBox
{
font-family: verdana, sans-serif;
font-size: 1.0em;
padding: 5% 20%;
}
#downloadPage .noResultsBox .message,
#downloadPage .errorBox .message
{
margin: 1.0em;
text-align: center;
}
#downloadPage .errorBox .message
{
color: red;
}
#downloadPage .filterForm .submitLink
{
margin-left: 6px;
margin-top: 12px;
}
#downloadPage .dummySpacer
{
float: left;
height: 10px;
width: 25%;
}
#downloadPage .sortSection
{
float: right;
font-family: verdana, sans-serif;
margin-right: 10px;
width: 25%;
}
#downloadPage .sortSection .title
{
float: right;
font-weight: bold;
margin-right: 0.5em;
margin-top: 0.55em;
}
#downloadPage .sortSection .sortForm
{
float: right;
margin-right: 5px;
margin-top: 2px;
}
#downloadPage .sortSection .sortForm select
{
position: relative;
margin-right: 5px;
width: 100px;
top: -4px;
}
#downloadPage .sortSection .sortDir
{
float: right;
margin-top: 4px;
}
#downloadPage #selectBar
{
top: -3px;
}
#downloadPage .saveStatus
{
clear: both;
width: 133px;
text-align: center;
float: right;
padding-bottom: 4px;
}
#downloadList
{
font-family: tahoma, sans-serif;
font-size: 0.8em;
margin-top: -3px;
}
#downloadList .downloadRow
{
border-bottom: dashed 1px #999999;
display: block;
overflow: hidden;
width: 100%;
}
#downloadList .image
{
float: left;
margin: 10px;
width: 80px;
}
#downloadList .infoBlock
{
float: left;
margin: 10px;
width: 30%;
}
#downloadList .infoBlock .field
{
margin-bottom: 0.15em;
}
#downloadList .title
{
font-weight: bold;
margin-right: 0.5em;
}
#downloadList .actionBlock
{
float: right;
margin-bottom: 10px;
padding-right: 61px;
margin-top: 10px;
width: 250px;
}
#downloadList .actionBlock a,
#downloadList .actionBlock input
{
float: right;
margin-bottom: 5px;
clear: both;
}
#downloadList .actionBlock iframe
{
float: right;
clear: both;
border: 0 solid #000000;
height: 7em;
width: 100%;
overflow: hidden;
}
#downloadList .fionaEditionSelect
{
position: absolute;
width: 130px;
right: 250px;
}
#downloadList .fionaDeviceSelect
{
text-align:right;
clear: both;
}
#downloadList .fionaDeviceSelectText
{
margin-right: 25px;
}
#downloadList .fionaDownloadLabel
{
display: block;
clear: both;
float: right;
margin-top: 0.5em;
width: 133px; /* Width of the download button */
text-align: left;
}
#downloadList .fionaHowThisWorksLink
{
display: none; /* this is converted into a display:block when JS is enabled */
/* shift this up the height (and form padding) of the download button */
margin-top: -20px;
width: 200px;
position: relative;
left: 200px;
}
#downloadList .esdDownload
{
float: right;
text-align: center;
}
#downloadList .actionBlock .esdDownload a
{
float: none;
margin: 0 auto;
}
#downloadList .bonusContainer
{
clear: both;
padding-bottom: 10px;
padding-left: 110px;
padding-right: 20px;
}
#downloadList .dmusicTrackContainer
{
background-color: #ffffff;
border: solid 1px #c1b998;
float: right;
margin-bottom: 10px;
margin-right: 61px;
width: 50%;
}
#downloadList .dmusicTrackContainer table
{
width: 100%;
}
/*************************
* Download Movie page
*************************/
#downloadMoviePage
{
display: block;
font-family: tahoma, sans-serif;
overflow: hidden;
padding: 10%;
width: 80%;
}
#downloadMoviePage .title
{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1.0em;
text-align: center;
}
#downloadMoviePage .image
{
float: left;
margin-left: 5.0em;
}
#downloadMoviePage .downloadBox
{
float: right;
font-size: 0.9em;
margin-right: 5.0em;
margin-top: 3.0em;
text-align: center;
}
#downloadMoviePage .downloadBox select
{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.75em;
}
#unboxDownloadPage
{
padding: 8em;
}
#unboxDownloadPage .mainSection
{
font-family: verdana, sans-serif;
font-size: 1.2em;
text-align: center;
}
/*************************
* Download Digital Music page
*************************/
#downloadDigitalMusicPage
{
display: block;
font-family: tahoma, sans-serif;
overflow: hidden;
padding: 30px;
}
#downloadDigitalMusicPage .title
{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1.0em;
text-align: center;
}
#downloadDigitalMusicPage .image
{
float: left;
margin-left: 5.0em;
}
#downloadDigitalMusicPage .downloadBox
{
float: right;
font-size: 0.9em;
margin-right: 5.0em;
margin-top: 3.0em;
text-align: center;
}
#downloadDigitalMusicPage .downloadBox select
{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.75em;
}
#downloadDigitalMusicPage .digitalMusicTrackList .title
{
text-align: left;
}

#printBody
{
overflow: visible;
}
#printBody .printHeader
{
border-bottom: solid 1px #dad7ce;
font-size: 1.25em;
margin: 0.5em 0;
text-align: center;
padding-left:5px;
padding-right:5px;
}
#printBody .printHeader .ymlLogo
{
float: left;
}
#printBody .printHeader .amazonLogo
{
float: right;
}
#printBody .printHeader .title
{
margin: 0 auto;
}
#printBody .pagebreak
{
border-top: solid 1px #999999;
margin-top: -1px;
page-break-after: always;
}
#printBody .printList
{
border-bottom: dashed 1px #999999;
display: block;
font-size: 0.8em;
overflow: hidden;
width: 100%;
}
#printBody .printList .field
{
margin-bottom: 0.15em;
width:300px;
}
#printBody .printList .title
{
font-weight: bold;
margin-right: 0.5em;
}
#printBody .printList .productImage
{
float: left;
margin: 10px;
margin-left: 20px;
}
#printBody .printList .col1
{
float: left;
margin: 10px;
}
#printBody .printList .col2
{
float: right;
margin: 10px;
margin-right: 35px;
}
#printBody .printList .leftCol
{
text-align: right;
}
#printBody .printList .rightCol
{
padding-left: 0.75em;
}
#printBody .printList .calendarText
{
display: inline;
float: none;
}
#printBody .progressDialog
{
display: block;
left: 40%;
margin: 0;
position: fixed;
_position: absolute;
top: 200px;
_top: expression(eval( document.body.scrollTop + 200 ));
}
#printBody .progressDialog .loadingImg
{
margin-left: 30%;
}
#printBody .progressDialog .title
{
margin-bottom: 1.0em;
text-align: center;
}
#printBody .progressDialog .bar
{
margin-bottom: 7px;
}
#noItems
{
display: none;
}

#settingsDivs
{
display:block;
font-family: verdana, sans-serif;
font-size: 0.9em;
padding: 20px;
}
#settingsDivs .header
{
color: #ec8f05;
display: block;
font-size: 1.25em;
font-weight: bold;
margin-bottom: 1.0em;
}
#settingsDivs .description
{
display: block;
margin: 0.5em 0;
}
#settingsDivs .inputField
{
display: block;
font-size: 0.9em;
}
#settingsDivs input
{
margin-right: 0.5em;
}
#settingsDivs .saveStatus
{
display: none;
float: right;
margin-top: -1.5em;
}
#autoSharing
{
display:block;
float:left;
margin: 0px 10px;
overflow: hidden;
width: 45%;
}

#homePage
{
font-family: verdana, sans-serif;
position: relative;
padding-top: 25px;
width: 950px;
margin-left: auto;
margin-right: auto;
}
#homePage .header,
#homePage .title
{
color: #cc3300;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.75em;
}
#homePage .subHeader
{
font-size: 0.9em;
}
#homePage .arrowIcon
{
display: block;
float: left;
margin-right: 0.5em;
margin-top: 0.35em;
overflow: hidden;
}
#homePage #mainLeft
{
border-right: 1px dotted #999999;
float: left;
padding-right: 10px;
width: 640px;
display: inline;
}
#homePage #mainTitle
{
border-bottom: 1px dotted #999999;
margin-right: 20px;
margin-top: 25px;
padding-bottom: 30px;
}
#homePage #mainTitle #mainTitleContent
{
width: 100%;
}
#homePage #mainArea
{
padding-top: 30px;
}
#homePage #mainRight
{
float: right;
width: 265px;
padding-left: 25px;
display: inline;
clear: right;
}
#homePage td.corner
{
line-height: 0em;
}
#homePage #signInArea
{
border-bottom: 1px dotted #999999;
margin-top: 75px;
padding-bottom: 39px;
}
/***
* Recently Added section
***/
#homePage #recentlyAdded
{
width: 100%;
margin-bottom: 35px;
font-size: 0.9em;
}
#homePage #recentlyAdded .header
{
font-size: 1.1em;
}
#homePage #recentlyAdded table
{
font-size: 0.9em;
margin-top: 6px;
}
#homePage #recentlyAdded table tr
{
height: 21px;
}
#homePage #recentlyAdded .stripe1
{
background-color: #eaeaea;
}
#homePage #recentlyAdded .recentTitle
{
overflow: hidden;
height: 1.25em;
margin-left: 5px;
margin-right: 5px;
}
#homePage #shareAllHelp
{
width: 270px;
font-size: 0.9em;
}
#homePage #blogWidget
{
width: 100%;
font-size: 0.9em;
margin-bottom: 30px;
}
#homePage #blogWidget .blogTitle
{
font-size: 0.9em;
height: 1.25em;
width: 220px;
overflow: hidden;
}
#homePage #feedback
{
width: 100%;
height: 80px;
font-size: 0.9em;
}
#homePage #bottom
{
clear: both;
display: block;
/* The underscore hides it from firefox, but ensures that the bottom
* border takes the collectionLink into account in IE */
_height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
/***
* Common Widget Styles
***/
.widget
{
margin: 30px 0;
border: 1px solid;
}
.widget .content
{
padding: 5px 15px;
}
/* widget border */
.widget .top,
.widget .bottom
{
position: relative;
height: 10px;
/* Thank you, IE, thank you... */
font-size: 0;
}
/* background images are set in common/css/dynamic-css.mi */
.widget .top div,
.widget .bottom div
{
position: absolute;
height: 10px;
width: 10px;
}
.widget .top div
{
top: -1px;
}
.widget .bottom div
{
bottom: -1px;
}
.widget .left
{
left: -1px;
}
.widget .right
{
right: -1px;
}
/* IE5-6 is off by one pixel for some reason, * it doesn't appear to be a font or box model issue
*/
* html .widget .right
{
right: -2px;
}
/***
* Profile widget
***/
#profileWidget
{
margin-top: 0;
font-size: 0.8em;
background-color: #f1f7e4;
border-color: #99cc33;
}
#profileWidget.faded
{
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#profileWidget .signInText
{
font-weight: bold;
font-size: 1.15em;
margin-bottom: 10px;
}
#profileWidget .signInAction
{
text-align: center;
padding-top: 2px;
}
#profileWidget .profileInfo
{
margin: 0.25em 0;
}
#profileWidget .data
{
padding-left: 1em;
}
#profileWidget .info
{
font-style: italic;
}
#profileWidget .info a
{
font-style: normal;
}
/***
* Also own widget
***/
#alsoOwnWidget
{
height: 490px;
width: 650px;
font-size: 0.9em;
}
#alsoOwnWidget .subHeader
{
margin-bottom: 1.5em;
}
#alsoOwnWidget .inCollection
{
float: left;
}
#alsoOwnWidget .otherCollections
{
float: left;
width: 330px;
margin-left: 25px;
margin-bottom: 1em;
}
#alsoOwnWidget .otherCollectionsTitle
{
display: block;
width: 100%;
height: 2.5em;
overflow: hidden;
}
#alsoOwnWidget .otherCollectionsBody
{
margin-bottom: 1em;
margin-left: 15px;
margin-top: 10px;
}
#alsoOwnWidget .otherCollectionsBody .name
{
font-size: 0.85em;
}
#alsoOwnWidget #otherCollectionsLoading
{
position: absolute;
}
#alsoOwnWidget #otherLinks
{
margin-left: 15px;
}
/*****
* Popular Media
*******/
#popularMedia .title
{
padding-top: 30px;
color: #cc3300;
display: block;
font-weight: bold;
}
#popularMedia .subtitle
{
display: block;
font-size: 0.8em;
margin-top: 0.3em;
}
#popularMedia .menuSection
{
margin: 0.75em 0.75em 2.25em 0.75em;
}
#popularMedia .menuSection ul
{
list-style: none;
}
#popularMedia .menuSection li
{
border-left: solid 1px #333333;
display: inline;
padding: 0 0.75em;
}
#popularMedia .menuSection li.first
{
border-left: none;
padding-left: 0;
}
#popularMedia .menuSection li a
{
color: #669900;
font-family: verdana, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
#popularMedia .menuSection .currentMenu a
{
color: #333333;
font-weight: bold;
text-decoration: none;
}
#popularMedia .visibleCat
{
overflow: hidden;
padding-bottom: 0.5em;
width: 100%;
}
#popularMedia .hiddenCat
{
display: none;
}
#popularMedia .item
{
float: left;
height: 9em;
margin-bottom: 1em;
overflow: hidden;
text-align: center;
width: 49.9%;
}
#popularMedia .item .itemTitle
{
display: block;
font-size: 0.8em;
margin: 0.7em 0;
text-align: center;
}
#popularMedia .item .image
{
margin: 0 auto;
}
/***
* Blog Widget
***/
#blogWidget
{
font-size: 0.85em;
background-color: #eaeaea;
border-color: #999999;
}
#blogWidget h3
{
font-weight: normal;
}
#blogWidget ol
{
margin: 0.5em 0 0.5em 1.5em;
}
* html #blogWidget ol
{
margin-left: 2em;
}
#blogWidget li
{
margin: 0.125em 0;
}
#blogWidget li a
{
display: block;
line-height: 1.25em;
height: 1.25em;
overflow: hidden;
}
* html #blogWidget li a
{
display: auto;
}
/* Defines static common CSS for profile page. This is an actual CSS file so we can
* deploy it to the image servers.
*
* Owner: udl-dev@amazon.com
*
* Copyright (c)2006 Amazon.com, Inc.
* All rights reserved.
*/
/***************************
* General layout/style
***************************/
#profilePage
{
padding: 15px;
}
#profilePage .arrowIcon
{
display: block;
float: left;
margin-right: 0.5em;
margin-top: 0.35em;
overflow: hidden;
}
#topLevelSection1, #topLevelSection2
{
font-family: tahoma, sans-serif;
font-size: 0.8em;
}
#topLevelSection2, #topLevelSection3, #topLevelSection4
{
margin-bottom: 15px;
width: 77%;
}
#topLevelSection3, #topLevelSection4
{
border-top: solid 1px #dbdbdb;
clear: left;
font-family: verdana, sans-serif;
font-size: 0.9em;
overflow: hidden;
padding-top: 15px;
}
#communitySidebar
{
display: block;
float: right;
font-family: tahoma, sans-serif;
overflow: hidden;
width: 20%;
height: 900px;
}
#profilePage h2
{
font-weight: bold;
margin-bottom: 1em;
}
#profilePage .title
{
font-weight: bold;
margin-right: 0.5em;
}
/********************
* Customer profile
********************/
#customerProfile
{
overflow: hidden;
}
#customerProfile .field
{
display: block;
margin-bottom: 0.15em;
}
#customerProfile .profilePicture
{
display: block;
float: left;
text-align: center;
}
#customerProfile .profilePicture .image
{
margin-bottom: 0.5em;
}
#customerProfile .profileInfo
{
display: block;
float: left;
margin-left: 15px;
width: 75%;
}
#customerProfile .profileInfo .editLink
{
margin-left: 0.2em;
}
#customerProfile .profileInfoBottom .field form
{
display: inline;
}
#customerProfile .profileInfoBottom .field form input
{
display: block;
}
#customerProfile .profileInfoLeft
{
display: block;
float: left;
margin-top: 0.75em;
width: 49.9%;
}
#customerProfile .displayName
{
display: block;
font-family: verdana, sans-serif;
font-size: 1.4em;
font-weight: bold;
width: 75%;
}
#customerProfile .profileInfoRight
{
display: block;
float: left;
margin-top: 0.75em;
margin-left: 1%;
width: 49%;
}
#customerProfile .profileInfoRight .title
{
text-align: right;
}
#customerProfile .profileInfoRight .value
{
margin-left: 0.75em;
}
#customerProfile .profileInfoBottom
{
clear: both;
display: block;
padding-top: 1.0em;
overflow: hidden;
width: 100%;
}
#customerProfile .profileInfoBottom .field
{
float: left;
margin-right: 1%;
width: 99%;
}
#customerProfile .profileInfoBottom .field textarea
{
width: 99%;
}
#popover_interestsLink, #popover_inMyOwnWordsLink
{
display: none;
}
#profilePage .popover
{
width: 400px;
}
#profilePage .popover .showMore .title
{
font-size: 1.1em;
font-weight: bold;
padding: 1em;
}
#profilePage .popover .showMore .body
{
height: 300px;
overflow: auto;
overflow-x: none;
overflow-y: auto;
padding: 2em 1em;
padding-top: 0em;
}
#more_interests, #more_inMyOwnWords
{
display: none;
}
/*************************
* Collection
*************************/
.noSharedMessage .viewCollection
{
text-align: center;
}
.noSharedMessage .yourCollectionLink
{
margin: 0.75em auto;
}
#sharedListSection
{
display: block;
margin-left: 25px;
overflow: hidden;
width: 100%;
}
#sharedListSection .sharedListItem
{
float: left;
font-family: tahoma, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-align: center;
width: 140px;
}
#sharedListSection .sharedListItem .title
{
display: block;
margin: 0 auto;
width: 140px;
}
#sharedListSection .sharedListItem a:hover .title
{
color: #ec8f05;
}
#sharedListSection .sharedListItem .sharedListImage
{
margin-bottom: 3px;
}
#sharedListSection .sharedListItem .listCount
{
display: block;
font-weight: normal;
margin-top: 3px;
}
#sharedListSection .sharedListSeparator
{
border-right: dashed 1px #beb7ac;
display: block;
float: left;
height: 150px;
margin: 0 2.5%;
width: 0;
}
/*******
* Tags
*******/
#sharedTagsSection
{
margin-top: 15px;
}
/**********************
* Favorite People
**********************/
#favoritePeopleBody
{
overflow: hidden;
}
h2 .subtitle
{
font-weight: normal;
}
#favoriteSection form
{
margin-top: 1.0em;
text-align: center;
}
#favoriteSection .searchField
{
margin: 0 0.5em;
}
#friendList
{
display: block;
font-family: tahoma, sans-serif;
font-size: 0.8em;
font-weight: bold;
width: 100%;
}
#friendList .row
{
display: block;
overflow: hidden;
margin-bottom: 25px;
width: 100%;
}
#friendList .favoritePerson
{
float: left;
margin: 0 1.5%;
text-align: center;
width: 16%;
}
#friendList .favoritePerson .profileImage
{
cursor: pointer;
margin: 0px auto;
padding: 6px;
}
#friendList .favoritePerson .name
{
margin-top: 0.2em;
}
#friendList .favoritePerson a:hover .name
{
color: #ec8f05;
}
/***********************
* Sidebar
***********************/
#topLevelSection1 .bottomCap
{
margin-bottom: 15px;
}
#recentActivityBox
{
display: block;
overflow: hidden;
width: 100%;
}
#recentActivityBox .title,
#recentActivityBox .body
{
border-right: solid 1px #8bbf22;
border-left: solid 1px #8bbf22;
}
/* We need this rule here instead of the common rules to override the previous */
#recentActivityBox .title
{
border: 0;
}
#recentActivityBottom .middle
{
border-bottom: solid 1px #8bbf22;
}
#manageRelationshipBox .title,
#manageRelationshipBox .body
{
border-right: solid 1px #fdd583;
border-left: solid 1px #fdd583;
}
/* We need this rule here instead of the common rules to override the previous */
#manageRelationshipBox .title
{
border: 0;
}
#manageRelationshipBottom .middle
{
border-bottom: solid 1px #fdd583;
}
#popularCollectionsBox .title,
#popularCollectionsBox .body
{
border-right: solid 1px #c1b998;
border-left: solid 1px #c1b998;
}
/* We need this rule here instead of the common rules to override the previous */
#popularCollectionsBox .title
{
border: 0;
}
#popularCollectionsBottom .middle
{
border-bottom: solid 1px #c1b998;
}
#popularCollections .collectionItem
{
margin-bottom: 1.5em;
}
#popularCollections .collectionItem .image
{
text-align: center;
}
#popularCollections .collectionItem .collectionImageContainer
{
margin: 0 auto;
}
#popularCollections .viewName
{
display: block;
margin: 3px auto;
width: 140px;
}
#popularCollections .viewCount
{
margin-top: 4px;
}
#viewSelfLink
{
font-weight: bold;
}
#viewSharedLink
{
font-weight: bold;
}
/***********************
* Search
***********************/
#peopleSearchPage
{
margin: 15px;
}
#peopleSearchPage .emailSentBox,
#peopleSearchPage .noResultsBox
{
font-family: verdana, sans-serif;
padding: 5% 20%;
}
#peopleSearchPage .noResultsBox
{
font-size: 0.9em;
}
#peopleSearchPage .emailOptionBox
{
font-size: 0.9em;
right: 20px;
position: absolute;
top: 50px;
width: 30%;
}
#peopleSearchPage .emailSentBox .message
{
margin: 1.0em;
text-align: center;
}
#peopleSearchPage .noResultsBox .message,
#peopleSearchPage .emailOptionBox .message
{
font-weight: bold;
margin: 1.0em;
}
#peopleSearchPage .noResultsBox form,
#peopleSearchPage .emailOptionBox form
{
margin: 1.0em;
}
#peopleSearchPage .noResultsBox textarea,
#peopleSearchPage .emailOptionBox textarea
{
display: block;
height: 11.0em;
width: 100%;
}
#peopleResultList .peopleRow
{
border-bottom: dashed 1px #999999;
display: block;
font-family: tahoma, sans-serif;
font-size: 0.85em;
overflow: hidden;
height: 100%;
}
#peopleResultList .peopleRow .field
{
margin-top: 0.2em;
}
#peopleResultList .peopleRow .title
{
font-weight: bold;
margin-right: 0.5em;
}
#peopleResultList .peopleRow .image,
#peopleResultList .peopleRow .personalInfo,
#peopleResultList .peopleRow .sharedCollection,
#peopleResultList .peopleRow .manageFavorite
{
float: left;
margin: 1.0em;
}
#peopleResultList .peopleRow .image
{
width: 7%;
}
#peopleResultList .peopleRow .personalInfo
{
width: 25%;
}
#peopleResultList .peopleRow .sharedCollection
{
text-align: center;
width: 14%;
}
#peopleResultList .peopleRow .manageFavorite
{
width: 12%;
}
/********************************
* Hacks for IE margin behavior *
********************************/
* html #customerProfile .profileInfoRight
{
margin-left: 0;
}
* html #customerProfile .profileInfoTop .profileInfoRight
{
margin-left: 1%;
}

/* Defines static community CSS for AYS. This is an actual CSS file so we can
* deploy it to the image servers.
*
* Owner: udl-dev@amazon.com
*
* Copyright (c)2007 Amazon.com, Inc.
* All rights reserved.
*/
#communityMorePage
{
margin: 15px;
}
#communityMorePage .arrowIcon
{
display: block;
float: left;
margin-right: 0.5em;
margin-top: 0.35em;
overflow: hidden;
}
#popularViewsSection .viewSection
{
display: block;
margin-bottom: 15px;
overflow: hidden;
padding-top: 15px;
width: 100%;
}
#popularViewsSection .headerTitle
{
font-family: verdana, sans-serif;
font-size: 2.1em;
margin-left: -10px;
}
#popularViewsSection .title
{
color: #cc6600;
font-family: verdana, sans-serif;
font-size: 1.1em;
margin-left: 1em;
}
#popularViewsSection .title .itemTitle
{
color: #cc6600;
font-weight: bold;
}
#popularViewsSection .shelf
{
display: block;
margin-bottom: 5px;
overflow: hidden;
width: 100%;
}
#popularViewsSection .collection
{
float: left;
font-family: tahoma, sans-serif;
font-size: 0.8em;
margin-bottom: 5px;
text-align: center;
width: 19.9%;
}
#popularViewsSection .collection .name
{
display: block;
margin: 0 auto;
width: 140px;
}
#popularViewsSection .collection a
{
margin: 5px auto;
width: 140px;
}
#popularViewsSection .collection a:hover .name
{
color: #ec8f05;
}
#popularViewsSection .collection .collectionImageContainer,
#popularViewsSection .collection .collectionNoImageContainer
{
margin: 5px auto;
}
#popularViewsSection .viewMoreLessSection
{
clear: both;
}
#popularViewsSection .viewMore
{
float: right;
font-family: verdana, sans-serif;
font-size: 0.88em;
font-weight: bold;
margin-right: 30px;
}
#popularViewsSection .viewLess
{
float: left;
font-family: verdana, sans-serif;
font-size: 0.88em;
font-weight: bold;
margin-left: 30px;
}
#popularViewsSection .horizontalImagesBody .rowTable td
{
width: 170px;
}

#addTitlePage
{
/* don't change this without updating the JS for AddTitle.resize() */
padding: 15px;
}
#addTitleHeader
{
color: #cc6600;
font-family: verdana, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin: 0.5em 0;
}
.addTitleActionBox
{
font-family: verdana, sans-serif;
font-size: 0.9em;
}
.addTitleActionBox .title
{
color: #ec8f05;
font-size: 1.25em;
margin-bottom: 0.75em;
}
.addTitleActionBox p
{
margin-bottom: 0.7em;
}
.addTitleActionBox form
{
margin-top: 1.0em;
}
.addTitleActionBox select,
.addTitleActionBox .actionInput
{
margin: 0.3em 0.3em;
}
.addTitleActionBox .isbnExample
{
float: right;
height: 80px;
width: 99px;
}
#addTitleSearchArea
{
border-right: solid 1px #beb7ac;
display: block;
float: left;
margin: 0px 5px;
overflow: hidden;
padding-right: 10px;
width: 50%;
}
#addTitleFileUploadArea
{
display: block;
float: left;
margin: 0px 10px;
overflow: hidden;
width: 45%;
}
#addTitleScanMediaArea
{
margin: 0px auto;
width: 50%;
text-align: center;
}
.addTitleBoldText
{
font-weight: bold;
}
#scrollingResults
{
position: relative;
overflow: auto;
/* reasonable default for 1024x768 screen, so the scrollbars don't jump */
height: 370px;
}
#scrollingResults .searchCategory
{
/* This is to fix a horizontal scrollbar in IE */
overflow-x: hidden;
}
#scrollingResults .categoryHeader
{
font-family: tahoma, sans-serif;
margin-top: 8px;
}
#scrollingResults .categoryHeader a
{
text-decoration: none;
}
#scrollingResults .categoryHeader a:hover
{
text-decoration: underline;
}
#scrollingResults .categoryHeader .title
{
font-weight: bold;
margin-right: 0.5em;
}
#scrollingResults .categoryHeader .correctedKeywords
{
float: left;
margin-left: 5px;
margin-top: 0.5em;
}
#scrollingResults .categoryHeader .sortOptions
{
float: right;
margin-right: 5px;
margin-top: 3px;
}
#importResultInfo
{
margin-top: 1.5em;
font-family: verdana, sans-serif;
font-weight: bold;
}
#addTitleBreakDiv,
#addAllBottom
{
font-family: verdana, sans-serif;
font-size: 0.9em;
font-weight: bold;
margin-top: 8px;
}
#addAllBottom
{
margin-top: 0;
}
#addTitleBreakDiv .addAllOption,
#addAllBottom .addAllOption
{
float: left;
margin-left: 5px;
margin-top: 0.4em;
}
#scrollingResults .categoryTitle,
#scrollingResults .noSearchResults
{
font-family: verdana, sans-serif;
font-size: 0.9em;
font-weight: bold;
padding: 1em;
}
#scrollingResults .itemRow
{
border-bottom: dashed 1px #999999;
display: block;
font-family: tahoma, sans-serif;
font-size: 0.8em;
overflow: hidden;
position: relative;
width: 100%;
}
#scrollingResults .image
{
float: left;
margin: 10px 1em;
text-align: center;
width: 40px;
}
#scrollingResults .image a
{
margin: 0 auto;
}
#scrollingResults .infoBlock
{
float: left;
margin: 10px 1em;
width: 50%;
}
#scrollingResults .infoBlock .field
{
margin-bottom: 0.15em;
}
#scrollingResults .descriptionHead
{
font-weight: bold;
}
#scrollingResults .descriptionValue
{
margin-left: 0.5em;
}
#scrollingResults .actions
{
float: right;
font-family: verdana, sans-serif;
font-weight: bold;
margin: 10px 15px;
position: relative;
}
#scrollingResults .actions a
{
font-weight: normal;
}
#scrollingResults .seeAllResults
{
display: block;
font-family: verdana, sans-serif;
font-size: 0.8em;
font-weight: bold;
overflow: hidden;
width: 100%;
}
#scrollingResults .seeAllResults a
{
float: right;
margin: 1em;
}
/**
* Format for the addAll popup
**/
#addAllPopup
{
height: auto;
left: 50%;
margin-left: -125px;
margin-top: 0;
top: 9.0em;
z-index: 100;
}
#addAllPopup .main
{
height: auto;
position: relative;
}
#addAllPopup .statusSection
{
margin: 1.0em auto;
}
#addAllPopup .statusField
{
margin-top: 0.3em;
}
#addAllPopup .statusTitle
{
font-weight: bold;
text-align: right;
}
#addAllPopup .statusValue
{
font-weight: normal;
}
#addAllPopup .detailsLink
{
margin-left: 0.5em;
}
#addAllPopup .invalidDetailsSection
{
border: solid 1px #beb7ac;
display: none;
margin: 5px 0;
padding: 5px;
}
#addAllPopup .invalidsResultsList
{
border: solid 1px #c1b998;
height: 5em;
margin-bottom: 1em;
margin-top: 0.5em;
overflow: auto;
width: 100%;
}
#addAllPopup .main .actions
{
position: relative;
}
/**********************
* BarcodeScanner CSS
**********************/
#scannerInstructions
{
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
width: 322px;
height: 200px;
background-color: #FDF7E3;
font-size: 0.85em;
border: solid 1px #CCCCCC;
}
#scannerInstructions .scannerInstructionsList
{
margin-left: 25px;
margin-right: 10px;
}
#scannerInstructions .scannerInstructionsList li
{
margin: 8px 0;
}
#scannerInstructions .scannerInstructionsList .liTitle
{
font-weight: bold;
}
.scannerInstructionsTitle
{
color: #cc6600;
font-size: 1.2em;
font-weight: bold;
margin-top: 10px;
text-align: center;
}
.scannerWidget
{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.resultList
{
position: absolute;
top: 50px;
left: 364px;
text-align: center;
width: 620px;
height: 404px; /*that's unlucky*/
border: solid 1px #CCCCCC;
background-color: #FAF8F1;
overflow: auto;
display:block;
}
.resultListHeader
{
position: absolute;
top: 20px;
left: 364px;
text-align: center;
width: 620px;
height: 30px;
border: solid 1px #CCCCCC;
background-color: #FDF7E3;
overflow: auto;
display:block;
}
.resultListFooter
{
position: absolute;
top: 454px;
left: 364px;
text-align: center;
width: 620px;
height: 30px;
border: solid 1px #CCCCCC;
background-color: #FDF7E3;
overflow: auto;
display:block;
}
.resultListContainerText
{
margin-top: 7px;
font-weight: bold;
font-size: 0.85em;
}
.result
{
width: 120px;
height: 160px;
margin-top: 20px;
font-size: 0.8em;
display:block;
float: left;
}
.result .image
{
height: 80px;
}
.result .titleLink
{
margin: 5px;
height: 2.4em;
overflow: hidden;
}
.result .addStatus
{
margin: 5px;
}
/******
* Scanner help
******/
#scannerInstructions .scannerHelpLink
{
text-align:center;
width:100%;
margin-top:10px;
}
#scannerHelpContainer
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none;
}
#scannerHelpOverlay
{
position:absolute;
width:100%;
height:100%;
background-color:black;
opacity:0.4;
-moz-opacity: 0.4;
filter:alpha(opacity=40);
}
#scannerHelpContainer #scannerHelpBody
{
position:absolute;
width:900px;
height:450px;
left:50px;
top:10px;
padding:10px;
background-color:white;
border:1px solid #CCCCCC;
overflow:auto;
}
#scannerHelpBody .scannerInstructionsTitle
{
margin-top:0px;
margin-bottom:10px;
border-bottom:1px solid;
}
#scannerHelpBody table
{
margin: 20px 0;
border: 1px solid #CCCCCC;
}
#scannerHelpBody table .odd
{
background-color: #FAF8F1;
}
#scannerHelpBody table td
{
border-bottom: 1px solid #CCCCCC;
}
#scannerHelpBody table .image
{
text-align:center;
}

#organizeBody
{
overflow: hidden;
}
#showOrganize
{
margin-left:15px;
margin-right:15px;
_width: 100%;
}
#viewHeaderBar
{
display: block;
}
#profileBlurbNoProfile
{
z-index: 500;
}
#viewBar
{
/* This makes Safari behave properly for displaying the view bar; it is white,
* to make it invisible against the background */
border: solid #ffffff 1px;
display: block;
float: left;
font-family: tahoma, sans-serif;
font-size: 0.9em;
font-weight: bold;
margin: 10px 0;
position: relative;
width: auto;
z-index: 200;
}
#viewBar .viewBarLeft
{
display: block;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
#viewBar .viewBarRight
{
display: block;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
#viewBar .viewBarInside
{
background-repeat: repeat-x;
display: block;
float: left;
}
#viewBar .title
{
float: left;
margin: 6px;
}
#viewBar .searchTerm
{
color: #003399;
font-weight: bold;
text-decoration: none;
}
#viewBar .viewNavSection
{
background-color: #ffffff;
display: block;
float: left;
margin-left: 1px;
margin-right: 2px;
position: relative;
}
#viewBar .orgViewLink
{
color: #333333;
display: block;
overflow: hidden;
text-decoration: none;
}
#viewBar a.orgViewLink:hover
{
color: #ec8f05;
}
#viewBar .orgViewHeader
{
border: solid 1px #c1b998;
border-right: 0;
color: #333333;
float: left;
padding: 2px;
text-decoration: none;
}
#viewBar a.orgViewLink:hover .orgViewHeader
{
color: #ec8f05;
}
#viewBar .orgViewButton
{
display: block;
float: left;
overflow: hidden;
}
.addTitleBox
{
display: block;
float: right;
}
.addTitleBox .addTitleButton
{
float: right;
}
.addTitleBox .printButton,
.addTitleBox .addTitleButton,
.addTitleBox .embedButton
{
float: right;
margin-right: 4px;
}
.addTitleBox .profileImage
{
float: right;
height: 25px;
width: 25px;
}
.organizeProfile
{
float:left;
margin-top:3px;
display:block;
}
.organizeProfile .profileImageT
{
display:block;
float:left;
height:48px;
width:40px;
overflow:hidden;
}
.profileText
{
float: left;
font-family: tahoma, sans-serif;
font-size: 0.85em;
line-height: 20px;
margin-right: 1.0em;
margin-top: 16px;
margin-left: 1.0em;
}
#customerForumContainer
{
float: left;
font-family: tahoma, sans-serif;
font-size: 0.85em;
line-height: 20px;
margin-right: 1.0em;
margin-left: 1.0em;
margin-top: 6px;
visibility: hidden;
}
.sortBar,
.sortBarBottom
{
clear: both;
display:block;
font-family: verdana, sans-serif;
font-size: 0.8em;
margin-top:0px;
position:relative;
width: 100%;
}
.sortBarInside
{
background-color: #CBE598;
border-top:1px solid #9BBD59;
display:block;
}
.sortBarInsideBottom
{
background-color: #CBE598;
border-bottom:1px solid #9BBD59;
display:block;
}
.sortBarInside .nowViewingSection
{
display:block;
text-align:center;
margin-top:5px;
}
.sortBarLeft,
.sortBarLeftBottom
{
display:block;
position:absolute;
left:0px;
top:0px;
}
.sortBarRight,
.sortBarRightBottom
{
display:block;
position:absolute;
top:0px;
right:0px;
}
.sortBarInside .sortBySelect
{
display:block;
float:right;
font-weight: bold;
margin-top:4px;
width: 25%;
}
.sortBarInside #viewIcons
{
display:block;
float:left;
margin-left:7px;
width: 25%;
}
#viewIcons a
{
float: left;
}
.sortBySelect .title,
#sortBySelect,
#sortDirSwitch
{
float: right;
margin-right: 1.0em;
}
.sortBySelect .title
{
margin-top: 0.2em;
}
#sortBySelect
{
width: 12.0em;
}
#selectBar
{
clear:both;
display: block;
font-family: verdana, sans-serif;
font-size: 0.8em;
font-weight: bold;
overflow: hidden;
position: relative;
width: 100%;
}
#selectBar .selectBarLeft
{
display: block;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
#selectBar .selectBarRight
{
display: block;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
#selectBar .selectBarInside
{
background-repeat: repeat-x;
display: block;
overflow: hidden;
}
#selectAllSection
{
float: left;
margin-left: 1px;
_margin-left: 0px;
margin-top: 6px;
_margin-top: 2px;
}
#selectAllSection .title
{
margin-left: 0.7em;
}
/**********************
* Common list view
**********************/
#floatingList
{
border: 0px;
font-family: tahoma, sans-serif;
font-size: 0.8em;
height: 100%;
left: 0px;
position: relative;
width: 100%;
}
#mainOrgContent
{
border-bottom: 1px solid #999999;
height: 100%;
width: 100%;
}
#mainOrgLoading
{
background-color: #f1ede1;
display: none;
width: 100%;
}
#mainOrgNoResults,
#mainOrgError
{
display: none;
font-family: verdana, sans-serif;
font-size: 1.1em;
padding: 5% 20%;
}
#mainOrgNoResults .message,
#mainOrgError .message
{
margin: 1.0em;
text-align: center;
}
#mainOrgError .message
{
color: red;
}
.viewShared #floatingList .listRowEven
{
background-color:#F9FCF5;
}
.viewShared #floatingList .listRowOdd
{
background-color:#EDF4E1;
}
/************************
* Thick list view
************************/
#floatingList .thicklist
{
height: 90px;
border-bottom: 1px dashed #999999;
}
/* Off by one for Firefox vs. IE due to border */
#floatingList[id] .thicklist
{
height: 89px;
width:100%;
overflow:hidden;
}
#floatingList .thicklist .batchSelect
{
float: left;
margin-left: 8px;
_margin-left: 3px;
margin-top: 35px;
}
#floatingList .thicklist .productImage
{
float: left;
margin-left: 20px;
margin-top: 7px;
width: 75px;
overflow:hidden;
text-align: center;
}
#floatingList .thicklist img
{
border: none;
}
#floatingList .thicklist .header
{
font-weight: bold;
}
#floatingList .thicklist .infoRow
{
line-height: 1.3em;
margin-bottom: 0.15em;
}
#floatingList .thicklist .infoCol1
{
float: left;
margin-left: 30px;
margin-top: 15px;
width: 40%;
}
#floatingList .thicklist .infoCol2
{
float: right;
margin-right: 5.0em;
_margin-right: 3em;
margin-top: 15px;
width:30%;
}
#floatingList .thicklist .infoCol2 td
{
padding: 0 0.4em;
}
#floatingList .thicklist .infoCol2 .leftCol
{
text-align: right;
width: 40%;
}
/************************
* Thin list view
************************/
#thinlistHeader {
margin-top: 10px;
display: none;
width:100%;
overflow:hidden;
}
#thinlistHeader * {
font-weight: bold;
}
#thinlistHeader table
{
width:100%;
background-color: #DDD7C6;
}
#thinlistHeader .field {
overflow:hidden;
white-space:nowrap;
color: #333333;
}
#thinlistHeader .field a
{
text-decoration:none;
color:#333333;
}
#thinlistHeader .field a.current
{
text-decoration:none;
color:#CC6600;
}
#thinlistHeader .field a:hover
{
text-decoration:underline;
}
#thinlistHeader td
{
vertical-align: top;
padding-left: 5px;
font-size:0.8em;
}
#thinlistHeader .thinlist
{
height: 20px;
margin-bottom: 5px;
overflow:hidden;
border:1px solid red;
}
#floatingList .thinlist {
height: 20px;
line-height: 20px;
overflow:hidden;
}
#floatingList .thinlist table {
width: 100%;
}
#floatingList .thinlist td {
vertical-align: top;
padding-left: 5px;
height:20px;
overflow:hidden;
}
#floatingList .thinlist .field
{
line-height:16px;
color:#333333;
}
#floatingList .thinlist .field a:hover
{
color: #ec8f05;
text-decoration:underline;
}
#floatingList .thinlist .field a
{
text-decoration:none;
}
#floatingList .thinlist .blank
{
width: 20px;
}
/************************
* Cover list view
************************/
#floatingList .coverlistRow
{
border-bottom: dashed 1px #999999;
display: block;
height: 200px;
overflow: hidden;
}
/* Off by one for Firefox vs. IE due to border */
#floatingList[id] .coverlistRow
{
height: 199px;
}
#floatingList .coverlist .coverContainer
{
float: left;
height: 198px;
padding: 5px 0 10px 0;
position: relative;
text-align: center;
width: 170px;
}
#floatingList .coverlist .coverContainer .coverLink,
.coverMouseoverVisible .coverLink
{
display: block;
height: 140px;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: bottom;
margin: 5px auto;
}
#floatingList .coverlist .coverContainer .title
{
position: relative;
margin: 2px auto;
width: 160px;
}
#floatingList .coverlist .coverContainer .titleLink
{
display: block;
text-align: center;
padding: 0 20px;
}
#floatingList .coverlist .coverContainer .title input
{
position: absolute;
left: 0;
}
#floatingList .coverlist .coverContainer .viewCount
{
font-size: 10px;
text-align: center;
vertical-align: top;
height: 10px; width: 110px;
}
/********************
* Cover mouseover
********************/
.coverMouseoverHidden
{
display: none;
}
.coverMouseoverVisible
{
background-color: #cccccc;
border: solid 2px #99cc66;
display: block;
font-family: tahoma, sans-serif;
font-size: 0.8em;
padding: 4px;
position: absolute;
z-index: 300;
}
.coverMouseoverVisible .infoBlock
{
padding: 0.75em;
overflow: hidden;
text-align: left;
}
.coverMouseoverVisible .mouseoverTitle
{
font-weight: bold;
}
.coverMouseoverVisible map
{
display: inline;
}
.coverMouseoverVisible .imageBlock
{
text-align: center;
}
.coverMouseoverVisible .moreInfo
{
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
left: 50%;
position: absolute;
}
.coverMouseoverVisible .actionBlock
{
text-align: center;
}
.coverMouseoverVisible .actionBlock a,
.coverMouseoverVisible .actionBlock form
{
margin: 0.75em auto;
text-align: center;
}
/***********************
* Footer
***********************/
#viewFooterBar
{
bottom: 0;
display: block;
font-family: verdana, sans-serif;
font-size: 0.75em;
font-weight: bold;
left: 15px;
height: 30px;
overflow: hidden;
width:95%;
}
/* Apparently IE6 doesn't work if this is present...? */
#viewFooterBar[id]
{
position:absolute;
}
#viewFooterBar .viewSharedBox
{
float:right;
margin-bottom: 0.6em;
margin-top: 0.4em;
text-align:right;
}
.arrowSpan
{
margin-left:4px;
}

/* Defines static CSS for Organize navbar. *
* Owner: udl-dev@amazon.com
*
* Copyright (c)2006 Amazon.com, Inc.
* All rights reserved.
*/
#organizeNavPopover {
background-color: #ffffff;
position: absolute;
top: 2px;
left: 2px;
width: 17em;
z-index: 200;
font-family: tahoma, sans-serif;
padding: 7px;
padding-top: 18px;
border: 1px solid #C1B998;
display: none;
}
#organizeNavPopover .organizeNavClose {
position: absolute;
right: 1px;
top: 1px;
}
#organizeNavContents .separator
{
border-top: dashed 1px #999999;
clear: both;
display: block;
height: 1px;
margin-bottom: 6px;
margin-top: 5px;
overflow: hidden;
width: 95%;
}
#organizeNavContents a
{
color: #333333;
text-decoration: none;
}
#organizeNavContents a:hover
{
color: #669900;
text-decoration: underline;
}
#organizeNavContents .headerBold
{
font-weight: bold;
color: #333333;
}
#organizeNavContents .highlight,
#organizeNavContents .highlight a
{
color: #EC8F05;
}
#organizeNavContents .entries
{
margin-left: 20px;
}
#organizeNavContents .entries .highlight,
#organizeNavContents .entries .highlight a
{
color: #669900;
}
#organizeNavContents .entries .entryLine
{
width: 100%;
height: 1.3em;
overflow:hidden;
}
#organizeNavContents .entries .entryLine a
{
float: left;
}
#organizeNavContents .entries .entryLine .arrowIcon
{
float: right;
margin-top: 2px;
overflow: hidden;
}
#organizeNavContents .entries .flyout
{
background-color: #ffffff;
position: absolute;
left: 18.2em;
_left: 16.8em;
width: 17em;
z-index: 20;
padding: 7px;
margin-top: -1.3em;
border: 1px solid #C1B998;
display: none;
}
#organizeNavContents .tagEntries .flyout
{
background-color: #ffffff;
position: absolute;
left: 18.2em;
_left: 16.8em;
width: 400px;
height: 100px;
overflow: auto;
z-index: 20;
padding: 7px;
margin-top: 0px;
border: 1px solid #C1B998;
display: none;
font-weight: bold;
}
#organizeNavContents .seeAll
{
float: right;
font-size: 0.9em;
margin-bottom: 10px;
}
#organizeNavContents .seeAll a
{
text-decoration: underline;
}
.listViewProfileLink
{
border: solid #d7d2c3 1px;
background-color: #e4efcf;
height: 35px;
}
.listViewProfileLink img
{
height: 32px;
border: 0;
}

#detailPage
{
font-size: 0.8em;
padding: 1.5em;
}
#detailPage .header
{
font-weight: bold;
}
#detailPageLoading2
{
background-color:#f1ede1;
height: 100%;
margin: auto;
padding-top:20px;
text-align:center;
width: 100%;
}
/***************************
* Detail page link boxes
***************************/
#detailPageBoxes
{
display: block;
float: right;
font-family: tahoma, sans-serif;
overflow: hidden;
width: 20%;
}
#detailPageBoxes .title,
#detailPageBoxes .body
{
border-right: solid 1px #9cc6de;
border-left: solid 1px #9cc6de;
}
/* We need this rule here instead of the common rules to override the previous */
#detailPageBoxes .topSidebarBox .title
{
border: 0;
}
#detailPageBoxes .bottomCap .middle
{
border-bottom: solid 1px #9cc6de;
}
#detailPageBoxes .imageReplace,
#detailPageBoxes .actionButton
{
margin: 0.75em auto;
}
#detailPageBoxes label
{
margin-bottom: 0.2em;
margin-left: 0.5em;
}
#detailPageBoxes .unboxMoveLink
{
display: block;
margin-top: 0.3em;
}
#detailPageBoxes #unboxStreamSection
{
margin-bottom: 15px;
}
#detailPageBoxes #unboxDownloadClientSelector
{
height: 10px;
width: 100%;
}
#detailPageBoxes #unboxDownloadClientSelector .actionButton
{
float: right;
margin-left: 5px;
margin-right: 20px;
margin-top: 0;
margin-bottom: 0;
}
#detailPageBoxes #unboxDownloadForm select
{
margin-left: auto;
margin-right: auto;
line-height: 1.2em;
float: right;
}
#detailPageBoxes .fionaDownloadLabel
{
display: block;
margin-top: 1em;
}
#detailPageBoxes .disabledLink,
#detailPageBoxes .disabledLink span
{
color: #333333;
cursor: default;
text-decoration: none;
}
#unboxDLProgressSection
{
margin: 0.75em auto;
width: 80%;
}
#unboxDLProgressSection .unboxDLOuterBar
{
border: solid 1px #7ca6be;
margin-top: 0.5em;
}
#unboxDLProgressSection .unboxDLInnerBar
{
background-color: #7ca6be;
height: 1.1em;
}
/*************************
* Top detail page area
*************************/
#detailPageTop
{
margin-bottom: 2.0em;
overflow: hidden;
}
#detailPageCoverImage
{
float: left;
margin: 0 1.5em;
}
#detailPageBasicInfo
{
margin: 0 1.5em;
}
#detailPageBasicInfo .left
{
float: left;
width: 32%
}
#detailPageBasicInfo .right
{
float: right;
margin-right: 2.0em;
}
#detailPageLocation .editLink
{
margin-left: 0.2em;
}
#detailPageTitle
{
font-family: verdana, sans-serif;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 1.0em;
}
#detailPageTitle a,
#detailPageTitle a span
{
color: #333333;
text-decoration: underline;
}
#detailPageTitle a:hover span
{
color: #cc6600;
text-decoration: underline;
}
#detailPageBasicInfo .infoField
{
margin-bottom: 0.15em;
}
#detailPageBasicInfo .right .header
{
text-align: right;
}
#detailPageBasicInfo .right td
{
padding: 0 0.4em;
}
#detailPageTop .showOrdersLink
{
margin-left: 0.5em;
}
#detailPageTop .orderDatePopover
{
display: none;
}
#detailPageTop .orderDatePopover a.orderLink
{
display: block;
margin: 0.2em 0.5em;
width: 10em;
}
#detailPageBasicInfo .tivoLink img
{
margin-left: 5px;
vertical-align: middle;
}
/************************
* Detail page sections
************************/
#detailPageMain
{
border-top: solid 1px #dbdbdb;
clear: left;
font-family: verdana, sans-serif;
margin-top: 2.0em;
padding: 1.0em 0.5em;
width: 98%;
}
/* Firefox has a different float model than IE; so while IE can use 100% above
* and the main box will fit next to the floated boxes; Firefox will overlap.
* So we give Firefox the remaining percentage of the space */
#detailPageMain[id]
{
width: 77%;
}
#detailPageMain .header
{
font-family: verdana, sans-serif;
font-size: 1.15em;
font-weight: bold;
margin-bottom: 0.5em;
}
#detailPageMain .header .title
{
margin-left: 0.3em;
}
#detailPageMain .section
{
clear: left;
margin-bottom: 1.0em;
}
#tagsActionBox
{
display: block;
margin-top: 0.75em;
overflow: hidden;
}
#tagsActionBox *
{
float: left;
}
#detailPageTags .tagAddLink
{
display: block;
margin: 0 0.5em;
overflow: hidden;
}
#detailPageUserComments textarea
{
font-size: 1.4em;
width: 90%;
}
/************************
* Music tracks
************************/
#musicTracksBody .musicTracks .trackNum,
#musicTracksBody .musicTracks .trackTitle,
#musicTracksBody .musicTracks .playerLink,
#musicTracksBody .musicTracks .header td
{
padding-right: 25px;
}
/**************************************************
* Images for similar items / people who also own
**************************************************/
.horizontalImagesBody .simImage
{
height: 100px;
vertical-align: bottom;
text-align: center;
}
.horizontalImagesBody .alsoOwnImage
{
height: 85px;
vertical-align: bottom;
text-align: center;
}
.horizontalImagesBody .alsoOwnImage *
{
margin-left: auto;
margin-right: auto;
}
#detailPage .softwareInstallation
{
width: 100%;
}
/************
* Tag CSS *
************/
#tagsEditBox .popover
{
font-family: verdana, sans-serif;
padding-top: 0;
}
#tagsEditBox .main
{
display: block;
font-family: tahoma, sans-serif;
font-size: 0.9em;
margin: 0.5em;
overflow: hidden;
width: 20em;
}
#tagsEditBox .mainTitle
{
color: #ec8f05;
font-weight: bold;
margin-bottom: 0.75em;
}
#tagsEditBox .tagEditInput
{
float: left;
margin-bottom: 0.5em;
width: 15em;
}
#tagsEditBox .deleteIcon
{
float: left;
margin-left: 0.2em;
}
#tagsEditBox .actions
{
clear: both;
display: block;
overflow: hidden;
}
#tagsEditBox .actions .saveButton,
#tagsEditBox .actions .cancelButton
{
float: right;
margin-bottom: 0;
margin-right: 0.75em;
margin-top: 0.4em;
}
#tagsEditListBox
{
background-color: #ffffff;
border: solid 1px #918877;
display: block;
font-family: tahoma, sans-serif;
height: 10em;
overflow: auto;
padding: 0.5em;
}
#myTagSuggestions
{
display: none;
position: absolute;
background-color: #ffffff;
border: 1px solid #99aacc;
}
#myTagSuggestions .suggestion
{
cursor: pointer;
padding: 3px;
}
#myTagSuggestions .highlight
{
background-color: #99aacc;
}
#myTagSuggestions .suggestion .suggestionMiddle
{
font-weight: bold;
text-decoration: underline;
}
#myTagCloud
{
display: none;
position: absolute;
width: 25em;
}
#myTagCloud .body
{
display: block;
float: right;
}
#myTagCloudTags
{
height: 25em;
overflow: auto;
}
#myTagCloudTags p
{
margin: 10px 0;
}
/****************
* End Tag CSS *
****************/
/*****************
* Fiona styling */
/*********************************
* How this works help popup */
#detailPage .fionaHowThisWorksLink
{
display: block;
}
#fionaHowThisWorks
{
top: 120px;
left: 250px;
width: 420px;
height: 260px;
overflow: hidden;
}
#fionaHowThisWorks .title
{
margin-left: 5px;
text-align: center;
font-weight: bold; }
#fionaHowThisWorks .helpMain
{
background-color: #ffffff;
width: 100%;
height: 225px;
font-size: 85%;
}
#fionaHowThisWorks .helpMain .leftPane
{
float: left;
width: 206px;
}
#fionaHowThisWorks .helpMain .paneText
{
margin: 5px;
}
#fionaHowThisWorks .helpMain .centerPane
{
float: left;
width: 5px;
}
#fionaHowThisWorks .helpMain .rightPane
{
float: left;
width: 199px;
}
/* End How this works help popup
***********************************/
#detailPage .fionaDeviceSelect
{
margin-top: 2em;
}
/************************************
* Past issues popup */
#fionaPastIssues
{
position: absolute;
top: 20%;
left: 40%;
height: 245px;
width: 362px;
background-color: #ffffff;
overflow: hidden;
}
#fionaPastIssues .popover
{
height: 100%;
width: 100%;
border: none;
}
#fionaPastIssues .closeIcon
{
float: right;
}
#fionaPastIssues .header
{
font-weight: bold;
margin-left: 10px;
}
#fionaPastIssues #fionaPastIssuesFooter
{
width: 100%;
margin-left: 40px;
clear: both;
}
#fionaPastIssues #fionaPastIssuesFooter #sendEditionLink
{
margin-right: 27px;
float: left;
}
#fionaPastIssues .saveStatus
{
clear: both;
font-size: 85%;
}
/* End Past issues Popup
*****************************/
/*******************************
* Tag and Comment help popup */
#tagHelpPopup
{
width: 300px;
}
#commentHelpPopup
{
width: 340px;
}
/* End Tag and Comment help popup
**********************************/

/****************************************
* Specific to the batch actions curtain
*/
#batchCurtainContainer
{
display: block;
height: 20px;
margin-top: 1px;
margin-left: 170px;
position: relative;
top: 1px;
}
#batchCurtainContainer #batchTopLeft
{
display: block;
left: 0;
position: absolute;
top: 0;
}
#batchCurtainContainer #batchCurtainHead
{
display: block;
height: 18px;
width: 425px;
background-color: #FDF7E3;
border-top: 1px solid #BEB7AC;
border-bottom: 1px solid #BEB7AC;
}
#batchCurtainContainer #batchCurtainHead .numSelected
{
float: left;
margin-top: 2px;
margin-left: 5px;
color: #EC8F05;
font: bold 11px verdana;
}
#batchCurtainContainer #batchCurtainHead #batchCurtainToggle
{
display: block;
position: absolute;
right: 3px;
top: 3px;
z-index: 1;
}
#batchCurtainContainer #batchTopRight
{
display: block;
position: absolute;
right: 0;
top: 0;
}
#batchCurtainBody
{
font-family: verdana, sans-serif;
font-size: 0.8em;
font-weight: bold;
height: 180px;
position: absolute;
width: 435px;
}
#batchCurtainBody #batchCurtainBodyActions
{
height: 160px;
overflow: hidden;
background-color: #FDF7E3;
border-left: 1px solid #BEB7AC;
border-right: 1px solid #BEB7AC;
overflow: hidden;
}
#batchCurtainBody a
{
margin-left: 5px;
margin-right: 5px;
}
#batchCurtainBody .sectionHeader
{
margin-top: 10px;
margin-left: 10px;
}
#batchCurtainBody .tagSection
{
font-size: 13px;
margin-left: 10px;
margin-top: 5px;
}
#batchCurtainBody #batchTagState
{
margin-left: 5px;
margin-top: 5px;
}
#batchCurtainBody #stateDiv .imageReplace
{
display: inline;
margin-right: 57px;
font: normal 11px verdana;
}
#batchCurtainBody #stateDiv .imageReplace.removeGiftLink
{
display: inline;
margin-right: 24px;
}
#batchCurtainBody #stateDiv .imageReplace.removeTrashLink
{
display: inline;
margin-right: 52px;
}
#batchCurtainBody #stateDiv .imageReplace.deleteLink
{
margin-right: 0px;
}
#batchCurtainBody .shareSection
{
margin-left: 5px;
margin-top: 5px;
}
#batchCurtainBody #batchTagInput
{
margin-right: 5px;
width: 65%;
float:left;
display:block;
}
#batchCurtainOverlay
{
height: 200px;
width: 435px;
position: absolute;
margin-top: -20px;
display: none;
background-color: #cccccc;
filter:alpha(opacity=40);
opacity:0.4;
}
#batchCurtainBody #batchBottom
{
width: 435px;
height: 20px;
position: absolute;
bottom: 0px;
}
#batchCurtainBody #batchBottom #batchBottomLeft
{
bottom: 0;
left: 0;
position: absolute;
}
#batchCurtainBody #batchBottom #batchBottomMiddle
{
background-color: #FDF7E3;
border-bottom: 1px solid #BEB7AC;
height: 19px;
}
#batchCurtainBody #batchBottom #batchBottomRight
{
bottom: 0;
right: 0;
position: absolute;
}
#batchCurtainDialog .statusSection
{
margin: 5px 0;
text-align: center;
visibility: hidden;
}
#batchCurtainDialog .statusSection .statusTitle
{
display: inline;
}
.statusHelp
{
font-size: 7pt;
}
/*
* End batch syling
*****************/
.selectAllSpan
{
text-align:center;
}
.selectAllSection
{
width:100%;
text-align:center;
}
/**********************
* Embeddable styling */
#embedContainer
{
border: none;
height: 100%;
width: 100%;
left: 0;
top: 0;
font-size: 0.9em;
text-align: center;
}
#embedContainer #embedContent
{
height: 350px;
width: 750px;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
padding: 5px;
background-color: white;
border: solid 4px #e8e2cd;
text-align: left;
}
#embedContent #embedControls
{
width: 275px;
float: left;
}
#embedContent #embedPreviewCode
{
width: 275px;
}
#embedContent #embedPreviewContainer
{
margin-left: 285px;
}
#embedContent #embedControls table
{
margin: 10px 0;
}
#embedContent #embedControls td.label
{
text-align: right;
font-size: 0.8em;
}
#embedContent #embedPreviewContainer
{
margin-top: 10px;
padding: 0 10px;
border-left: 2px solid #E8E2CD;
}
#embedContent #embedPreviewContainer .subTitle
{
font-weight: bold;
}
#embedContent #embedPreviewContainer #iframeContainer
{
text-align: center;
overflow: auto;
height: 260px;
}
#embedContent #embedPreviewContainer iframe
{
border: 1px solid black;
}
#embedContent .closeIcon
{
display: block;
float: right;
}
#embedContent .title
{
color: #CC6600;
font-weight: bold;
font-size: 1.4em;
}