/* contentstudio.wamnet.com specific styles */
/* Ident: $Id: contentstudio.css 169135 2017-02-07 16:21:49Z gparker $ */

/* hide/show stuff */
.tab1nav1 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab1nav2 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab1nav3 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab1nav4 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab2nav1 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab2nav2 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab2nav3 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab2nav4 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab3nav1 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab3nav2 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab3nav3 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab3nav4 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab4nav1 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab4nav2 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab4nav3 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab4nav4 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab5nav1 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab5nav2 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab5nav3 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.tab5nav4 { display: block; margin-bottom: 0 !important; padding-bottom: 0 !important; }

#tab1nav1Off, #tab1nav1On, #tab1nav2Off, #tab1nav2On, #tab1nav3Off, #tab1nav3On, #tab1nav4Off, #tab1nav4On, #tab2nav1Off, #tab2nav1On, #tab2nav2Off, #tab2nav2On, #tab2nav3Off, #tab2nav3On, #tab2nav4Off, #tab2nav4On, #tab3nav1Off, #tab3nav1On, #tab3nav2Off, #tab3nav2On, #tab3nav3Off, #tab3nav3On, #tab3nav4Off, #tab3nav4On, #tab4nav1Off, #tab4nav1On, #tab4nav2Off, #tab4nav2On, #tab4nav3Off, #tab4nav3On, #tab4nav4Off, #tab4nav4On, #tab5nav1Off, #tab5nav1On, #tab5nav2Off, #tab5nav2On, #tab5nav3Off, #tab5nav3On, #tab5nav4Off, #tab5nav4On { background-repeat: no-repeat; background-position: left center; padding-left: 1.2em; }
#tab1nav1On, #tab1nav2On, #tab1nav3On, #tab1nav4On, #tab2nav1On, #tab2nav2On, #tab2nav3On, #tab2nav4On, #tab3nav1On, #tab3nav2On, #tab3nav3On, #tab3nav4On, #tab4nav1On, #tab4nav2On, #tab4nav3On, #tab4nav4On, #tab5nav1On, #tab5nav2On, #tab5nav3On, #tab5nav4On { background-image: url(../images/expand.gif); }
#tab1nav1Off, #tab1nav2Off, #tab1nav3Off, #tab1nav4Off, #tab2nav1Off, #tab2nav2Off, #tab1nav3Off, #tab1nav4Off, #tab3nav1Off, #tab3nav2Off, #tab1nav3Off, #tab1nav4Off, #tab4nav1Off, #tab4nav2Off, #tab4nav3Off, #tab4nav4Off, #tab5nav1Off, #tab5nav2Off, #tab5nav3Off, #tab5nav4Off { background-image: url(../images/expanded.gif); }


/*hide/show styles*/
.fields { display: table-row; }
.parameters { display: table-row; }

#fieldsOff, #fieldsOn, #parametersOff, #parametersOn { background-repeat: no-repeat; background-position: left center; padding-left: 1.2em; }
#fieldsOn, #parametersOn { background-image: url(../images/expand.gif); }
#fieldsOff, #parametersOff { background-image: url(../images/expanded.gif); }


/*image delivery options section */
#deliveryOptions, #convSettings .fInput { margin-left: -.25em; margin-top: -.25em !important; }
#deliveryOptions .fInput { margin-left: 0; margin-top: 0; }
#deliveryOptions .fText { white-space: nowrap; }
#parameters { color: #333; border-width: 1px; }


/*results styles*/
#thumbView, #thumbView th, #thumbView td, #listView, #listView th, #listView td { border-style: none !important; }
#thumbView span.rounded, #listView div.rounded { background-color: #f0f0f0; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; border: 1px solid #A5D867; margin: 2px; }
#thumbView span.thumb, #thumbView span.superthumb { display: table-cell; height: 87px; vertical-align: middle; text-align: center !important; }
#thumbView span.superthumb { height: 135px; }
#thumbView span.primaryMetadata, #thumbView span.primaryMetadataWide { font-weight: bold; width: 125px; white-space: normal; word-wrap: break-word; break-word: break-all; padding: 0 0.25em; }
#thumbView span.primaryMetadataWide { height: 2.5em; width: 169px; padding: 0 3px; }
#thumbView span.primaryMetadata, #thumbView span.primaryMetadataWide, #thumbView span.icons { display: block; text-align: center !important; }
#thumbView span.icons .check { vertical-align: super; }
#listView div.rounded { margin: 4px 0; }
#listView table { width: 100% /*keep safari happy*/; }
#listView th { /*white-space: nowrap; vertical-align: top;*/ padding-left: 0 !important; padding-right: 0 !important;}
#listView td { vertical-align: top; padding-left: 0 !important; padding-right: 0 !important; }
#listView div.metadataWrapper { /*margin: .5em;*/ }
#listView div.metadataWrapper table { table-layout: fixed; }
#listView div.metadataWrapper th { width: 49%; /*white-space: nowrap;*/ }
#listView div.metadataWrapper th.cellSpacer { width: 49%; padding-left: 2% !important;  /*white-space: nowrap;*/ }
#listView div.metadataWrapper td, #listView div.metadataWrapper th.wideCell { width: 49%; /*white-space: normal;*/ }
#listView div.metadataWrapper th, #listView div.metadataWrapper td { text-align: left; border-width: 0;  border-style: none; /*padding: 0 .25em !important;*/ /*white-space: normal;*/ /*overflow: hidden;*/ word-wrap: break-word; break-word: break-all; }
#listView .listRow td { background-color: transparent; }
#textView th { /*white-space: nowrap;*/ }
#flowView #flowLeft { width: 426px; padding: 0; border-right: 1px solid #A5D867; border-top: 1px solid #A5D867; background: #f0f0f0; }
#flowView #flowLeft .flowMetadata { width: 100%; margin: .5em;}
#flowView #flowLeft .flowMetadata th { white-space: nowrap; text-align: left !important; vertical-align: top; }
#flowView #flowLeft .flowMetadata td { text-align: left !important; }
#flowView #flowPlayer { width: 426px; margin-left: auto; margin-right: auto; }
#flowView #currentMetadata { width: 426px; height: 235px /*changed by JS*/; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #A5D867; position: relative; }
#flowView #flowRight { padding: 0; vertical-align: top; border-top: 1px solid #A5D867; }
#flowView #flowListScroll { height: 475px; display: none; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; position: relative; }
#flowView #flowList { border-style: none; margin: 0 !important; }
#flowView #flowList th, #flowView #flowList td { vertical-align: top; }
#flowView #flowList th.row { text-align: left !important; padding-left: 16px; }
#flowView #flowList th.currentItem { background-image: url("../images/location_arrow2.gif");  background-position: 2px center; background-repeat: no-repeat; }
#flowView #flowList .primaryMetadata, #flowView #flowList .secondaryMetadata { width: 50%; min-width: 170px; display: inline-block; /*overflow: hidden;*/ vertical-align: top;  white-space: normal; word-wrap: break-word; break-word: break-all; }
#flowView #flowList .secondaryMetadata { width: 48%; padding-left: 2%; float: right; font-weight: normal; }
#flowPlayer #playerX { background-color: #f0f0f0 !important; }
.primaryMetadata, .primaryMetadataWide {color: #00853F !important; }
.primaryMetadataAppend {color: #000 !important; font-weight: normal; }

#actions, td.icons, td.thumb, span.icons, span.thumb { width: 125px !important; }
span.iconsWide, span.superthumb { width: 175px !important; }
.thumb img, .superthumb img { padding: 3px; border: 1px solid #A5D867; }

/*
table.data { border-collapse: collapse; margin: 0 !important; text-align: left; }
table.data td, table.data th.row { background-color: #fff; }
table.data tr.even td, table.data tr.even th.row { background-color: #e8e8e8; }
*/

pre { white-space: pre-wrap /* css-3 */; white-space: -moz-pre-wrap /* Mozilla, since 1999 */; white-space: -pre-wrap /* Opera 4-6 */; white-space: -o-pre-wrap /* Opera 7 */; word-wrap: break-word /* Internet Explorer 5.5+ */; }

#assetsMetadataNav { padding-bottom: .5em; }

#playerContainer { height: 366px; width: auto; margin-left: auto; margin-right: auto; text-align: center !important; }
#playerContainer.Audio { height: 46px; }
#playerX_controlbar_hd .jwoption.active, #player_controlbar_hd .jwoption.active { background-color: transparent !important; /* stop standard.css .active affecting player CSS*/}
.jw-nextup-container-visible { opacity: 0 !important; visibility: hidden !important; } /* hide jw nextup feature */

#shipContainer { width: 100%; margin-top: 1em; }

#assetBoard { font-size: 0 /*suppress template whte space!*/; margin-left: auto; margin-right: auto; }
#assetBoard img { padding: 3px; }

#switchAsset, #switchRows, #switchPage { font-size: 90%; border: 1px solid #A5D867; }

.modalPaneIframe .styledPanel .content { padding-top: .5em !important; } /*should this move to wamnet.css?*/

a.related { font-weight: normal; text-decoration: none; }
a.related:hover { text-decoration: underline; }

/*efolio send page assets section*/
.assets { display: table-row; }
#assetsOff, #assetsOn { background-position: left center; background-repeat: no-repeat; padding-left: 1.2em; }
#assetsOn { background-image: url(../images/expand.gif); }
#assetsOff { background-image: url(../images/expanded.gif); display: none; }

#reportDiv { width: 100%; height: 20em; padding-left: 1px; overflow-x: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/*reinstate standard p styles inside the .stylePanel for eFolioInfoTable (html from wysiwyg editor in efolio send page)*/
#eFolioInfoTable td.fText p { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0em !important; margin-bottom: 1em !important; }

/*autocomplete specific styles for CS*/
.ac-match { font-weight:bold; color: blue; }
.yui-skin-sam .yui-ac-container { width: 33em; }

/*uploader specific styles for CS*/
.yellowBackground { background-color: #F2E699 !important; }
.progressbar { background-color: #ccc; background-image: url(/images/col_head_bg.png); border: 1px solid #A5D867; margin: 0; padding: 0; font-size: 70%; }
.progressbarWrapper { width: 98%; border: 1px solid #000; text-align: left; margin-left: auto; margin-right: auto; }
.progresslabel { width: 98%; text-align: right; }
#uploadFilesButtonContainer, #selectFilesButtonContainer, #overallProgress, .progresslabel { display: inline-block; }
#overallProgress { float: right; }
#overallProgress .progresslabel { width: 4em; }
#uploadQueue #status { width: 15em; }
#uploadFilesButton, #selectFilesButtonContainer button { width: 8em; height: 1.6em; padding: 0; }
#uploadQueue #actions, #uploadQueue td.icons { width: auto !important; }
#ddmessage { text-align: center; }

/*tweak eCanOpenX for new date selection*/
#eCanOpenX { margin: 0; } 

/*quick search*/
#quickSearch { float: right; margin: .2em 1em; line-height: 2.2em; }
#quickSearch input { vertical-align: middle; }

/*setup ability to hide empty text view cells*/
.col_2 { display: table-cell; }
.col_3 { display: table-cell; }
.col_4 { display: table-cell; }
.col_5 { display: table-cell; }
.col_6 { display: table-cell; }
.col_7 { display: table-cell; }
.col_8 { display: table-cell; }
.col_9 { display: table-cell; }
.col_10 { display: table-cell; }