2 body { background-color: white; }
4 .main_header { width: 100%; }
5 .space { padding-right:5px; }
6 .vert_space { padding-top: 82px; width: 100%;}
7 .right { position:absolute; right: 0px; }
8 .hide_me { display:none; visibility: hidden; }
11 input:focus:not(.invalid_value) { background: #E0F0E0; color: darkblue;}
13 input:focus { background: #E0F0E0; color: darkblue;}
14 select:focus { background: #E0F0E0; color: darkblue;}
15 a:focus { background: #E0F0E0; color: darkblue;}
17 table { border-collapse: collapse; }
19 /* generic CSS for a table with data */
20 .data_grid { font-weight: 500; border-collapse: collapse;}
21 .data_grid thead tr { background: #E0F0E0; color: #000000; }
22 .data_grid thead td { border: 1px solid #808080; padding-right: 5px; padding-left: 5px;}
23 .data_grid tbody td { border: 1px solid #E0E0E0; padding: 5px; }
24 .data_grid_center { text-align: center; }
26 .classic_link { text-decoration: underline; color: black;}
27 .classic_link:visited { text-decoration: underline; color: black;}
28 .classic_link_col { text-decoration: underline; color: red;}
32 .encircled { border: 1px solid black; }
34 .light_border { border: 1px solid #E0E0E0; }
36 #main_table { border-collapse: collapse; width: 100%; height: 100%; }
37 #main_left_cell { height: 100%; width: 20%; vertical-align: top;margin: 0px; padding: 0px;}
38 #main_right_cell { height: 100%; width: 80%; vertical-align: top; margin: 0px; padding:0px;}
41 .canvas { min-height: 300px; }
44 #canvas_main { min-height: 300px; padding-left: 6px; -moz-border-radius: 6px; padding-bottom: 10px; }
45 .non_canvas { min-height: 300px; padding-left: 6px; -moz-border-radius: 6px;}
48 #loading_div { width: 100%;}
51 /* default to image size to avoid image stretching */
53 .logo { height: 65px; width: 180px; }
57 .shadowed { background: #F0F0E0; }
58 .no_copies { background: #E0E0E0; }
59 .overdue_circ { border: 2px dashed #F0D0E0; }
62 .org_tree { height: 500px; padding-left: 2px; padding-right: 2px; }
64 .org_tree { padding-left: 2px; padding-right: 2px; }
65 .org_link { padding-right: 15px; }
66 #org_link_container { margin-bottom: 5px; padding-left: 4px; padding-bottom: 3px; padding-top: 3px; width: 100%; }
67 #left_div { float:left; width: 20%; }
70 #frontsearch_table { }
71 #frontsearch_table tr { margin: 6px; }
73 /* ---------------------------------------------------------------------- */
74 .sidebar_div { width: 100%; font-size: 9pt; margin-top: 12px; }
75 .sidebar_header { margin-top: 10px; padding-left: 3px; margin-right: 6px; }
77 .sidebar_extra_item { padding: 0px; margin-right: 8px;}
78 .side_bar_item { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-right: 8px; }
80 .sidebar_item_active { margin-right: 0px; }
82 .sidebar_chunk { width: 100%; }
84 /* ---------------------------------------------------------------------- */
86 #searchbar { margin-top: 18px; width: 100%; }
87 #searchbar table tr td {font-weight: bold; font-size: 8pt; }
88 #searchbar select, input { border-collapse: collapse; font-size: 9pt; }
89 .searchbar_item { margin: 3px; font-size: 9pt; }
90 .searchbar_label_span { font-size: 9pt; }
91 #searchbar_table { border-collapse: collapse; }
93 .search_box_container { width: 240px; padding: 3px; }/* border: 1px solid #A0A0A0;' class='color_2'>*/
96 /* ---------------------------------------------------------------------- */
97 #login_box { width: 70%; padding: 5px;}
98 .login_text { margin-left: 8px; }
100 /* ---------------------------------------------------------------------- */
101 #result_table_div { text-align: left; width: 100%; }
103 #search_nav_links { width: 100%; }
104 #result_info_box { text-align: left; }
105 #next_prev_links { padding-left: 2px; padding-right: 2px; text-align: left;}
106 #goto_page_links { text-align: left; padding-left: 2px; padding-right: 2px;}
108 #next_prev_links_dead {padding-left: 5px; padding-right: 5px;}
110 #res_table { width: 100%; }
112 .result_table_pic_cell { width: 43px;}
113 .result_table_pic { height: 50px; width: 40px; border: none;}
114 .result_table_pic_header { width: 43px; }
116 .result_table_row { text-align: left; width: 100%;}
117 .result_table_subtable { width: 100%; border-collapse: collapse; vertical-align: top;}
118 .result_table_subtbody { height: 100%; width: 100%; }
119 .result_table_title_cell { text-align: left; }
121 .copy_count_cell { width: 12%; vertical-align: middle; text-align: center; }
122 .copy_count_div { width: 4em; height: 99%; vertical-align: middle; text-align: center; }
124 .search_page_nav_link { margin-right: 5px; }
126 /* ---------------------------------------------------------------------- */
128 #rdetail_detail_main { width: 100%; }
129 #rdetail_details_table { padding-top: 10px; width: 100%; padding: 30px; border-collapse: collapse;}
130 .rdetail_header { padding: 3px; padding-left: 10px;}
131 .rdetail_desc { padding: 2px; padding-left: 2px; padding-right: 2px;}
132 .rdetail_item { width: 75%; padding-left: 10px; }
133 #rdetail_image { padding-right: 10px; }
134 #rdetail_copy_info_table { padding: 4px; width: 100%; border-collapse: collapse; }
135 .rdetail_copy_info_header_cell { padding: 2px; }
136 .rdetail_copy_count_cell { text-align: center; }
139 .tor_pic { width: 17px; height: 17px; border: none;}
141 .dim2_border { border: 1px solid #F06000; -moz-border-radius: 3px;}
144 filter:alpha(opacity=50);
147 text-decoration: none; }
150 filter:alpha(opacity=10);
153 text-decoration: none; }
155 /* ---------------------------------------------------------------------- */
158 width: 12%; margin: 3px; padding: 3px;
159 text-align: center; vertical-align: middle;
160 border-bottom: 1px solid #808080;
161 border: 1px solid #808080; }
163 .myopac_link_active { background: #E0F0E0; font-weight: 700;}
164 .myopac_table thead tr td { padding: 2px; font-weight: 500; border: 1px solid #808080;}
165 .myopac_table td { padding: 3px; }
166 .myopac_form_pic { width: 20px; height: 20px; }
168 .tips { padding: 2px; text-align: center; border: solid #E0E0E0 3px; -moz-border-radius: 3px; width: 99%; }
170 .holds_cell { border: 1px solid #E0E0E0; padding: 5px; width: 50%;}
171 .myopac_update_cell { border: 3px solid #E0E0E0; width:100%; padding-top: 4px; padding-bottom: 4px;}
172 .myopac_update_span { padding: 5px;}
174 #result_low_hits { border-top: 2px solid #A7EA9D }
176 .lowhits_div { width: 100%; border-top: 1px solid #E0E0E0; text-align: center;
177 padding-top: 8px; padding-bottom: 8px; }
179 .rdetail_extras_div {
180 border-top: 3px solid #E0E0E0;margin-top: 3px; padding-top: 5px; width: 100%;}
182 .copy_info_region_row {
184 border: 2px solid #E0E0E0;
186 /*background: #F0F0F0;*/
189 .rdetail_extras_td { padding-right: 15px; padding-left: 15px; border-right: 1px solid #888; }
190 .rdetail_extras_selected { background: #E0F0E0;}
191 .rdetails_extra_links { border: 1px solid #808080; padding-right: 5px; padding-left: 5px; }
194 .cn_browse_item { height: 190px; }
195 .cn_browse_info { padding: 4px; border-bottom: 1px dashed #E0E0E0;}
198 /*background-image: url(http://10.4.0.10/woodgrain.jpeg);*/
200 background-image: url(http://dev.gapines.org/opac/images/woodgrain.jpg);
201 background-repeat: repeat;
203 border-bottom: 1px solid black;
206 .cn_browse_loading { width: 95%; padding: 15px; text-align: center; background: #E0F0E0; }
208 .cn_browse_home_cn { border: 2px solid #E0F0E0; background: green; font-weight: 700;}
210 .rdetail_context_row { background: #F0E0E0; }