Advertisement

06.06.2008 at 06:43AM PDT, ID: 23463639
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
9.3

Fluid iframe height? or apply css to iframe?

Asked by rterwedo in Cascading Style Sheets (CSS), Dynamic HTML (DHTML)

Tags: , , , ,

Original question that is closed
---Is it possible to apply a pages current css rules to a page pulled in via iframe?

The page in the iframe has no css defined at all, it's going to be loaded by several differnt sites with different looks.  I'd like to sites CSS to be applied to the page pulled in the iframe.
----

I have seen some implementations involving using php to put code in the called page to reference a new local css page.  Has anyone seen this as well?  I am trying to get the height to be fluid within the iframe and it will not work.  I do not have access to the 3rd party site or the ability to change their css but I have attached the called sites css file.

Essentially what is happening is I want the called site, 100% width (no issue) and for it to stop having its own scroll bar for heigth inside the scroll bar for heigth of IE7 or IE6.  I would like the heigth to be fluid for the iframe, however I think the 3rd party site intentionally does this so that you must have a pop up window with their site as opposed to embedding it.

Any help would be great!Start Free Trial 
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:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:
640:
641:
642:
643:
644:
645:
646:
647:
648:
649:
650:
651:
652:
653:
654:
655:
656:
657:
658:
659:
660:
661:
662:
663:
664:
665:
666:
667:
668:
669:
670:
671:
672:
673:
674:
675:
676:
677:
678:
679:
680:
681:
682:
683:
684:
685:
686:
687:
688:
689:
690:
691:
692:
693:
694:
695:
696:
697:
698:
699:
700:
701:
702:
703:
704:
705:
706:
707:
708:
709:
710:
711:
712:
713:
714:
715:
716:
717:
718:
719:
720:
721:
722:
723:
724:
725:
726:
727:
728:
729:
730:
731:
732:
733:
734:
735:
736:
737:
738:
739:
740:
741:
742:
743:
744:
745:
746:
747:
748:
749:
750:
751:
752:
753:
754:
755:
756:
757:
758:
759:
760:
761:
762:
763:
764:
765:
766:
767:
768:
769:
770:
771:
772:
773:
774:
775:
776:
777:
778:
779:
780:
781:
782:
783:
784:
785:
786:
787:
788:
789:
790:
791:
792:
793:
794:
795:
796:
797:
798:
799:
800:
801:
802:
803:
804:
805:
806:
807:
808:
809:
810:
811:
812:
813:
814:
815:
816:
817:
818:
819:
820:
821:
822:
823:
824:
825:
826:
827:
828:
829:
830:
831:
832:
833:
834:
835:
836:
837:
838:
839:
840:
841:
842:
843:
844:
845:
846:
847:
848:
849:
850:
851:
852:
853:
854:
855:
856:
857:
858:
859:
860:
861:
862:
863:
864:
865:
866:
867:
868:
869:
870:
871:
872:
873:
874:
875:
876:
877:
878:
879:
880:
881:
882:
883:
884:
885:
886:
887:
888:
889:
890:
891:
892:
893:
894:
895:
896:
897:
898:
899:
900:
901:
902:
903:
904:
905:
906:
907:
908:
909:
910:
911:
912:
913:
914:
915:
916:
917:
918:
919:
920:
921:
922:
923:
924:
925:
926:
927:
928:
929:
930:
931:
932:
933:
934:
935:
936:
937:
938:
939:
940:
941:
942:
943:
944:
945:
946:
947:
948:
949:
950:
951:
952:
953:
954:
955:
956:
957:
958:
959:
960:
961:
962:
963:
964:
965:
966:
967:
968:
969:
970:
971:
972:
973:
974:
975:
976:
977:
978:
979:
980:
981:
982:
983:
984:
985:
986:
987:
988:
989:
990:
991:
992:
993:
994:
995:
996:
997:
998:
999:
1000:
1001:
1002:
1003:
1004:
1005:
1006:
1007:
1008:
1009:
1010:
1011:
1012:
1013:
1014:
1015:
1016:
1017:
1018:
1019:
1020:
1021:
1022:
1023:
1024:
1025:
1026:
1027:
1028:
1029:
1030:
1031:
1032:
1033:
1034:
1035:
1036:
1037:
1038:
1039:
1040:
1041:
1042:
1043:
1044:
1045:
1046:
1047:
1048:
1049:
1050:
1051:
1052:
1053:
1054:
1055:
1056:
1057:
1058:
1059:
1060:
1061:
1062:
1063:
1064:
1065:
1066:
1067:
1068:
1069:
1070:
1071:
1072:
1073:
1074:
1075:
1076:
1077:
1078:
1079:
1080:
1081:
1082:
1083:
1084:
1085:
1086:
1087:
1088:
1089:
1090:
1091:
1092:
1093:
1094:
1095:
1096:
1097:
1098:
1099:
1100:
1101:
1102:
1103:
1104:
1105:
1106:
1107:
1108:
1109:
1110:
1111:
1112:
1113:
1114:
1115:
1116:
1117:
1118:
1119:
1120:
1121:
1122:
1123:
1124:
1125:
1126:
1127:
1128:
1129:
1130:
1131:
1132:
1133:
1134:
1135:
1136:
1137:
1138:
1139:
1140:
1141:
1142:
1143:
1144:
1145:
1146:
1147:
1148:
1149:
1150:
1151:
1152:
1153:
1154:
1155:
1156:
1157:
1158:
1159:
1160:
1161:
1162:
1163:
1164:
1165:
1166:
1167:
1168:
1169:
1170:
1171:
1172:
1173:
1174:
1175:
1176:
1177:
1178:
1179:
1180:
1181:
1182:
1183:
1184:
1185:
1186:
1187:
1188:
1189:
1190:
1191:
1192:
1193:
1194:
1195:
1196:
1197:
1198:
1199:
1200:
1201:
1202:
1203:
1204:
1205:
1206:
1207:
1208:
1209:
1210:
1211:
1212:
1213:
1214:
1215:
1216:
1217:
1218:
1219:
1220:
1221:
1222:
1223:
1224:
1225:
1226:
1227:
1228:
1229:
1230:
1231:
1232:
1233:
1234:
1235:
1236:
1237:
1238:
1239:
1240:
1241:
1242:
1243:
1244:
1245:
1246:
1247:
1248:
1249:
1250:
1251:
1252:
1253:
1254:
1255:
1256:
1257:
1258:
1259:
1260:
1261:
1262:
1263:
1264:
1265:
1266:
1267:
1268:
1269:
1270:
1271:
1272:
1273:
1274:
1275:
1276:
1277:
1278:
1279:
1280:
1281:
1282:
1283:
1284:
1285:
1286:
1287:
1288:
1289:
1290:
1291:
1292:
1293:
1294:
1295:
1296:
1297:
1298:
1299:
1300:
1301:
1302:
1303:
1304:
1305:
1306:
1307:
1308:
1309:
1310:
1311:
1312:
1313:
1314:
1315:
1316:
1317:
1318:
1319:
1320:
1321:
1322:
1323:
1324:
1325:
1326:
1327:
1328:
1329:
1330:
1331:
1332:
1333:
1334:
1335:
1336:
1337:
1338:
1339:
1340:
1341:

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Our pages are based on this. 
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
body
{
	font-family: Verdana, Arial;
	font-size: 8pt;
}
/* JW - make the table style go away, then fix ema.objects.reports.controls.table */
table
{
	font-family: Verdana, Arial;
	font-size: 8pt;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Default A HREF tags
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
A
{
	text-decoration: none;
	color: #0000FF;
}
 
A:hover
{
	text-decoration: underline;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used on the title of the window area. 
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.PageTitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #354578;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Content surrounded by a "window" look. Usually 
applied to a TABLE tag.
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ContentFrame
{
	border-right: #1E2B5A 1px outset;
	border-top: #202B5D 1px outset;
	border-left: #202B5D 1px outset;
	border-bottom: #1E2B5A 1px outset;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Interior content used to create a "Window" look. 
Usually applied to a TD
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ContentPane
{
	vertical-align: top;
}
 
.ContentPaneBorderLeft
{
	vertical-align: top;
	border-left: 1px solid #E0E0C6;
	padding: 4px 4px 0px 4px;
}
 
.ContentPaneBorderRight
{
	vertical-align: top;
	border-right: 1px solid #E0E0C6;
	padding: 4px 4px 0px 4px;
}
 
.ContentPanePadding
{
	vertical-align: top;
	padding: 4px 4px 0px 4px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
On the left hand side. Used to direct the results
area.
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ContentPanelControl
{
	background-color: #DEE5F6;
	border-right: 1px solid #7C96A5;	
	vertical-align: top;
}
.ContentPanelBackground
{
	background-color: #DEE5F6;
	border:1px solid #7C96A5;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Individual panels that appear within the left hand nav
of split-pane pages
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.NavPanel
{
	border: solid 1px #7C96A5;
	background-color: #DEE5F6;
	height: 20px;
	width: 100%;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 15px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used for content appearing below tabstrips, this style 
adds a border that matches the selected tab color
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ContentTab
{
	background-color: White;
	border: solid 1.5px #586A98;
	height: 250px;
    font-size: 8pt;
    font-family: Verdana, Arial;
}
.ContentTabContent
{
	background-color: White;
	vertical-align: top;
}
.ContentTabAdditionalNav
{
	background-color: White;
	vertical-align: top;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 Used to provide simple border around groups of related inputs
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.GroupBox
{
	border: solid 1px #cedede;
}
 
.GroupBoxScrollable
{
	border: solid 1px #cedede;
	overflow: auto;
}
 
.GroupBoxPadded
{
	border: solid 1px #cedede;
	padding: 4px;
}
 
.GroupBoxPaddedScrollable
{
	border: solid 1px #cedede;
	padding: 4px;
	overflow: auto;
}
 
.GroupBoxWhite
{
	border: solid 1px #cedede;
	background-color:white;
}
 
.GroupBoxWhiteScrollable
{
	border: solid 1px #cedede;
	overflow: auto;
	background-color:white;
}
 
.GroupBoxWhitePadded
{
	border: solid 1px #cedede;
	padding: 4px;
	background-color:white;
}
 
.GroupBoxWhitePaddedScrollable
{
	border: solid 1px #cedede;
	padding: 4px;
	overflow: auto;
	background-color:white;
}
 
.Scrollable
{
	overflow: auto;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Yellow bar across a column
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.SectionTitle
{
                	
	border-top: #E4EAF9 1px solid;
	border-left: #E4EAF9 1px solid;
	border-bottom: #BBCCF9 1px solid;
	border-right: #BBCCF9 1px solid;
 
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
 
    font-weight: bold;
    font-size: 9pt;
    color: #354578;
    font-family: Verdana, Arial;
    background-color: #D8E1FA;
 
	height: 17px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2D1FB, endColorstr=#E4EAF9);
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
These styles are used by the CollapsibleSplitPaneNav control
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.SectionTitleCollapsed
{
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
    font-family: Verdana, Arial;
    writing-mode: tb-rl;
}
.SectionTitleVertical
{
	border-right: #7C96A5 1px solid;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #DEE5F6; 
	height: 17px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
These styles are used by the EnhDivider control
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.Divider1
{
	border-right: solid 1px #7C96A5;
}
 
.Divider2
{
	border-left: solid 1px #AFCADA;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Title for sections within the content of a page
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.SubSectionTitle
{
	border-bottom: solid 1px black;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 8pt;
	color: Black;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
SubTotal line for non-report pages
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.SubTotal
{
	font-weight: bold;
	font-family: Verdana;
	font-size: 8pt;
	border-top:  1px solid black;
	text-align: right;
}
.SubTotalNeg
{
	font-weight: bold;
	font-family: Verdana;
	font-size: 8pt;
	border-top:  1px solid black;
	text-align: right;
	color:Red;
}
 
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Our standard button
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.Button
{
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Our "roladex" style button
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ButtonRol
{
	border-right: #C8C8AA 2px solid;
    border-top: #F5F5EB 2px solid;
    border-left: #F5F5EB 2px solid;
    border-bottom: #C8C8AA 2px solid;
    font-size: 11px;
    color: black;
    cursor: pointer; cursor: hand;
    font-family: Tahoma,sans-serif;
    border-collapse: collapse;
    height: 20px;
    width: 35px;
    background-color: #ECECDC;
    margin: 1px 1px 1px 1px;
}
.ButtonRolSelected
{
	border-left: #C8C8AA 2px solid;
    border-bottom: #F5F5EB 2px solid;
    border-right: #F5F5EB 2px solid;
    border-top: #C8C8AA 2px solid;
    font-size: 11px;
    color: Black;
    cursor: pointer; cursor: hand;
    font-family: Tahoma,sans-serif;
    border-collapse: collapse;
    height: 20px;
    width: 35px;
    background-color: #FFFFDE;
    margin: 1px 1px 1px 1px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 These are styles for the Inline Help.
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.InlineHelpLabel
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: #354578;
	text-align: left;
	
	padding: 2px;
}
.InlineHelpContents
{
	text-align: left;
	
	padding: 4px;
	background-color: White;
}
 
.InlineHelpContents ul
{
	margin-left: 15px;
}
 
.InlineWarning
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #cc0000;
}
 
.HelpExample
{
	font-weight: bold;
}
 
/* Content of FactFinder summary node pages */
.SummaryContents
{
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Horizontal row containing controls, usually near the top of a page
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ControlBar
{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#cccccc);
	border-bottom: solid 1px black;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used to label an element in an input form
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.FormLabel
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	color: #203032;
	text-align: right;
	padding-right:4px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used to label a disabled element in an input form
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.FormLabelDisabled
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	color: #999999;
	text-align: right;
	padding-right:4px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used for read-only data in an input form
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.FormData
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	color: #203032;
	text-align: left;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used for read-only data in an input form
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.FormDataDisabled
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	color: #999999;
	text-align: left;
}
.FormDataRight
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	color: #203032;
	text-align: right;
}
.FormDataRightDisabled
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	color: #999999;
	text-align: right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used to display informational messages.
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.Msg
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used to display error messages.
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ErrMsg
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: normal;
	color: red;
	text-align: center;
}
.ErrMsgPanel
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: normal;
	color: red;
	text-align: center;
}
.Note
{
	font-family: Verdana, Arial;
	font-size: 7pt;
	color: #000000;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Used to show values that are out of range, usually 
applied through DHTML for client-calculated values.
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.ErrVal
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #ff0000;
}
.ErrValRight
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #ff0000;
	text-align:right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 For where the IFrame is about to go...
* * * * * * * * * * * * * * * * * * * * * * * * * *	*/
.MenuPlaceholder
{
	background-color: #bacfd2;
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 Tab strip controls
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.TabSelected
{
	color: White;
	font-family: Arial;
	font-size: 8pt;
}
.TabUnSelected
{
	color: Black;
	font-family: Arial;
	font-size: 8pt;
}
.TabUnSelectedDisabled
{
	color: Gray;
	font-family: Arial;
	font-size: 8pt;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 Link strip controls
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.LinkItemSelected
{
	font-family: verdana,Arial,helvetica;
	font-weight: bold;
	font-size: 8pt;
}
.LinkItem
{
	font-family: verdana,Arial,helvetica;
	font-weight: normal;
	font-size: 8pt;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Vault Styles
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.VaultItemSelected
{
	border: 1px solid black;
}
.VaultItemNotSelected
{
	padding: 1px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
  Table styles
  * * * * * * * * * * * * * * * * * * * * * * * * * * */
.TableRow1
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvectica;
    BACKGROUND-COLOR: white;
}
.TableRow1 TD
{
	padding:2px;
}
.TableRow2
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #EDF2F5;
}
.TableRow2 TD
{
	padding:2px;
}
.TableSubRow2
{
    FONT-SIZE: 7pt;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #EDF2F5;	
}
.TableSubRow2 TD
{
	padding:2px;
}
.TableSelectedRow
{
	font-size: 8pt;
	font-family: Verdana, Arial, Helvectica;
	background-color: #FFFF99;
}
.TableSelectedRow TD
{
	padding:2px;
}
 
.TableSelectedRow2
{
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial, Helvectica;
	background-color: #316ac5;
}
.TableSelectedRow2 TD
{
	padding:2px;
}
 
.TableSelectedSubRow2
{
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial, Helvectica;
	background-color: #316ac5;
}
.TableSelectedSubRow2 TD
{
	padding:2px;
}
 
TH
{
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid black;
}
TH.BorderTop
{
	text-align: left;
	vertical-align: bottom;
	border-top: 1px solid black;
	border-bottom: none
}
TH.Center
{
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid black;
}
 
/*
This style provides right-aligned TH text and should be used for NUMeric (thus the name) columns.
*/
TH.Num
{
	text-align: right;
	vertical-align: bottom;
	border-bottom: 1px solid black;
}
TH.NoBorder
{
	text-align: left;
	vertical-align: bottom;
	border-bottom: none;
}
TH.NoBorder-Center
{
	text-align: center;
	vertical-align: bottom;
	border-bottom: none;
}
TH.NoBorder-Num
{
	text-align: right;
	vertical-align: bottom;
	border-bottom: none;
}
 
/*
This style right-aligns text and should be used for NUMeric (thus the name) columns.
*/
TD.Num
{
	text-align: right;
}
TD.NumNeg
{
	text-align: right;
	color:Red;
}
 
/*
Use this when you need a right aligned column in a table with a little padding before the next column.
Using this style avoids the need to add extra TDs as spacers, and reduces the HTML a bit.
*/
.NumPad
{
	text-align:right;
	padding-right:10px;
}
 
TH.GridSortIcon
{
	padding-top:0px;
	padding-right:0px;
	padding-left:4px;
	padding-bottom:2px;
	vertical-align:bottom;
	border:none;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 Scenarios
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.QSText
{
	font-family: Verdana, Arial;
	font-size: 7pt;
	font-weight: bold;
}
.QSTextDisabled
{
	font-family: Verdana, Arial;
	font-size: 7pt;
	font-weight: bold;
	color: #999999;
}
.QSWas { text-align:right; color: #949484; font-weight: normal; font-size: 7pt; }
.QSPad { padding-bottom: 5px; }
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 ActionList, ActionTitle controls
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
.ActionTitle
{
	font-family: Verdana, Arial;
	font-weight:bold;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 4px;
}
 
.ActionItem
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: Black;
	text-decoration: none;
	padding: 1px 2px 1px 3px;
	border: #F2F2E8 1px none;
}
 
.ActionItem:hover
{
	background-color: white;
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: Black;
	text-decoration: none;
	padding: 0px 1px 0px 2px;
	border: 1px solid #C9C9A1;
 
}
 
.ActionTxt
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	padding-left: 0px;
	padding-bottom: 8px;
}
 
.Footnote-content
{
    COLOR: #676767;
    TEXT-DECORATION: none
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Title styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.Title1
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: #354578;
}
.Title1UL
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 1px;
	color: #354578;
	border-bottom: 1px solid #354578;
}
.Title1ULIcon
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 1px;
	padding-right:5px;
	color: #609C9B;
}
.Title2
{
	font-size: 10pt;
	font-weight: bold;
	color: #585AA8;
}
.Title3
{
	font-size: 8pt;
	font-weight: bold;
	color: #585AA8;
}
 
.Title4
{
	font-size: 8pt;
	font-weight: bold;
	color: #000066;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
Navigation Links
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.NavLink1
{
	font-size: 10pt;
	font-weight: bold;
	color: #585AA8;
	text-decoration: none;
	padding: 3px;		
}
.NavLink1:hover
{
	font-size: 10pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
	padding: 3px;
}
.NavLink1Selected
{
	font-size: 10pt;
	font-weight: bold;
	color: #585AA8;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #585AA8;
	background-color: #f9f9f9;
}
.NavLink1Selected:hover
{
	font-size: 10pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #585AA8;
	background-color: #f9f9f9;
}
.NavLink1NoLink
{
	font-size: 10pt;
	font-weight: bold;
	color: #585AA8;
	text-decoration: none;
	padding: 3px;		
}
.NavLink1NoLink:hover
{
	text-decoration: none;
	padding: 3px;
	cursor: default;		
}
 
.NavLink2
{
	font-size: 8pt;
	font-weight: bold;
	color: #585AA8;
	text-decoration: none;
	padding: 3px;
}
.NavLink2:hover
{
	font-size: 8pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
	padding: 3px;
}
.NavLink2Selected
{
	font-size: 8pt;
	font-weight: bold;
	color: #585AA8;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #585AA8;
	background-color: white;
}
.NavLink2Selected:hover
{
	font-size: 8pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
	padding: 2px;
	border: 1px solid #585AA8;
	background-color: white;
}
 
.NavLink3
{
	font-size: 8pt;
	color: #585AA8;
	text-decoration: none;
	padding: 3px;
}
.NavLink3:hover
{
	font-size: 8pt;
	color: #0000FF;
	text-decoration: underline;
	padding: 3px;
}
.NavLink3Selected
{
	font-size: 8pt;
	color: #585AA8;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #585AA8;
	background-color: white;
}
.NavLink3Selected:hover
{
	font-size: 8pt;
	color: #0000FF;
	text-decoration: underline;
	padding: 2px;
	border: 1px solid #585AA8;
	background-color: white;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
	Used for the title of a dashboard item
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.DashboardTitle1
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: #354578;
}
 
.DashboardTitle2
{
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: Black;
}
 
.DashboardTitle1UL
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: #354578;
	border-bottom: 1px solid #354578;
	width: 100%;
}
 
.DashboardTitle2UL
{
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: Black;
	border-bottom: 1px solid #CEDEDE;
	width: 100%;
}
 
 
.DashboardTitleLink2
{
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: Black;
	text-decoration: none;
}
.DashboardTitleLink2:hover
{
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: #0000FF;
	text-decoration: underline;
}
 
.ArcTitle
{
	color: #354578;
	font-size: 11pt;
	font-weight: bold;
	height: 20px;
	border-bottom: 1px solid #585AA8;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 Controls
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
INPUT
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
}
INPUT.inp_f_right
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: right;
}
INPUT.inp_f_center
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: center;
}
INPUT.inp_f_left
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: left;
}
SELECT
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
}
INPUT.smcheck
{
	font-size: 22pt;
	height: 15;
	width: 15;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
  Validation style for invalid controls
  * * * * * * * * * * * * * * * * * * * * * * * * * * */
INPUT.inp_f_rightInvalid
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: right;
	color : white;
	background-color : #cc0000;
	border : 1px solid gray;
}
INPUT.inp_f_centerInvalid
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: center;
	color : white;
	background-color : #cc0000;
	border : 1px solid gray;
}
INPUT.inp_f_leftInvalid
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: left;
	color : white;
	background-color : #cc0000;
	border : 1px solid gray;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 Validation style for spreadsheet grid controls
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
TABLE.SS_Table
{
	border: 1px solid #CCCCCC;
}
 
.SS_Header
{
	background-color:#eeeeee;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid red;
}
.SS_HeaderCell
{
	background-color:#eeeeee;
}
INPUT.SSCell
{
	padding: 2px;
}
 
INPUT.SSCell_left
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: left;
	
	border: none;
	padding: 2px;
}
INPUT.SSCell_center
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: center;
	
	border: none;
	padding: 2px;
}
INPUT.SSCell_right
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: right;
	
	border: none;
	padding: 2px;
}
INPUT.SSCell_leftInvalid
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: White;
	background-color: #cc0000;
	text-align: left;
	
	border: none;
	padding: 2px;
}
INPUT.SSCell_centerInvalid
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: White;
	background-color: #cc0000;
	text-align: center;
	
	border: none;
	padding: 2px;
}
INPUT.SSCell_rightInvalid
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: White;
	background-color: #cc0000;
	text-align: right;
	
	border: none;
	padding: 2px;
}
DIV.SSCell_right
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	text-align: right;
	
	border: none;
	padding: 2px;
}
TD.SSCell
{
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
 
TD.SSCellInvalid
{
	border: 1px solid #CCCCCC;
	background-color: #cc0000;
}
 
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * 
Online Reports Control bar styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.ReportControlBar
{
	background-color: #DEE5F6;
	border-bottom: 1px solid #7C96A5;
}
 
/*
Without this VML declaration the Slider control won't render properly
*/
v\:* {behavior:url(#default#VML);}
 
/* The table containing wizard links. Partners may override this style to make the 
   bar visible, so don't delete this style just because it is empty 
*/
.WizardBar
{
}
 
/* The table containing an individual WizardLink */
.WizardLink
{
	padding: 2px; 
}
 
.WizardLinkText
{
	font-size: 10pt;
	font-weight: bold;
	color: #585AA8;
	text-decoration: none;
	font-variant: small-caps;
	padding-top:0px;
}
 
/*********************************************************
  Dialog styles. These are for IE-only modal dialogs. Deprecated.
 *********************************************************/
body.Dialog
{
	background-color:#ECE9D8;
	margin: 4px;
}
 
.DialogTitle
{
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 2px;
	color: Black;
}
 
/*********************************************************
 Modal Page styles. Used for cross-browser modal pages. 
 *********************************************************/
/* applied to the BODY tag inside dialog pages. Otherwise we get a frameborder */
.ModalBody
{
	margin:0px;
	border:0px;
}
.ModalPage
{
	background-color:#ECE9D8;
	border:1px solid black;
}
 
.ModalTitle
{
	background-color:#003380;
	color:white;
	font-weight:bold;
	font-size:9pt;
	font-family:Verdana;
	padding:2px;
}
.Pad
{
	padding:5px;
}
 
/*********************************************************
  Risk Tolerance Questionnaire styles
 *********************************************************/
.RiskQuestion
{
	font-family: Tahoma,Arial;
	font-size: 8pt;
	color: #203032;
	text-align: left;
}
 
/*********************************************************
  WorkflowTabStrip styles
 *********************************************************/
.WFTabSelected
{
	width: 135px;
	font-weight:bold;
	color:#3C3C28;
	font-size:9pt;
	text-align:center;
}
.WFTabUnselected
{
	width: 135px;
	font-weight:bold;
	color:#606060;
	font-size:9pt;
	text-align:center;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 Interview styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
.InterviewTitle
{
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	
	color: #4F4F4F;
	
	border-bottom: solid 1px #AAAAAA;
}
 
/********************************************************
 AdvisorList styles 
********************************************************/
.AdvListBox
{
	border: solid 1px #99abb3;
	padding-top: 2px;
}
.AdvItem
{
	padding-bottom: 7px;
}
.AdvItemSelected
{
	padding-bottom: 7px;
	background-color: #FDFDF9;
}
Related Solutions: Applying CSS to Iframe?
[+][-]06.06.2008 at 05:04PM PDT, ID: 21733562

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Cascading Style Sheets (CSS), Dynamic HTML (DHTML)
Tags: css, iframe, apply, fluid heigth for iframe, css on 3rd party site
Sign Up Now!
Solution Provided By: scrathcyboy
Participating Experts: 1
Solution Grade: A
 
 
 
Loading Advertisement...
20080716-EE-VQP-32 - Hierarchy / EE_QW_Related_20080208