/*
!!======
!!
!! File- MEDIANET_DEFAULT.CSS by T. Hughes 01-Jan-00 / 31-AUG-22
!!
!! Purpose-
!!
!! Medianet's default CSS settings
!!
!! Notes-
!!
!! - see http://wiki.dymaxion.lan/dymax/Medianet_Web_Site_Configuration
!! for details. In summary:
!! - master maintained on [dymax.web.style]
!! - copy on [dymax.###.web.style] is what is acutally used by a db
!! - overriden by contents of [dymax.web.style]medianet_cfg.css
!!
!! - After install copy to [dymax.029.web.style] and run updweb_C or
!! copy directly to [http_server.documents.029.style]
!!
!! Modifications-
!!
!! 2-AUG-11	TH
!! - add text-align:left to idContent
!!
!!	14-OCT-11 PM / HD / HD 17=20312
!!	- Added comment header with !! so p=task added to modifications
!!
!!	14-OCT-11 TH / HD / HD 17=20321
!!	- Remove css for borders.
!!	- In places where we use font-size:small, evaluate whether to
!! remove the markup (since font-size:small corresponds to our
!! standard size) or use 'smaller'
!!	- Add the following markups:
!! - dy_smallinfo
!! Used to style all supplemental info in brackets,
!! eg title (title_code), which was originally manually
!! styled using a font tag.
!! - dy_hold_list
!! Replace repeated hold_list stylings.
!!
!!	14-OCT-11 KB / HD / HD 17=20312
!!	- idContent add color: #484848;
!!	- remove background color notes (moved to MEDIANET_CFG_DOC.TXT)
!!	- h1 text-transform remove lowercase > none
!!
!!	19-OCT-11 TH / KB / KB 17=20312
!!	- Move text color to body rather than idcontent, so it
!! also applies to idbottom elements.
!!	- Remove inter-letter spacing.
!!
!!	??-OCT-11 KB / ?? / ?? 17=20312
!! - body
!! remove home_strip
!! background color #ffffff > #E8E8E8
!! - h1
!! color: #DD895B; -> color: #b18f36;
!! font-size: 15px ; -> font-size: 16px;
!!	- Nav Tabs colour change
!! old new
!! FFFFFF 4862B1 bckground
!! FFFFFF 809FFE bacground hover
!! 598BB6/DC805B FFFFFF color
!! added border-top-left-radius: 10px ;
!! added border-top-right-radius: 10px ;
!! - idNav
!! margin-top: 0px; -> margin-top: 50px;
!!	- p.medNavHeader
!! color: white ; -> color: #b18f36; (gold color)
!!	- font-size: 20 px; -> font-size: 25 px;
!!	- idContent
!! remove border top/right/left
!! add border top right radius 20 px
!! - idBottom
!! remove background-image/background
!! add
!! background: #ffffff ;
!! text-align: center;
!! margin: 0px 100px;
!! padding: 0px 50px 8px 8px;
!! border-bottom-right-radius: 20px;
!! border-bottom-left-radius: 20px;
!!	- idFooter
!! add border-top: 1px solid #d0d0d0;
!!
!! 27-OCT-11 TH / TH / TH 17=20312
!! - Use percent rather than px for font sizes, to make them more
!!	easily adjustible to alternate devices.
!!	- Since our previous base font was 13px with a line height
!! of 15px, our new base font will be 82% with a line height
!! of 1.15em.
!!
!! 2-NOV-11	TH / BH / TH
!!	- Add styles for dspboo booking table.
!!
!!	10-NOV-11	HD / TH / HD
!!	- Change link color from light blue (#598bb6) to dark blue (#2447B2)
!!	- Change visited color from light blue (#598bb6) to bronze (#b18f36)
!!	- Change hover/active colors from orange (#dc8a5b) to bronze
!! (#b18f36) same as h1 color.
!!	- Change idBtnbar (bottom button bar) from link/active/visited
!! light blue (#598bb6) to be dark blue (#2447B2) and hover
!! from orange (#dc8a5b) to bronze (#b18f36)
!!
!!	10-NOV-11	HD / TH / HD
!!	- Dy_menu_title background color changed from D6E7F7 to 2447B2
!! and text color from 6c6c6c to FFFFFF.
!!
!!	14-NOV-11	TH / BH / HD 17=
!!	- Style visited links on the medianet options page the
!! same color as non-visited links.
!!
!!	17-NOV-11	TH / HD / HD 17=20312
!!	- Fix some out of date comments.
!!	- Establish a maximum size for the content areas.
!!
!!	24-JAN-12	TH / TH / TH 17=
!!	- Fix idBottom
!! - add '#'
!! - Remove currently unused styles.
!!
!!	21-FEB-12	TH / EJ / TH 4=20400
!!	- Add dy_title_status.
!!
!!	07-MAY-12	TH / TH / TH	17=
!!	- add dy_std_btn and dy_std_intext_btn
!!
!! 8-MAY-12	TH / TH / TH 17=
!!	- Documentation improvements/corrections
!!
!! 4-JUN-12	TH / BH / TH 17=20505
!!	- New standard table css.
!!
!!	14-NOV-12	TH / BH / TH 17=20412
!!	- Add dy_tab_current for navbar.
!!
!!	15-NOV-12	TH / HD / HD 17=20630
!!	- Add styles for dy_search_bottom_link and
!! dy_search_subject_link; so far used to bold these links.
!!
!!	11-DEC-12	TH / JT / TH 17=
!!	- Add default styles for synopsis show image.
!!
!!	30-JAN-13	TH / BH / TH 17=
!!	- Explicitly align table headers rather than rely on browser defaults.
!!
!!	15-MAY-13	TH / TH / TH 17=
!!	- Remove dspboo client col size, so that auto sizing for
!! the title col doesn't make it extremely small.
!!
!!	20-JUN-13	TH / TH / KB 17=
!!	- Add small column width for first mmlinks col, to force
!! it to be as small as possible.
!!
!! 4-OCT-13	TH / JT / HD 217=20884
!!	- Add dy_synopsis_showl_image.
!!
!!	19-FEB-14	TH / BG / KB 1006=20969
!! - Add new poster display styles.
!!
!!	25-FEB-14	TH / TH / TH 1006=20969
!! - Add default vertical spacing between poster displays.
!!
!!	28-APR-14	KB / KB / TH 17=
!! - Import subject button and top subject markup.
!!
!!	17-JUL-14	TH / JT / HD 17=21072
!! - Add styles for link buttons: generic (blue) and
!! emphasized (green).
!!
!!	13-MAY-16	TH / BG / BG 17=
!! - Add some positioning comments.
!!
!!	17-MAY-16	BG / BG / HD 17=21459
!!	- Improvements for small screen sizes (cellphones,
!! tablets).
!!
!!	17-MAY-16	BG / BG / HD 17=21459
!!	- Remove unused styling for idOrientationMessage
!! element that never made it off the drawing board.
!!
!!	19-MAY-16	BG / HD / HD 17=21459
!!	- Hide dy_large_screen_only class elements when
!! screen width is <= 800.
!!
!!	24-MAY-16	BG / HD / HD 17=21459
!!	- In pageContentsTable, for small displays, fix hidden left
!! border of text boxes.
!! - Set padding-left: 6px, overridding 10px default.
!! - Was 3px, but that didn't leave room to draw the border.
!!	- In h1.innerTitle (main page heading), fix wrapped title
!! ascenders touching descenders of the line above.
!! - Set line-height: 1em.
!!
!!	31-MAY-16	HD / BG / HD 17=21459
!!	- Add "media only print" to drop banner if printing web page.
!!
!!	26-JAN-17	HD / HD / HD 1006=21537
!!	- Change size of SHOWL thumbnail image from 150x150 to be
!! 125x125 to fits better in new location at top of full title
!! display page.
!!
!!	12-APR-21	BG / JT / HD 1006=22044
!!	- Add dy_btn_ok class for OK button login page.
!!
!!	30-AUG-21	BG / BG / HD 47=22058
!!	- Add dy_btn_* classes per order form button, allowing
!! site customization of each.
!!	- Add dy_icon_trashcan, the first CSS icon button style.
!!
!!	30-AUG-21	JT / BG / HD 47=22058
!!	- Remove default cell borders for table displays for elements
!! disabled via fieldset.
!!
!! 8-SEP-21	BG / HD / HD 17=
!!	- Add better instructions for customizing CSS buttons
!! to use original custom image, based on P076 example.
!!
!!	16-NOV-21	HD / BG / BG 17=
!!	- Fix order form button "Export" to be production text of
!! "Export Titles".
!!
!!	17-NOV-21	BG / JT / HD 17=22077
!!	- Add wwform search / display form CSS buttons:
!! - dy_btn_select_checked, dy_btn_check_all,
!! dy_btn_uncheck_all for "Select Checked",
!! "Check All", "Uncheck All", respectively.
!!
!!	31-AUG-22	BG / BG / HD 17=22061
!!	- Add dy_btn_login_aea.
!!
!!======
*/
/*
Outer area of idcontent is grey
*/
body {
 background-color: #E8E8E8 ; /* outside grey */
 color: #484848; /* text: grey */
	margin: 0px 0px 0px 3px;
	padding: 0px;
}
/* - Sets the default font size for the entire page */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%; /* was 13px */
	line-height: 1.15em; /* was 15px */
}
/* Obsolete: most tables now use dy_std_table */
thead
{
	color: #BB0000;
	font-weight: bold;
	text-align: left;
}
/* Global settings for <h1> titles. */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%; /* was 16px */
	font-weight: bold;
 color: #b18f36;
	padding-top: 10px;
	text-transform: none;
}
h2,h3 {
	line-height: 1.2em;
}
ul {
	line-height: 1.5em; /* was 20px */
}
/* - These are order sensitive, and should appear in order: link (default),
 visited, hover, active. Link color is dark blue and visited/hover/active
 are same bronze as h1 color.
*/
a {
	color: #2447B2;
	text-decoration: none;
}
a:visited {
	color: #b18f36;
	text-decoration: none;
}
div.medopt_contents a:visited {
	color: #2447B2;
}
a:hover {
	color: #b18f36;
	text-decoration: none;
}
a:active {
	color: #b18f36;
	text-decoration: none;
}
/* Enclosing div for the entire navigation area at the top of the page. */
#idNavContainer
{
}
/* - Enclosing div for the navigation bar
 - Preset width ensures nav bar won't wrap if browser window is small
 - Original 56px height pushed the idcontent window too far down
 - IE tabs fine at 70px
 - Firefox tabs float need 30 px
*/
#idNav {
	margin-top: 50px;
	margin-left: 100px;
	width: 800px;
	height: 30px;
	color: #FFFFFF;
}
/* Optional header in navigation bar section
 Positioning is absolute, so:
 - This div will normally be positioned relative to the page.
 - If a parent element such as idNavContainer is switched to
 absolute or relative positioning, this div will be
 positioned relative to that parent.
 - This div may overlay other items on the page.
*/
#idNavHeader {
 position: absolute;
 top: 20px;
 left: 0px;
 width: 100%;
}
/* Style for title within idNavHeader section */
p.medNavHeader {
	white-space: nowrap;
	text-align: center;
	color: #b18f36;
	padding: 1px 1px 5px 1px;
	margin: 0px;
	font-size: 150%;	/* was 20px */
	font-weight: 900;
}
/* - The navigation bar appears within the blue bar at the top of the screen
 (see body style). We position it so it appears at the bottom of this bar.
*/
/* Style for tab of "current" page. */
.dy_tab_current {
 background: #809FFE !important;
}
ul.navBar {
 list-style:none;
	padding: 0;
 margin-top: 40px;
	margin-left: 0px;
 background:#FFFFFF;
}
ul.navBar li {
 display:inline;
}
/*
 The tab-based navigation bar.
*/
ul.navBar li a {
 text-decoration: none;
 padding: 5px 15px;
 background: #FFFFFF;
 float: left;
 text-align: center;
 border-right: 1px solid #ffffff;
 font-size: 100%;
 font-weight: bold;
}
/* - These are order sensitive, and should appear in order: link,
 visited, hover, active.
*/
ul.navBar li a:link {
 background: #4862b1;
 color: #ffffff;
 border-top-left-radius: 10px ;
 border-top-right-radius: 10px ;
}
ul.navBar li a:visited {
 background: #4862b1;
 color: #ffffff;
 border-top-left-radius: 10px ;
 border-top-right-radius: 10px ;
}
ul.navBar li a:hover {
 background: #809ffe;
 color: #ffffff;
}
ul.navBar li a:active {
 background: #809ffe;
 color: #ffffff;
}
/* Enclosing div for idContent
 - TH> Originally enclosed both idContent and idBottom, should
 investigate restoring this.
*/
#idContainer {
	margin-top: 1px;
	margin-bottom: 0px;
	clear: both;
}
/* - Optional header within idHeader section, at top of idContents
 - This also sets the width of the area between the page contents
 and the navigation bar.
*/
#idHeader {
	height: 0px; /* 15px replaced */
}
/* Inner content area
 - Margin is spacing outside the border.
 - Padding is spacing inside the border.
 - If you set an exact width, total width is width + margin +
 padding + border. It may also be affected by interior contents if
 they use margin:auto or are larger than can be contained inside
 the width you set.
 - pageContentsTable will be positioned within idContent
 - idBottom, containing button bar/info/logo will be
 positioned below idContent. Use the same margin/padding
 if you wish to make these 2 blocks align exactly.
 - Note that both idContent/bottom and their contents contain
 margins and padding, if you are trying to make all spacing
 go away...
 */
#idContent {
 background-color: #ffffff;
	margin: 0px 100px;
	padding: 0px 25px 8px 8px; /* top right bottom left */
	display: block;
	text-align:left;
 border-top-right-radius: 20px;
	max-width:1000px;
}
/* Enclosing div for idFooter, historical (not normally in use) */
#idBottom {
}
/*
 - margin:auto will center an enclosed block in compliant browsers.
 - text-align:center will center an enclosed block in non compliant browsers
 (eg. some versions of IE).
*/
#idFooter {
 background-color: #ffffff;
 border-top: 1px solid #d0d0d0;
 clear: both;
 margin: 0px 100px;
 padding: 0px 50px 8px 8px;
 border-bottom-right-radius: 20px;
 border-bottom-left-radius: 20px;
 text-align: center;
	max-width:975px;
}
#idFooter p {
	clear: both;
	margin: 0px;
	padding: 0px;
}
/* 36px ensures nothing else is in the bottom blue bar. Buttons
 link/visited/active color is dark blue; hover is bronze
 - FIXME: Eliminate fixed height: 36px
 - It's unclear what led up to the problem solved by "height: 36px;"
 - Maybe relates to site customizations? But if so, why
 didn't sites with issues just override it in their own
 custom CSS?
 - Fixed heights for arbitrary length content are bad. For
 small screen sizes, this breaks (button bar content wraps to three
 lines and overprints the element below it) so is overridden
 below using a @media selector. That change could be moved here
 so it is applicable to all screen sizes if it doesn't have other
 unintended consequences.
*/
#idBtnbar {
 height: 36px;
	padding-top: 15px;
 color: #2447B2;
}
#idBtnbar a:visited {
 color: #2447B2;
}
#idBtnbar a:hover {
 color: #b18f36;
}
#idBtnbar a:active {
 color: #2447B2;
}
#idInfo {
	margin: 0px;
	padding: 0px;
}
#idLogo {
	clear: both;
 margin: 0px 10px;
	padding-top: 2px;
	text-align: right;
	color: #999999;
	font-size: 75%; /* was 10px */
}
#idLogo img {
	float: right;
}
/*
 - Style for table surrounding all page contents (auto-added
 by ihtprc.prl)
 - "height" sets a minimum height for the page layout table. Page
 will not shrink below this size.
 - The padding is necessary to workaround an IE6/7 layout bug.
 Without it text next to the margin may have the first letter
 truncated.
 - Padding keeps a minimum left margin even if all idContents
 padding is removed.
*/
.pageContentsTable {
	width: 100%;
	margin: 0px auto;
 padding: 0px 0px 0px 10px;
	height: 100px;
}
/* Small screen adjustments:
 - Use the whole width of the screen for the content.
*/
@media only screen and (max-width: 800px) {
 #idNav {
 margin-left: 0px;
 width: auto;
 }
 #idContent {
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 0px;
 }
 #idFooter {
 margin-left: 0px;
 margin-right: 0px;
 }
 /*
 - Instead of fixed height, just add padding at bottom,
 otherwise on small screens, the bar wraps to three
 lines and overprints the info below it.
 - see additional comment above on height: 36px
 that this overrides
 */
 #idBtnbar {
 height: inherit;
 padding-bottom: 15px;
 }
 .medopt_contents {
 padding-left: 0px;
 }
 .pageContentsTable {
 padding-left: 6px;
 }
}
/* <page>_TITLE_CFG.IHT configuration:
 - Class of the enclosing <td> in page contents table.
 */
.inPageTitle {
}
/* <page>_TITLE_CFG.IHT configuration:
 - <h1> configuration for page title.
 */
h1.innerTitle {
 color:#6c6c6c;
 font-size: 150%; /* was 20px */
 font-weight:bold;
 text-transform: none;
 line-height: 1em;
}
.indent {
	padding-left: 25px;
}
.ltblue {
	color: #DAECF8;
}
hr {
	color: #DAECF8;
}
span.WHEADER1 {font-weight:bold;font-size: 150%}
span.WHEADER2 {font-weight:bold;font-size: 125%}
span.WHEADER3 {font-weight:bold}
span.WHEADER4 {font-weight:bold}
span.WHEADER5 {font-weight:bold}
span.WHEADER6 {font-weight:bold}
/* Search boxes */
.dy_menu_box {
	margin:5px;
	padding:5px;
	width:240px;
	height:auto;
	overflow:hidden;
	background: #ffffff none repeat scroll 0 0;
	border-color: #483883;
	font : 95% Verdana,Arial,Helvetica,sans-serif;
	border-style:solid;
	border-width: 1px;
}
.dy_menu_title {
 border-bottom:1px solid #000000;
 background: #2447B2;
 color: #FFFFFF;
 padding: 3px;
 font : 95% Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
}
.dy_lboxes
 {
 background: #e1e4d9;
 text-align : left;
 padding : 5px;
 float : left;
 font : 80% Verdana,Arial,Helvetica,sans-serif;
 color : #000000;
}
/* Error message modifiers */
.title_restriction_status {color: red}
.dy_errorMsgLight {
 color:#FF0000;
}
.dy_errorMsg {
 color:#FF0000;
 font-weight:bold;
}
.dy_arrow {
 font-family:courier,monospace;
}
.dy_orderRefusal {
 color:#BB0000;
}
/* Documentation */
.dy_doc {
}
/* Standard buttons */
.dy_std_btn {
 border:0;
 vertical-align:top;
}
.dy_std_intext_btn {
 border:0;
 vertical-align:middle;
}
.dy_logout_btn {
 color:red;
 font-weight:bold;
}
/* User defined form appearance */
.dy_std_form_question {
 color: #000099;
 font-weight: bold;
}
.dy_std_form_header {
 color: #0000ff;
 font-size: 250%;
}
.dy_std_form_header_sm {
 color: #0000ff;
}
.dy_std_form_label {
 font-weight: bold;
}
/* Regular Medianet Web page appearance */
/* Red */
.dy_emphasis_light {
 font-weight: normal;
 font-style: normal;
 color: #BB0000;
}
/* Bold and red */
.dy_emphasis {
 font-weight: bold;
 font-style: normal;
 color: #BB0000;
}
.nobr {
 white-space: nowrap;
}
/* Standard div controls */
.dy_hide {
 display:none;
}
/* Standard sizes, set via WTMPLT */
.WPAGWIDTH{
 width: 800px;
}
.WPOPUPWIDTH{
 width: 650px;
}
/* Standard table */
/*
 Earlier versions of IE (at least 6) won't recognize the "immediate child"
 selector, so the styles will unfortunately also apply to embedded tables.
 Embedded tables will need to override these attributes.
*/
table.dy_std_table {
 border: 1px solid #a6c9e2;
 border-collapse: collapse;
}
table.dy_std_table thead {
 color: #2e6e9e;
 font-weight: bold;
 background-color: #d0e5f5;
 text-align: left;
}
table.dy_std_table td, table.dy_std_table th {
 border: 1px solid #a6c9e2;
 border-collapse: collapse;
 padding: 2px;
}
table.dy_std_table th {
 text-align:left;
}
.ie_table_border {
 border-style: outset;
 border-width: 1px;
}
table.ie_table_border td, table.ie_table_border th {
 border-style: inset;
 border-width: 1px;
}
/* ====== */
/* DSPBOO booking table */
/* ====== */
/* headers */
td.dspboo_col_hdr_qty {
 text-align:right;
}
td.dspboo_col_hdr_std {
 text-align:left;
}
/*The client column is constrained to be 40% of the table size,
 to prevent it from getting too big if a large client is displayed. */
td.dspboo_client_col_hdr {
 text-align:left;
}
td.dspboo_title_col_hdr {
 text-align:left;
}
/* quantity specific columns */
td.dspboo_qty_left_col {
 text-align:right;
 font-weight:bold;
}
td.dspboo_qty_shipped_col {
 text-align:right;
}
td.dspboo_qty_unit_price_col {
 text-align:right;
}
/* all other columns */
td.dspboo_show_col {
 vertical-align:top;
}
.dspboo_show_col_day {
 font-weight: bold;
}
td.dspboo_endshow_col {
 vertical-align:top;
}
td.dspboo_due_col {
 vertical-align:top;
}
td.dspboo_item_col {
 vertical-align:top;
}
td.dspboo_client_col {
 vertical-align:top;
}
td.dspboo_ccode_col {
 vertical-align:top;
}
td.dspboo_title_col {
 vertical-align:top;
}
td.dspboo_fcode_col {
 vertical-align:top;
}
td.dspboo_callno_col {
}
td.dspboo_copy_col {
 vertical-align:top;
}
td.dspboo_room_col {
 vertical-align:top;
}
td.dspboo_via_col {
 vertical-align:top;
}
td.dspboo_status_col {
 vertical-align:top;
}
td.dspboo_order_col {
 vertical-align:top;
}
td.dspboo_po_col {
 vertical-align:top;
}
/* ====== */
/* Catalog */
/* ====== */
#dy_search_bottom_link {
 font-weight: bold;
}
#dy_search_bottom_link:visited {
 font-weight: bold;
}
#dy_search_subject_link {
 font-weight: bold;
}
#dy_search_subject_link:visited {
 font-weight: bold;
}
/* Short display */
/* This surrounds the full text of the result */
.dy_cat_title_short_display {
}
/* This applies to the <li> for each result */
.dy_cat_results_list_item {
 margin-top:0.1em;
}
/* Short display: poster style */
/* This surrounds the full poster display */
.dy_cat_poster_display {
 text-align: center;
 padding: 0px 0px 10px 0px;
}
/* This surrounds the text line beneath the poster */
.dy_cat_poster_title {
}
/* This styles the actual image.
 - 125px fits width-wise within the current 7-column poster display.
 If changing, ensure the new width also fits.
*/
.dy_poster_image {
 width: 125px;
 border: 1px solid #c0c0c0;
}
/* Multimedia links tables */
.mmlinks_table_col1 {
 text-align: center;
 width: 10px;
}
.mmlinks_table_col2 {
 text-align: left;
}
/* SYNOPSIS left hand column image */
.dy_synopsis_show_image {
 text-align:left;
 border:0;
}
/* SYNOPSIS left hand column image: resized SHOWL image */
.dy_synopsis_showl_image {
 text-align:left;
 border:0;
 width: 125px;
}
/* Supplemental info displayed in brackets at end of info display */
.dy_smallinfo {
 font-size:smaller;
}
/* Title status: short and long display */
.dy_title_status {
 font-style:italic;
}
/* Title at top of long display */
.dy_cat_long_ftitle {
 font-weight:bold;
}
/* Layout Table */
td.dy_cat_label_col {
 width:15%;
}
td.dy_cat_full_desc_col {
 width:85%
}
/* The below 3 classes break the description column into parts,
 principally for the Holdings display */
td.dy_cat_col2 {
 width:10%;
}
td.dy_cat_col3 {
 width:20%;
}
td.dy_cat_col4 {
 width:55%;
}
/* ====== */
/* Order */
/* ====== */
.dy_hold_list {
 color:green;
 font-size:90%;
 font-weight:bold;
}
/* =========== */
/* CSS Buttons */
/* =========== */
/* Standard non-emphasized medianet link button (blue) */
.dy_btn_generic {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 line-height: 1.4em;
 font-weight: 700;
 text-decoration: none;
 background-color: #809FFE;
 color: #111111;
 display: inline-block;
 vertical-align: middle;
 text-align:center;
 padding: 3px 9px 3px 9px;
 margin: 1px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.dy_btn_generic:visited {
 text-decoration: none;
 color: #222222;
}
.dy_btn_generic:hover {
 text-decoration: none;
 color: #222222;
}
/* Standard emphasized medianet link button (green) */
.dy_btn_emphasized {
 background-color: #05BF6D;
}
/*
Customizable CSS button styles for standard buttons:
- Example usage:
 <button id="dy_clogin_ok"
 class="dy_btn_generic dy_std_button dy_btn_emphasized dy_btn_ok"></button>
- Example customizations (in MEDIANET_CFG.CSS):
 - use original button image (e.g. when the image is site-customized):
 - directly open the URL to the custom button image on the web
 e.g. http://dymit.dymaxion.ca/076/images/submitgr.gif and
 right-click "Inspect" to get the width & height in "px" units
 - custom CSS, turning off our rounded corners and setting the
 image url, width, and height (from P076), as well as disabling
 our default text:
 .dy_btn_submit {
 background-image: url(../images/submitgr.gif);
 border-radius: 0px;
 width: 72px;
 height: 26px;
 }
 .dy_btn_submit::after { content: ""; }
 - use CSS button, but with custom button text:
 .dy_btn_ok::after { content: "Okay"; }
 - override OK button text, but only on the login page:
 .dy_btn_ok::after#dy_clogin_ok { content: "Login"; }
*/
.dy_btn_ok::after {
 content: "OK";
}
.dy_btn_submit::after {
 content: "Submit";
}
.dy_btn_reset::after {
 content: "Reset";
}
.dy_btn_login_aea::after {
 content: "Sign in with IdentAEA";
}
/*
Buttons appearing on search form:
- These are buttons appearing exclusively on the search
 form.
- As per the comment below on order form buttons, take care
 before re-using them elsewhere to consider implications
 if sites end up customizing any of these under the assumption
 those customizations will only appear on the search form.
*/
.dy_btn_select_checked::after {
 content: "Select Checked";
}
.dy_btn_check_all::after {
 content: "Check All";
}
.dy_btn_uncheck_all::after {
 content: "Uncheck All";
}
/*
Buttons appearing on order form:
- Note: Before reusing any of these on other pages, consider
 carefully if we should make new classes, as when used in
 different contexts, site customizations to these button texts may
 or may not make sense there. An all sites search via remotex of
 medianet_cfg.css for "dy_btn" with a small window to see
 if any sites have customized these will help determine that.
*/
.dy_btn_add_title::after {
 content: "Add Title";
}
.dy_btn_add_item::after {
 content: "Add Item";
}
.dy_btn_test_add_item::after {
 content: "Add";
}
.dy_btn_repeat::after {
 content: "Repeat";
}
.dy_btn_test_availability::after {
 content: "Test Availability";
}
.dy_btn_one_date::after {
 content: "One Date";
}
.dy_btn_date_per_item::after {
 content: "Date per Item";
}
.dy_btn_export::after {
 content: "Export Titles";
}
.dy_btn_return::after {
 content: "Return";
}
.dy_btn_update_email::after {
 content: "Update E-mail";
}
.dy_btn_review_order::after {
 content: "Review Order";
}
.dy_btn_revise_order::after {
 content: "Revise Order";
}
.dy_btn_next::after {
 content: "Next";
}
.dy_btn_save_changes::after {
 content: "Save Changes";
}
.dy_btn_change_client::after {
 content: "Change Client";
}
.dy_btn_clear_all::after {
 content: "Clear All";
}
.dy_btn_new_search::after {
 content: "New Search";
}
.dy_btn_resume_search::after {
 content: "Resume Search";
}
.dy_btn_mediagraphies::after {
 content: "Mediagraphies";
}
.dy_btn_options_menu::after {
 content: "Options Menu";
}
.dy_btn_help::after {
 content: "Help";
}
/* End of order form buttons. */
/*
Icon button styles:
Example usage:
 <button type="submit" class="dy_icon_trashcan" name="REMOVE1" value="Remove"></button>
*/
.dy_icon_trashcan {
 border: none;
 cursor: pointer;
 padding: 0px;
 width: 32px;
 height: 32px;
 background-color: transparent;
}
.dy_icon_trashcan:before {
 content: url(../images/trashcan.svg);
}
/*
CSS button styles are used in the following locations:
- lcl_top_subjects.htm (if enabled)
Also used for custom single button
*/
.subj_bttn {
 vertical-align: middle;
 display:table-cell;
 text-align: center;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 padding: 10px 25px;
 width: 125px;
 height: 35px;
 color: #FFFFFF !important;
 text-shadow: 1px 1px 0px #7CACDE;
 -webkit-box-shadow: 1px 1px 1px #BEE2F9;
 box-shadow: 1px 1px 1px #BEE2F9;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 border: 1px solid #809FFE;
 background: #809FFE;
}
.subj_bttn:hover {
 color: #FFFFFF !important;
 background: #468CCF;
}
/* =================== */
/* Top Subject support */
/* =================== */
/* Only used if lcl_top_subjects.htm exists */
.subj_bttn_table {
 border: 0px;
 border-collapse: separate;
}
.subj_bttn_table td {
 border-spacing: 5px 15px;
}
.subj_bttn_table tr {
 vertical-align: top;
}
/* Other images */
.dy_responsive_image {
 max-width: 100%;
 display: block;
 height: auto;
}
.dy_large_screen_only {
}
@media only screen and (max-width: 800px) {
 .dy_large_screen_only{
 display: none;
 }
}
@media only print {
 .dy_large_screen_only{
 display: none;
 }
}