/*
!!
!! medianet_default.css
!! customized copied to
!! medianet_cfg.css original medianet_cfg.css appended
!!
!!======
*/
/*
Outer area of idcontent is grey
*/
body {
 background-color: #E8E8E8 ; /* outside grey */
 color: #484848; /* text: grey */
	padding: 0px;
	width:1080px;
 margin:auto;
}
/* - 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 */
#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;
	background-color:#FFF;
}
/* - 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: 0px;
	max-width:1180px;
}
/* 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: 0px;
 border-bottom-left-radius: 0px;
 text-align: center;
	max-width:1020px;
	margin:auto;
}
#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
*/
#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;
}
/* <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;
}
.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: 150px;
}
/* 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;
}
/*
!!
!! medianet_cfg.css starts here
!!
!!
*/
/*
- This file is for clients who have configured Medianet Web via their
 own CSS, and need to turn off our new default configuration.
- It is auto-added to the beginning of medianet_cfg.css, as needed, by
 WTMPLT.MST (see dyw:overridestyle.prl).
*/
#idBtnbar {
 border-bottom: 1px groove gray;
 padding-top:10px;
 padding-bottom:10px;
}
body {
 background-color: #FFFFFF;
 background: url('../images/bgblue.png') repeat; background-position:center;
}
#idBottom {
 background-image:url();
}
body,td,th {
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-size: 12px;
 letter-spacing: normal;
 line-height: 1.2em;
 width:1080px;
 margin:auto;
}
h1 {
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-size: 2em; /* Standard h1 font size */
 font-weight: 600;
 color: black;
 padding: 0px;
 letter-spacing: normal;
 text-transform: none;
 line-height: 1.2em;
}
ul {
 line-height: 1.6em;
}
a {
 color: blue;
 text-decoration: underline;
}
a:visited {
 color: purple;
 text-decoration: underline;
}
a:hover {
 color: blue;
 text-decoration: underline;
}
a:active {
 color: blue;
 text-decoration: underline;
}
.pageContentsTable {
 width: 900px;
}
#idContent {
 background-color: #FFFFff;
 text-align: left;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 border-top-right-radius: 0px;
 max-width:1080px;
}
#idFooter {
 width: 1080px; margin:auto;
}
a:hover,a:active,a:focus {
	color: #223c86;
}
#gkPage {
	border-bottom-color: #223c86;
}
#gkContent a {
	color: #223c86;
}
h1#gkLogo a.cssLogo {
	background-image: url('../images/crusa_logo.png');
	margin-left:10px;
}
#gkPageTop {
	background-image: url('../images/bg_top.png');
}
#gkTopNav li a {
	color: #223c86;
}
#wrapper{
	margin:auto; width:1080px; height:auto;}
#nav{float:left; margin-top:120px; margin-left:0px; width:1080px; height:auto;}
#header{
	background: url('../images/cpusa-banner-anuvu.png') width: 1080px; height: 215px; float:left;}
#logo{background: url(../images/crusa_logo.png) no-repeat;width:300px; float:left;
height:96px; margin-left:10px; margin-top:15px;}
#contentbody{width:1060px; height:auto; background:#fff; padding-left:10px; padding-right:10px; margin:auto}
/*
To remove the background images of the default Medianet style (which
will remove most of the style 'appearance'):
 body {
 background-image: url();
 }
 #idBottom {
 background-image:url();
 }
To remove the borders around the content (with a small 10px margin on
the left so the text isn't flush against the left).
 #idContent {
	border: 0px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
 }
 You will also want to remove idHeader (unless you've moved it above
 the tabs using <!--MED_SITE_HEADER-->):
 #idHeader {
 display:none;
 }
To remove the centering on the buttonbars:
 #idBottom {
 text-align: left;
 }
 The 15px is significant, it ensure the buttonbar text is centered
 vertically in the blue bar.
 #idFooter {
 text-align: left;
 margin: 0px;
 padding: 15px 0px 0px 10px;
 }
To put an image on the top of the tabs: The easiest way is:
 Fill in the nav bar with dark blue, to replace the color we lost
 with the background image (since the tabs will now be displaced
 below the dark blue bar):
 #idNavContainer {
 background-color: #314A5A;
 }
 To handle positioning bugs in Firefox, we have to change to
 absolute positioning. We assume here your logo is in
 #idHeader, added above the tabs in style_Cfg.iht using
<!--MED_SITE_HEADER-->. The actual pixels for height: and
 top: values will depend on the height of your logo:
 #idNavContainer {
 background-color: #314A5A;
 height: 100px;
 margin: 0;
 padding: 0;
 text-align: bottom;
 }
 #idNav {
 position: absolute;
 top: 68px;
 left: 0px;
 padding: 0 0 0 0;
 margin: 0 0 0 100;
 height: 35px;
 }
 #idHeader {
 position:absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 45px;
 background-color: white;
 }
 // And put in some space between the contents and the tabs,
 // since we moved the header
 #idContents {
 margin-top: 10px;
 }
To change the size of the page contents section (for instance, to
ensure the text doesn't stretch beyond the width of the site logo):
 .pageContentsTable {
 width: 700px;
 }
To change the default font size:
body, td, th {
 font-size: 15px;
}
To change the appearance of the <h1> titles:
h1 {
 color: green;
 font-size: large;
 padding-top: 5px;
 text-transform: none;
}
To grow the navigation bar section to make room for more tabs:
#idNav {
 width: 900px;
}
To change the height of a header from HEADER_CFG.IHT:
#idHeader {
 height: 50px;
}
To change the appearance of the page contents area titles
(from optional <root>_TITLE_CFG.IHT):
h1.innerTitle {
 color: red;
 font-size: 25px;
}
To grow the size of the footer button bar to prevent wrapping:
#idFooter {
 width: 800px;
}
To put bars around the buttonbar:
#idBtnbar {
 border-top: 1px groove black;
 border-bottom: 1px groove black;
 padding-top: 10px;
 padding-bottom: 10px;
}
*/
.dy_synopsis_show_image {
 border: 1px solid black;
 -moz-box-shadow: 6px 6px 6px #555;
 -webkit-box-shadow: 6px 6px 6px #555;
 box-shadow: 6px 6px 6px #555;
}
/*
 Poster Display
 Keep this section in sync between all projects so it can be
 changed in one and pasted into the others
*/
.dy_poster_image {
width: auto;
height: 148px;
border: 1px solid #c0c0c0;
}
.dy_cat_poster_display {
 text-align: center;
 padding: 0px 0px 10px 0px;
}
/* Button and table styles for lcl_top_subjects.htm */
.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: 20px; /* 35px height for two lines text displayed */
 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;
}
.subj_bttn_table {
 border: 0px;
 border-collapse: separate;
}
.subj_bttn_table td {
 border-spacing: 5px 15px;
}
.subj_bttn_table tr {
 vertical-align: top;
}