|
|
|
Question : asp table shrink to fit one page
|
|
|
|
Can someone take a look and suggest me a workaaroud to make this table show in a page without scrolling down..
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
|
default
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" CodeFile="Default.aspx.cs" Inherits="Default"%>
<asp:Content ContentPlaceHolderID="Content" Runat="Server">
<script type = "text/javascript">
function ValidateRG(rgid,txt){
var RB = document.getElementById(rgid);
var radio = RB.getElementsByTagName("input");
var isChecked = false;
for (var i = 0; i < radio.length; i++) {
if (radio[i].checked) {
isChecked = true;
break;
}
}
if (!isChecked) alert("Please select an option in question '" + txt + "'");
return isChecked;
}
function Validate() {
var isChecked = (
ValidateRG("<%=RadioButtonList1.ClientID%>","Q1") &&
ValidateRG("<%=RadioButtonList2.ClientID%>","Q2") &&
ValidateRG("<%=RadioButtonList3.ClientID%>","Q3") &&
ValidateRG("<%=RadioButtonList4.ClientID%>", "Q4") &&
ValidateRG("<%=RadioButtonList5.ClientID%>", "Q5") &&
ValidateRG("<%=RadioButtonList6.ClientID%>", "Q6") &&
ValidateRG("<%=RadioButtonList7.ClientID%>", "Q7") &&
ValidateRG("<%=RadioButtonList8.ClientID%>", "Q8") &&
ValidateRG("<%=RadioButtonList9.ClientID%>", "Q9")
);
if (isChecked) alert("All questions answered");
return isChecked;
}
</script>
<table style="width: 100%">
<tr>
<td>
<b>Nurses/Tech Name: </b> <span>
<asp:dropDownList ID="Nurses" runat="server" CssClass="dropDownList"></asp:dropDownList>
</span>
</td>
<td>
<b>Department:<asp:DropDownList ID="departmentTextBox" runat="server">
<asp:ListItem>DHR Surgery</asp:ListItem><asp:ListItem>WHR Surgery</asp:ListItem><asp:ListItem>CVOR</asp:ListItem><asp:ListItem>Cath Lab</asp:ListItem><asp:ListItem>Radiology</asp:ListItem><asp:ListItem>Endoscopy</asp:ListItem></asp:DropDownList></b>
</td>
</tr>
<tr>
<td>
<b>Physician's Name:</b>
<asp:dropdownlist ID="Physician" runat="server"></asp:dropdownlist>
</td>
<td>
<b>Visit ID:<asp:TextBox ID="txtVisitID" runat="server"></asp:TextBox>
</b>
</td>
</tr>
<tr>
<td>
<b>Procedure:</b>
<span class="dropDownList">
<asp:textbox ID="procedureTextBox" runat="server" Width="300px"></asp:textbox>
</span>
</td>
<td>
<b>Date:</b>
<asp:Label ID="dateLabel" runat="server" CssClass="dateFont"></asp:Label>
</td>
</tr>
</table>
<br />
<div>
<asp:Table ID="Table1" CellPadding="15" CellSpacing="0"
HorizontalAlign="Center" GridLines="Both" runat="server" BorderColor="Black"
BorderStyle="None" Height="5px">
<asp:TableRow CssClass="alt2">
<asp:TableCell>1</asp:TableCell>
<asp:TableCell>Informed consent signed by patient/designee and physician</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadioButtonList1" ErrorMessage="Question 1" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList1" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt">
<asp:TableCell>2</asp:TableCell>
<asp:TableCell><b>History & Physical - Contains the following:</b><br />Chief complaint, history of present illness heart/lung assessment</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="RadioButtonList2" ErrorMessage="Question 2" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList2" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt2">
<asp:TableCell>3</asp:TableCell>
<asp:TableCell><br /><b>History & Physical - Meets one of the following criteria:</b><br />Signed/dated within 24 hrs of addmision<br />Less than 30 days old with update note/date/signature or progress note within 24 hrs?</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="RadioButtonList3" ErrorMessage="Question 3" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList3" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt">
<asp:TableCell>4</asp:TableCell>
<asp:TableCell><b>"TIME OUT" performed & includes the following:</b><br />Confirmation of identity, side/site, consent form, procedure, need for abx/fluids, safety precautions when applicable</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="RadioButtonList4" ErrorMessage="Question 4" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList4" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt2">
<asp:TableCell>5</asp:TableCell>
<asp:TableCell><b>Site Marking</b> - Operative site marked</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="RadioButtonList5" ErrorMessage="Question 5" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList5" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
<asp:ListItem Value="N/A"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt">
<asp:TableCell>6</asp:TableCell>
<asp:TableCell>Anesthesia assessment performed?</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="RadioButtonList6" ErrorMessage="Question 6" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList6" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
<asp:ListItem Value="N/A"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt2">
<asp:TableCell>7</asp:TableCell>
<asp:TableCell>Are all medications, medication containers or other solutions labeled?</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="RadioButtonList7" ErrorMessage="Question 7" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList7" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
<asp:ListItem Value="N/A"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt">
<asp:TableCell>8</asp:TableCell>
<asp:TableCell>Is immediate physician's post op note present?</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="RadioButtonList8" ErrorMessage="Question 8" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList8" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow CssClass="alt2">
<asp:TableCell>9</asp:TableCell>
<asp:TableCell>Is the post op note completed and to include date, time, and signature?</asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="RadioButtonList9" ErrorMessage="Question 9" InitialValue="" Text="*"></asp:RequiredFieldValidator>
<asp:RadioButtonList ID="RadioButtonList9" repeatdirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
</asp:RadioButtonList>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</div>
<div class="downButton">
<asp:ValidationSummary ID="ValidationSummary1" runat="server"
ShowMessageBox="True" ShowSummary="False" HeaderText="Please select an option in:"/>
<asp:Button ID="Submit" runat="server" Text="Submit" onclick="Submit_Click" CommandArgument="ConfirmationPage.aspx"/>
<!-- Enable call to java script validation<asp:Button ID="Button1" runat="server" Text="Submit" onclick="Submit_Click" OnClientClick="return Validate()" CommandArgument="ConfirmationPage.aspx"/> -->
</div>
</asp:Content>
css
body{font-family:Calibri,Arial,Helvetica,sans-serif;margin:0;background:#93EFEF;color:#000;background:#93EFEF;}
ul{margin:5px;padding-left:20px;}
.BodyContent{position:relative;left:0;top:0;width:100%;margin:0 auto 0 auto;}
.BackgroundGradient{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1000;background:url('images/BackgroundGradient.png') repeat-x;}
.Border{position:relative;z-index:1;overflow:hidden;padding:5px 5px 5px 5px;color:#000;font-size:16px;}
.Border a{color:#00152D;text-decoration:underline;}
.Border a:visited{color:#00152D;text-decoration:underline;}
.Border a:hover{color:#000;text-decoration:none;}
.BorderBorder{z-index:0;position:relative;margin:0;}
.BorderTL,.BorderTR,.BorderBL,.BorderBR,.BorderL,.BorderT,.BorderR,.BorderB,.BorderC{position:absolute;z-index:-1;overflow:hidden;}
.BorderTL,.BorderTR,.BorderBL,.BorderBR{width:7px;height:7px;}
.BorderTL{top:0;left:0;background-image:url('images/BorderCorners.png');}
.BorderTR div,.BorderBL div,.BorderBR div{height:14px;width:14px;position:absolute;z-index:-1;background-image:url('images/BorderCorners.png');}
.BorderTR div{left:-7px;}
.BorderBL div{top:-7px;}
.BorderBR div{left:-7px;top:-7px;}
.BorderTR{top:0;right:0;}
.BorderBL{bottom:0;left:0;}
.BorderBR{bottom:0;right:0;}
.BorderT,.BorderB{left:7px;right:7px;height:7px;}
.BorderT{top:0;background-image:url('images/BorderHorizontal.png');}
.BorderB{bottom:0;}
.BorderB div{position:absolute;z-index:-1;top:-7px;height:14px;width:100%;background-image:url('images/BorderHorizontal.png');}
.BorderL,.BorderR{top:7px;bottom:7px;width:7px;}
.BorderL{left:0;background-image:url('images/BorderVertical.png');}
.BorderR{right:0;}
.BorderR div{position:absolute;z-index:-1;left:-7px;width:14px;height:100%;background-image:url('images/BorderVertical.png');}
.BorderC{left:7px;top:7px;right:7px;bottom:7px;background-image:url('images/BorderCenter.png');}
.BorderBorder{width:900px;margin:10px auto;}
.Header{position:relative;background-image:url('images/Header.png');background-repeat:no-repeat;padding:0;height:150px;color:#FFF;}
.HeaderTitle{height:150px;width:900px;display:table-cell;text-align:Default;vertical-align:Middle;color:#FFF;font-size:24px;text-decoration:none;font-style:normal;font-weight:bold;}
.HeaderTitle h1 a,.HeaderTitle h1 a:link,.HeaderTitle h1 a:visited,.HeaderTitle h1 a:hover{text-decoration:none;color:inherit;}
.HeaderTitle h1{margin:0;padding:0 8px;color:#FFF;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:36px;text-decoration:none;font-style:normal;font-weight:bold;}
.HeaderTitle h2{margin:0;padding:0 8px;font-size:inherit;font-weight:inherit;}
.Menu{background:transparent url('images/MenuBar.png') no-repeat;padding:5px 5px 0 5px;margin:0;text-align:Default;}
.Menu ul{list-style-type:none;padding:0;margin:0;color:#FFF;}
.Menu li{display:inline;padding:0;margin:0;}
.MenuButton,.MenuButtonInput{border:0;margin:0;background:transparent url('images/MenuButtonAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:28px;padding:0 0 0 18px;display:inline-block;color:#FFF;font-size:16px;vertical-align:middle;zoom:1;}
.MenuButton span,.MenuButtonInput span{border:0;margin:0;background:transparent url('images/MenuButton.png') no-repeat right top;display:block;position:relative;color:#FFF;line-height:18px;}
.MenuButton span{padding:5px 18px 5px 0;}
.MenuButtonInput span{padding:0 18px 0 0;height:28px;}
.MenuButtonInput input{color:#FFF;font-size:16px;color:inherit;height:28px;padding:0 18px;margin:0 -18px;overflow:visible;cursor:pointer;background:Transparent;border:0;*left:-18px;}
.MenuButtonInput::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;}
.MenuButton,.MenuButton:link,.MenuButton:visited,.MenuButton:hover,.MenuButton:active{text-decoration:none!important;outline:none;}
.MenuButton:hover,.MenuButtonInput:hover{background-position:left center;}
.MenuButton:hover span,.MenuButtonInput:hover span{background-position:right center;color:#FFF;}
.MenuButton:active,.MenuButtonInput:active{background-position:left bottom;}
.MenuButton:active span,.MenuButtonInput:active span{background-position:right bottom;color:#000;}
.ActiveMenuButton,.ActiveMenuButtonInput{border:0;margin:0;background:transparent url('images/ActiveMenuButtonAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:28px;padding:0 0 0 18px;display:inline-block;color:#000;font-size:16px;vertical-align:middle;zoom:1;}
.ActiveMenuButton span,.ActiveMenuButtonInput span{border:0;margin:0;background:transparent url('images/ActiveMenuButton.png') no-repeat right top;display:block;position:relative;color:#000;line-height:18px;}
.ActiveMenuButton span{padding:5px 18px 5px 0;}
.ActiveMenuButtonInput span{padding:0 18px 0 0;height:28px;}
.ActiveMenuButtonInput input{color:#000;font-size:16px;color:inherit;height:28px;padding:0 18px;margin:0 -18px;overflow:visible;cursor:pointer;background:Transparent;border:0;*left:-18px;}
.ActiveMenuButtonInput::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;}
.ActiveMenuButton,.ActiveMenuButton:link,.ActiveMenuButton:visited,.ActiveMenuButton:hover,.ActiveMenuButton:active{text-decoration:none!important;outline:none;}
.ActiveMenuButton:hover,.ActiveMenuButtonInput:hover{background-position:left center;}
.ActiveMenuButton:hover span,.ActiveMenuButtonInput:hover span{background-position:right center;color:#FFF;}
.ActiveMenuButton:active,.ActiveMenuButtonInput:active{background-position:left bottom;}
.ActiveMenuButton:active span,.ActiveMenuButtonInput:active span{background-position:right bottom;color:#000;}
.Columns{overflow:hidden;}
.Column1{overflow:hidden;float:right;width:20%;}
.Column2{overflow:hidden;float:right;width:20%;}
.MainColumn{overflow:hidden;}
img{border:0;}
h2{margin:0;}
blockquote{width:80%;color:#000;border:solid 1px #3B3B2B;background:#FFF;margin:0 auto;padding:15px;-webkit-border-radius:5px;-moz-border-radius:5px;}
blockquote a,blockquote a:link{color:#00628B!important;text-decoration:underline;}
blockquote a:visited{color:#00628B!important;text-decoration:underline;}
blockquote a:hover{color:#000!important;text-decoration:none;}
.Article{position:relative;z-index:1;overflow:hidden;padding:15px 15px 15px 15px;color:#000;font-size:16px;}
.Article a{color:#00628B;text-decoration:underline;}
.Article a:visited{color:#00628B;text-decoration:underline;}
.Article a:hover{color:#000;text-decoration:none;}
.ArticleBorder{z-index:0;position:relative;margin:3px;}
.ArticleTL,.ArticleTR,.ArticleBL,.ArticleBR,.ArticleL,.ArticleT,.ArticleR,.ArticleB,.ArticleC{position:absolute;z-index:-1;overflow:hidden;}
.ArticleTL,.ArticleTR,.ArticleBL,.ArticleBR{width:12px;height:12px;}
.ArticleTL{top:0;left:0;background-image:url('images/ArticleCorners.png');}
.ArticleTR div,.ArticleBL div,.ArticleBR div{height:24px;width:24px;position:absolute;z-index:-1;background-image:url('images/ArticleCorners.png');}
.ArticleTR div{left:-12px;}
.ArticleBL div{top:-12px;}
.ArticleBR div{left:-12px;top:-12px;}
.ArticleTR{top:0;right:0;}
.ArticleBL{bottom:0;left:0;}
.ArticleBR{bottom:0;right:0;}
.ArticleT,.ArticleB{left:12px;right:12px;height:12px;}
.ArticleT{top:0;background-image:url('images/ArticleHorizontal.png');}
.ArticleB{bottom:0;}
.ArticleB div{position:absolute;z-index:-1;top:-12px;height:24px;width:100%;background-image:url('images/ArticleHorizontal.png');}
.ArticleL,.ArticleR{top:12px;bottom:12px;width:12px;}
.ArticleL{left:0;background-image:url('images/ArticleVertical.png');}
.ArticleR{right:0;}
.ArticleR div{position:absolute;z-index:-1;left:-12px;width:24px;height:100%;background-image:url('images/ArticleVertical.png');}
.ArticleC{left:12px;top:12px;right:12px;bottom:12px;background-image:url('images/ArticleCenter.png');}
.Article h2{color:#000;font-size:24px;text-decoration:none;font-style:normal;font-weight:bold;}
.Article h2 a,.Article h2 a:visited{color:#000;text-decoration:none;}
.Article h2 a:hover{text-decoration:underline;}
.Block{position:relative;z-index:1;overflow:hidden;padding:10px 10px 10px 10px;color:#000;font-size:16px;}
.Block a{color:#00628B;text-decoration:underline;}
.Block a:visited{color:#00628B;text-decoration:underline;}
.Block a:hover{color:#000;text-decoration:none;}
.BlockBorder{z-index:0;position:relative;margin:3px;}
.BlockTL,.BlockTR,.BlockBL,.BlockBR,.BlockL,.BlockT,.BlockR,.BlockB,.BlockC{position:absolute;z-index:-1;overflow:hidden;}
.BlockTL,.BlockTR,.BlockBL,.BlockBR{width:12px;height:12px;}
.BlockTL{top:0;left:0;background-image:url('images/BlockCorners.png');}
.BlockTR div,.BlockBL div,.BlockBR div{height:24px;width:24px;position:absolute;z-index:-1;background-image:url('images/BlockCorners.png');}
.BlockTR div{left:-12px;}
.BlockBL div{top:-12px;}
.BlockBR div{left:-12px;top:-12px;}
.BlockTR{top:0;right:0;}
.BlockBL{bottom:0;left:0;}
.BlockBR{bottom:0;right:0;}
.BlockT,.BlockB{left:12px;right:12px;height:12px;}
.BlockT{top:0;background-image:url('images/BlockHorizontal.png');}
.BlockB{bottom:0;}
.BlockB div{position:absolute;z-index:-1;top:-12px;height:24px;width:100%;background-image:url('images/BlockHorizontal.png');}
.BlockL,.BlockR{top:12px;bottom:12px;width:12px;}
.BlockL{left:0;background-image:url('images/BlockVertical.png');}
.BlockR{right:0;}
.BlockR div{position:absolute;z-index:-1;left:-12px;width:24px;height:100%;background-image:url('images/BlockVertical.png');}
.BlockC{left:12px;top:12px;right:12px;bottom:12px;background-image:url('images/BlockCenter.png');}
.BlockHeader{border:0;margin:0;background:transparent url('images/BlockHeaderAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:28px;padding:0 0 0 18px;display:block;color:#FFF;font-size:16px;font-weight:bold;vertical-align:middle;zoom:1;}
.BlockHeader span{border:0;margin:0;background:transparent url('images/BlockHeader.png') no-repeat right top;display:block;position:relative;color:#FFF;line-height:18px;}
.BlockHeader span{padding:5px 18px 5px 0;}
.BlockHeader{margin:0 0 7px 0;}
.BlockContentBorder{position:relative;z-index:1;overflow:hidden;padding:5px 5px 5px 5px;color:#000;font-size:16px;margin:0;}
.BlockContentBorder a{color:#00628B;text-decoration:underline;}
.BlockContentBorder a:visited{color:#00628B;text-decoration:underline;}
.BlockContentBorder a:hover{color:#000;text-decoration:none;}
.Button,.ButtonInput{border:0;margin:0;background:transparent url('images/ButtonAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:36px;padding:0 0 0 22px;display:inline-block;color:#000;font-size:16px;vertical-align:middle;zoom:1;}
.Button span,.ButtonInput span{border:0;margin:0;background:transparent url('images/Button.png') no-repeat right top;display:block;position:relative;color:#000;line-height:18px;}
.Button span{padding:9px 22px 9px 0;}
.ButtonInput span{padding:0 22px 0 0;height:36px;}
.ButtonInput input{color:#000;font-size:16px;color:inherit;height:36px;padding:0 22px;margin:0 -22px;overflow:visible;cursor:pointer;background:Transparent;border:0;*left:-22px;}
.ButtonInput::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;}
.Button,.Button:link,.Button:visited,.Button:hover,.Button:active{text-decoration:none!important;outline:none;}
.Button:hover,.ButtonInput:hover{background-position:left center;}
.Button:hover span,.ButtonInput:hover span{background-position:right center;color:#FFF;}
.Button:active,.ButtonInput:active{background-position:left bottom;}
.Button:active span,.ButtonInput:active span{background-position:right bottom;color:#000;}
.Footer{color:#000;font-size:16px;text-align:Center;background:url('images/Footer.png') bottom left;overflow:hidden;padding:5px 5px;}
.Footer a{color:#00628B;text-decoration:underline;}
.Footer a:visited{color:#00628B;text-decoration:underline;}
.Footer a:hover{color:#000;text-decoration:none;}
.BackLink{text-align:center;display:block;display:block;font-size:11px;padding:0 0 12px;color:#000;}
div.table
{
background-color: #FFFFFF;
}
div.procedure
{
font-family:"Times New Roman", Arial, Sans-Serif;
font-size:larger;
}
div.bottom
{
font-family:"Times New Roman", Arial, Sans-Serif;
font-size:large;
text-align:right
}
.dropDownList
{
position:relative;
left: 1%;
}
.dropDownList2
{
position:relative;
left: 17%;
}
.dropDownListDept
{
position:relative;
left: 14%;
}
.dateFont
{
font-family: "Times New Roman", Arial, Sans-Serif;
font-size: 12pt;
font-style:italic;
}
#procedureTracerTable
{
border-collapse: collapse;
}
TD.tableRowHeader
{
font-size: 24pt;
}
tr.alt
{
background-color:#bbd2f0;
}
tr.alt2
{
background-color: #ededed;
}
.validationFont
{
font-family: "Arial, Helvetica", sans-serif;
font-size: x-small;
color: #FF0000;
}
.downButton
{
background-color:White;
}
|
|
|
|
|
Answer : asp table shrink to fit one page
|
|
|
|
|
You had some errors in the CSS, so I am attaching that as well.
I also rewrote the page to be more streamlined, and made it so that you can easily change the function GetQuestions() to pull from a database. I also got rid of the JavaScript, as it is not needed here. You will have to edit the styles and spacing to your liking, as I just did it in the .aspx page quickly to make it work.
If you have questions, let me know.
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
|
-- default.aspx --
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server">
<table style="width: 100%">
<tr>
<td>
<b>Nurses/Tech Name: </b><span> <asp:DropDownList ID="Nurses" runat="server"
CssClass="dropDownList">
</asp:DropDownList>
</span>
</td>
<td>
<b>Department:<asp:DropDownList ID="departmentTextBox" runat="server">
<asp:ListItem>DHR Surgery</asp:ListItem>
<asp:ListItem>WHR Surgery</asp:ListItem>
<asp:ListItem>CVOR</asp:ListItem>
<asp:ListItem>Cath Lab</asp:ListItem>
<asp:ListItem>Radiology</asp:ListItem>
<asp:ListItem>Endoscopy</asp:ListItem>
</asp:DropDownList>
</b>
</td>
</tr>
<tr>
<td>
<b>Physician's Name:</b>
<asp:DropDownList ID="Physician" runat="server">
</asp:DropDownList>
</td>
<td>
<b>Visit ID:<asp:TextBox ID="txtVisitID" runat="server"></asp:TextBox>
</b>
</td>
</tr>
<tr>
<td>
<b>Procedure:</b> <span class="dropDownList">
<asp:TextBox ID="procedureTextBox" runat="server" Width="300px"></asp:TextBox>
</span>
</td>
<td>
<b>Date:</b>
<asp:Label ID="dateLabel" runat="server" CssClass="dateFont"></asp:Label>
</td>
</tr>
</table>
<br />
<div style="margin-left: 70px">
<table style="width: 80%; border-style: none; border-color: Black; border-collapse: collapse;">
<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
<ItemTemplate>
<asp:TableRow runat="server" ID="altRow">
<asp:TableCell Style="border: 1px solid; vertical-align: middle" runat="server">
<table width="25px">
<tr>
<td align="center">
<asp:Label runat="server" ID="QuestionNumber"></asp:Label>
</td>
</tr>
</table>
</asp:TableCell>
<asp:TableCell Style="width: 80%; border: 1px solid; vertical-align: middle">
<asp:Table runat="server" ID="QuestionTable">
<asp:TableRow runat="server" ID="QuestionTableTitleRow" Font-Bold="true">
<asp:TableCell runat="server">
<asp:Label runat="server" ID="QuestionTitle"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow runat="server" ID="QuestionTableTextRow">
<asp:TableCell ID="TableCell1" runat="server">
<asp:Label runat="server" ID="QuestionText"></asp:Label>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:TableCell>
<asp:TableCell Style="border: 1px solid; vertical-align: middle">
<table width="80px">
<tr>
<td>
<table width="100%">
<tr>
<td valign="middle" style="width: 1px">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadioButtonList1"
ErrorMessage="Question 1" InitialValue="" Text="*"></asp:RequiredFieldValidator>
</td>
<td>
<asp:RadioButtonList ID="RadioButtonList1" RepeatDirection="Vertical" runat="server">
<asp:ListItem Value="Yes"></asp:ListItem>
<asp:ListItem Value="No"></asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:TableCell>
</asp:TableRow>
</ItemTemplate>
</asp:Repeater>
</table>
</div>
<div class="downButton">
<asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True"
ShowSummary="False" HeaderText="Please select an option in:" />
<asp:Button ID="Submit" runat="server" Text="Submit" OnClick="Submit_Click" CommandArgument="ConfirmationPage.aspx" />
</div>
</asp:Content>
-- default.aspx.cs --
using System;
using System.Collections.Generic;
using System.Web.UI.WebControls;
namespace WebAppC2
{
public partial class _Default : System.Web.UI.Page
{
public class Question
{
public int Id { get; set; }
public string QuestionText { get; set; }
public string QuestionTitle { get; set; }
public bool IncludeNA { get; set; }
}
private IList<Question> questionList;
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack) return;
questionList = GetQuestions();
Repeater1.DataSource = questionList;
Repeater1.DataBind();
}
protected void Submit_Click(object sender, EventArgs e)
{
}
private static List<Question> GetQuestions()
{
return new List<Question>()
{
new Question()
{Id = 1,
QuestionText = "Informed consent signed by patient/designee and physician"
},
new Question()
{Id = 2,
QuestionTitle = "History & Physical - Contains the following:",
QuestionText = "Chief complaint, history of present illness heart/lung assessment"
},
new Question()
{
Id = 3,
QuestionTitle = "History & Physical - Meets one of the following criteria:",
QuestionText = "Signed/dated within 24 hrs of addmision<br />Less than 30 days old with update note/date/signature or progress note within 24 hrs?"
},
new Question()
{
Id = 4,
QuestionTitle = ""TIME OUT" performed & includes the following:",
QuestionText = "Confirmation of identity, side/site, consent form, procedure, need for abx/fluids, safety precautions when applicable"
},
new Question()
{
Id = 5,
QuestionTitle = "Site Marking",
QuestionText = "Operative site marked",
IncludeNA = true
},
new Question()
{
Id = 6,
QuestionText = "Anesthesia assessment performed?",
IncludeNA = true
},
new Question()
{
Id = 7,
QuestionText = "Are all medications, medication containers or other solutions labeled?",
IncludeNA = true
},
new Question()
{
Id = 8,
QuestionText = "Is immediate physician's post op note present?"
},
new Question()
{
Id = 9,
QuestionText = "Is the post op note completed and to include date, time, and signature?"
}
};
}
protected void Repeater1_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
Question question = e.Item.DataItem as Question;
if (question == null) return;
Label questionTitle = e.Item.FindControl("QuestionTitle") as Label;
Label questionText = e.Item.FindControl("QuestionText") as Label;
Label questionNumber = e.Item.FindControl("QuestionNumber") as Label;
TableRow tableRow = e.Item.FindControl("altRow") as TableRow;
TableRow tableTitleRow = e.Item.FindControl("QuestionTableTitleRow") as TableRow;
RadioButtonList radioButtonList = e.Item.FindControl("RadioButtonList1") as RadioButtonList;
RequiredFieldValidator requiredFieldValidator =
e.Item.FindControl("RequiredFieldValidator1") as RequiredFieldValidator;
if (questionTitle == null || questionText == null || questionNumber == null || radioButtonList == null ||
tableRow == null || tableTitleRow == null || requiredFieldValidator == null) return;
tableRow.CssClass = (question.Id % 2 == 0) ? "alt" : "alt2";
if (string.IsNullOrEmpty(question.QuestionTitle))
{
tableTitleRow.Parent.Controls.Remove(tableTitleRow);
}
else
{
questionTitle.Text = question.QuestionTitle;
}
questionText.Text = string.IsNullOrEmpty(question.QuestionText) ? " " : question.QuestionText;
questionNumber.Text = Convert.ToString(question.Id);
if (question.IncludeNA)
{
radioButtonList.Items.Add(new ListItem("N/A"));
}
requiredFieldValidator.ErrorMessage = string.Format("Question {0}", question.Id);
}
}
}
-- css --
body{font-family:Calibri,Arial,Helvetica,sans-serif;margin:0;background:#93EFEF;color:#000;background:#93EFEF;}
ul{margin:5px;padding-left:20px;}
.BodyContent{position:relative;left:0;top:0;width:100%;margin:0 auto 0 auto;}
.BackgroundGradient{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1000;background:url('images/BackgroundGradient.png') repeat-x;}
.Border{position:relative;z-index:1;overflow:hidden;padding:5px 5px 5px 5px;color:#000;font-size:16px;}
.Border a{color:#00152D;text-decoration:underline;}
.Border a:visited{color:#00152D;text-decoration:underline;}
.Border a:hover{color:#000;text-decoration:none;}
.BorderBorder{z-index:0;position:relative;margin:0;}
.BorderTL,.BorderTR,.BorderBL,.BorderBR,.BorderL,.BorderT,.BorderR,.BorderB,.BorderC{position:absolute;z-index:-1;overflow:hidden;}
.BorderTL,.BorderTR,.BorderBL,.BorderBR{width:7px;height:7px;}
.BorderTL{top:0;left:0;background-image:url('images/BorderCorners.png');}
.BorderTR div,.BorderBL div,.BorderBR div{height:14px;width:14px;position:absolute;z-index:-1;background-image:url('images/BorderCorners.png');}
.BorderTR div{left:-7px;}
.BorderBL div{top:-7px;}
.BorderBR div{left:-7px;top:-7px;}
.BorderTR{top:0;right:0;}
.BorderBL{bottom:0;left:0;}
.BorderBR{bottom:0;right:0;}
.BorderT,.BorderB{left:7px;right:7px;height:7px;}
.BorderT{top:0;background-image:url('images/BorderHorizontal.png');}
.BorderB{bottom:0;}
.BorderB div{position:absolute;z-index:-1;top:-7px;height:14px;width:100%;background-image:url('images/BorderHorizontal.png');}
.BorderL,.BorderR{top:7px;bottom:7px;width:7px;}
.BorderL{left:0;background-image:url('images/BorderVertical.png');}
.BorderR{right:0;}
.BorderR div{position:absolute;z-index:-1;left:-7px;width:14px;height:100%;background-image:url('images/BorderVertical.png');}
.BorderC{left:7px;top:7px;right:7px;bottom:7px;background-image:url('images/BorderCenter.png');}
.BorderBorder{width:900px;margin:10px auto;}
.Header{position:relative;background-image:url('images/Header.png');background-repeat:no-repeat;padding:0;height:150px;color:#FFF;}
.HeaderTitle{height:150px;width:900px;display:table-cell;text-align:inherit;vertical-align:Middle;color:#FFF;font-size:24px;text-decoration:none;font-style:normal;font-weight:bold;}
.HeaderTitle h1 a,.HeaderTitle h1 a:link,.HeaderTitle h1 a:visited,.HeaderTitle h1 a:hover{text-decoration:none;color:inherit;}
.HeaderTitle h1{margin:0;padding:0 8px;color:#FFF;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:36px;text-decoration:none;font-style:normal;font-weight:bold;}
.HeaderTitle h2{margin:0;padding:0 8px;font-size:inherit;font-weight:inherit;}
.Menu{background:transparent url('images/MenuBar.png') no-repeat;padding:5px 5px 0 5px;margin:0;text-align:inherit;}
.Menu ul{list-style-type:none;padding:0;margin:0;color:#FFF;}
.Menu li{display:inline;padding:0;margin:0;}
.MenuButton,.MenuButtonInput{border:0;margin:0;background:transparent url('images/MenuButtonAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:28px;padding:0 0 0 18px;display:inline-block;color:#FFF;font-size:16px;vertical-align:middle;}
.MenuButton span,.MenuButtonInput span{border:0;margin:0;background:transparent url('images/MenuButton.png') no-repeat right top;display:block;position:relative;color:#FFF;line-height:18px;}
.MenuButton span{padding:5px 18px 5px 0;}
.MenuButtonInput span{padding:0 18px 0 0;height:28px;}
.MenuButtonInput input{color:#FFF;border-style: none;
border-color: inherit;
border-width: 0;
font-size:16px;color:inherit;height:28px;padding:0 18px;margin:0 -18px;overflow:visible;cursor:pointer;
left:-18px;
}
.MenuButtonInput::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;}
.MenuButton,.MenuButton:link,.MenuButton:visited,.MenuButton:hover,.MenuButton:active{text-decoration:none!important;outline:none;}
.MenuButton:hover,.MenuButtonInput:hover{background-position:left center;}
.MenuButton:hover span,.MenuButtonInput:hover span{background-position:right center;color:#FFF;}
.MenuButton:active,.MenuButtonInput:active{background-position:left bottom;}
.MenuButton:active span,.MenuButtonInput:active span{background-position:right bottom;color:#000;}
.ActiveMenuButton,.ActiveMenuButtonInput{border:0;margin:0;background:transparent url('images/ActiveMenuButtonAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:28px;padding:0 0 0 18px;display:inline-block;color:#000;font-size:16px;vertical-align:middle;}
.ActiveMenuButton span,.ActiveMenuButtonInput span{border:0;margin:0;background:transparent url('images/ActiveMenuButton.png') no-repeat right top;display:block;position:relative;color:#000;line-height:18px;}
.ActiveMenuButton span{padding:5px 18px 5px 0;}
.ActiveMenuButtonInput span{padding:0 18px 0 0;height:28px;}
.ActiveMenuButtonInput input{color:#000;border-style: none;
border-color: inherit;
border-width: 0;
font-size:16px;color:inherit;height:28px;padding:0 18px;margin:0 -18px;overflow:visible;cursor:pointer;
left:-18px;
}
.ActiveMenuButtonInput::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;}
.ActiveMenuButton,.ActiveMenuButton:link,.ActiveMenuButton:visited,.ActiveMenuButton:hover,.ActiveMenuButton:active{text-decoration:none!important;outline:none;}
.ActiveMenuButton:hover,.ActiveMenuButtonInput:hover{background-position:left center;}
.ActiveMenuButton:hover span,.ActiveMenuButtonInput:hover span{background-position:right center;color:#FFF;}
.ActiveMenuButton:active,.ActiveMenuButtonInput:active{background-position:left bottom;}
.ActiveMenuButton:active span,.ActiveMenuButtonInput:active span{background-position:right bottom;color:#000;}
.Columns{overflow:hidden;}
.Column1{overflow:hidden;float:right;width:20%;}
.Column2{overflow:hidden;float:right;width:20%;}
.MainColumn{overflow:hidden;}
img{border:0;}
h2{margin:0;}
blockquote{width:80%;color:#000;border:solid 1px #3B3B2B;background:#FFF;margin:0 auto;padding:15px;-webkit-border-radius:5px;-moz-border-radius:5px;}
blockquote a,blockquote a:link{color:#00628B!important;text-decoration:underline;}
blockquote a:visited{color:#00628B!important;text-decoration:underline;}
blockquote a:hover{color:#000!important;text-decoration:none;}
.Article{position:relative;z-index:1;overflow:hidden;padding:15px 15px 15px 15px;color:#000;font-size:16px;}
.Article a{color:#00628B;text-decoration:underline;}
.Article a:visited{color:#00628B;text-decoration:underline;}
.Article a:hover{color:#000;text-decoration:none;}
.ArticleBorder{z-index:0;position:relative;margin:3px;}
.ArticleTL,.ArticleTR,.ArticleBL,.ArticleBR,.ArticleL,.ArticleT,.ArticleR,.ArticleB,.ArticleC{position:absolute;z-index:-1;overflow:hidden;}
.ArticleTL,.ArticleTR,.ArticleBL,.ArticleBR{width:12px;height:12px;}
.ArticleTL{top:0;left:0;background-image:url('images/ArticleCorners.png');}
.ArticleTR div,.ArticleBL div,.ArticleBR div{height:24px;width:24px;position:absolute;z-index:-1;background-image:url('images/ArticleCorners.png');}
.ArticleTR div{left:-12px;}
.ArticleBL div{top:-12px;}
.ArticleBR div{left:-12px;top:-12px;}
.ArticleTR{top:0;right:0;}
.ArticleBL{bottom:0;left:0;}
.ArticleBR{bottom:0;right:0;}
.ArticleT,.ArticleB{left:12px;right:12px;height:12px;}
.ArticleT{top:0;background-image:url('images/ArticleHorizontal.png');}
.ArticleB{bottom:0;}
.ArticleB div{position:absolute;z-index:-1;top:-12px;height:24px;width:100%;background-image:url('images/ArticleHorizontal.png');}
.ArticleL,.ArticleR{top:12px;bottom:12px;width:12px;}
.ArticleL{left:0;background-image:url('images/ArticleVertical.png');}
.ArticleR{right:0;}
.ArticleR div{position:absolute;z-index:-1;left:-12px;width:24px;height:100%;background-image:url('images/ArticleVertical.png');}
.ArticleC{left:12px;top:12px;right:12px;bottom:12px;background-image:url('images/ArticleCenter.png');}
.Article h2{color:#000;font-size:24px;text-decoration:none;font-style:normal;font-weight:bold;}
.Article h2 a,.Article h2 a:visited{color:#000;text-decoration:none;}
.Article h2 a:hover{text-decoration:underline;}
.Block{position:relative;z-index:1;overflow:hidden;padding:10px 10px 10px 10px;color:#000;font-size:16px;}
.Block a{color:#00628B;text-decoration:underline;}
.Block a:visited{color:#00628B;text-decoration:underline;}
.Block a:hover{color:#000;text-decoration:none;}
.BlockBorder{z-index:0;position:relative;margin:3px;}
.BlockTL,.BlockTR,.BlockBL,.BlockBR,.BlockL,.BlockT,.BlockR,.BlockB,.BlockC{position:absolute;z-index:-1;overflow:hidden;}
.BlockTL,.BlockTR,.BlockBL,.BlockBR{width:12px;height:12px;}
.BlockTL{top:0;left:0;background-image:url('images/BlockCorners.png');}
.BlockTR div,.BlockBL div,.BlockBR div{height:24px;width:24px;position:absolute;z-index:-1;background-image:url('images/BlockCorners.png');}
.BlockTR div{left:-12px;}
.BlockBL div{top:-12px;}
.BlockBR div{left:-12px;top:-12px;}
.BlockTR{top:0;right:0;}
.BlockBL{bottom:0;left:0;}
.BlockBR{bottom:0;right:0;}
.BlockT,.BlockB{left:12px;right:12px;height:12px;}
.BlockT{top:0;background-image:url('images/BlockHorizontal.png');}
.BlockB{bottom:0;}
.BlockB div{position:absolute;z-index:-1;top:-12px;height:24px;width:100%;background-image:url('images/BlockHorizontal.png');}
.BlockL,.BlockR{top:12px;bottom:12px;width:12px;}
.BlockL{left:0;background-image:url('images/BlockVertical.png');}
.BlockR{right:0;}
.BlockR div{position:absolute;z-index:-1;left:-12px;width:24px;height:100%;background-image:url('images/BlockVertical.png');}
.BlockC{left:12px;top:12px;right:12px;bottom:12px;background-image:url('images/BlockCenter.png');}
.BlockHeader{border:0;margin:0;background:transparent url('images/BlockHeaderAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:28px;padding:0 0 0 18px;display:block;color:#FFF;font-size:16px;font-weight:bold;vertical-align:middle;}
.BlockHeader span{border:0;margin:0;background:transparent url('images/BlockHeader.png') no-repeat right top;display:block;position:relative;color:#FFF;line-height:18px;}
.BlockHeader span{padding:5px 18px 5px 0;}
.BlockHeader{margin:0 0 7px 0;}
.BlockContentBorder{position:relative;z-index:1;overflow:hidden;padding:5px 5px 5px 5px;color:#000;font-size:16px;margin:0;}
.BlockContentBorder a{color:#00628B;text-decoration:underline;}
.BlockContentBorder a:visited{color:#00628B;text-decoration:underline;}
.BlockContentBorder a:hover{color:#000;text-decoration:none;}
.Button,.ButtonInput{border:0;margin:0;background:transparent url('images/ButtonAnchor.png') no-repeat top left;position:relative;overflow:hidden;height:36px;padding:0 0 0 22px;display:inline-block;color:#000;font-size:16px;vertical-align:middle;}
.Button span,.ButtonInput span{border:0;margin:0;background:transparent url('images/Button.png') no-repeat right top;display:block;position:relative;color:#000;line-height:18px;}
.Button span{padding:9px 22px 9px 0;}
.ButtonInput span{padding:0 22px 0 0;height:36px;}
.ButtonInput input{color:#000;border-style: none;
border-color: inherit;
border-width: 0;
font-size:16px;color:inherit;height:36px;padding:0 22px;margin:0 -22px;overflow:visible;cursor:pointer;
left:-22px;
}
.ButtonInput::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;}
.Button,.Button:link,.Button:visited,.Button:hover,.Button:active{text-decoration:none!important;outline:none;}
.Button:hover,.ButtonInput:hover{background-position:left center;}
.Button:hover span,.ButtonInput:hover span{background-position:right center;color:#FFF;}
.Button:active,.ButtonInput:active{background-position:left bottom;}
.Button:active span,.ButtonInput:active span{background-position:right bottom;color:#000;}
.Footer{color:#000;font-size:16px;text-align:Center;background:url('images/Footer.png') bottom left;overflow:hidden;padding:5px 5px;}
.Footer a{color:#00628B;text-decoration:underline;}
.Footer a:visited{color:#00628B;text-decoration:underline;}
.Footer a:hover{color:#000;text-decoration:none;}
.BackLink{text-align:center;display:block;display:block;font-size:11px;padding:0 0 12px;color:#000;}
div.table
{
background-color: #FFFFFF;
}
div.procedure
{
font-family:"Times New Roman", Arial, Sans-Serif;
font-size:larger;
}
div.bottom
{
font-family:"Times New Roman", Arial, Sans-Serif;
font-size:large;
text-align:right
}
.dropDownList
{
position:relative;
left: 1%;
}
.dropDownList2
{
position:relative;
left: 17%;
}
.dropDownListDept
{
position:relative;
left: 14%;
}
.dateFont
{
font-family: "Times New Roman", Arial, Sans-Serif;
font-size: 12pt;
font-style:italic;
}
#procedureTracerTable
{
border-collapse: collapse;
}
TD.tableRowHeader
{
font-size: 24pt;
}
tr.alt
{
background-color:#bbd2f0;
}
tr.alt2
{
background-color: #ededed;
}
.validationFont
{
font-family: "Arial, Helvetica", sans-serif;
font-size: x-small;
color: #FF0000;
}
.downButton
{
background-color:White;
}
|
|
|
|
|
|
|
