+}\r
+\r
+#tdBrowse\r
+{\r
+ vertical-align: bottom;\r
+}\r
+\r
+/**\r
+ * Dialog frame related styles.\r
+ */\r
+\r
+.contents\r
+{\r
+ position: absolute;\r
+ top: 2px;\r
+ left: 16px;\r
+ right: 16px;\r
+ bottom: 20px;\r
+ background-color: #f7f7f7;\r
+ overflow: hidden;\r
+ z-index: 1;\r
+}\r
+\r
+.tl, .tr, .tc, .bl, .br, .bc\r
+{\r
+ position: absolute;\r
+ background-image: url(images/sprites.png);\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc\r
+{\r
+ background-image: url(images/sprites.gif);\r
+}\r
+\r
+.ml, .mr\r
+{\r
+ position: absolute;\r
+ background-image: url(images/dialog.sides.png);\r
+ background-repeat: repeat-y;\r
+}\r
+\r
+* html .ml, * html .mr\r
+{\r
+ background-image: url(images/dialog.sides.gif);\r
+}\r
+\r
+.rtl .ml, .rtl .mr\r
+{\r
+ position: absolute;\r
+ background-image: url(images/dialog.sides.rtl.png);\r
+ background-repeat: repeat-y;\r
+}\r
+\r
+* html .rtl .ml, * html .rtl .mr\r
+{\r
+ background-image: url(images/dialog.sides.gif);\r
+}\r
+\r
+.tl\r
+{\r
+ top: 0px;\r
+ left: 0px;\r
+ width: 16px;\r
+ height: 16px;\r
+ background-position: -16px -16px;\r
+}\r
+\r
+.rtl .tl\r
+{\r
+ background-position: -16px -397px;\r
+}\r
+\r
+.tr\r
+{\r
+ top: 0px;\r
+ right: 0px;\r
+ width: 16px;\r
+ height: 16px;\r
+ background-position: -16px -76px;\r
+}\r
+\r
+.rtl .tr\r
+{\r
+ background-position: -16px -457px;\r
+}\r
+\r
+.tc\r
+{\r
+ top: 0px;\r
+ right: 16px;\r
+ left: 16px;\r
+ height: 16px;\r
+ background-position: 0px -136px;\r
+ background-repeat: repeat-x;\r
+}\r
+\r
+.ml\r
+{\r
+ top: 16px;\r
+ left: 0px;\r
+ width: 16px;\r
+ bottom: 51px;\r
+ background-position: 0px 0px;\r
+}\r
+\r
+.mr\r
+{\r
+ top: 16px;\r
+ right: 0px;\r
+ width: 16px;\r
+ bottom: 51px;\r
+ background-position: -16px 0px;\r
+}\r
+\r
+.bl\r
+{\r
+ bottom: 0px;\r
+ left: 0px;\r
+ width: 30px;\r
+ height: 51px;\r
+ background-position: -16px -196px;\r
+}\r
+\r
+.rtl .bl\r
+{\r
+ background-position: -16px -517px;\r
+}\r
+\r
+.br\r
+{\r
+ bottom: 0px;\r
+ right: 0px;\r
+ width: 30px;\r
+ height: 51px;\r
+ background-position: -16px -263px;\r
+}\r
+\r
+.rtl .br\r
+{\r
+ background-position: -16px -584px;\r
+}\r
+\r
+.bc\r
+{\r
+ bottom: 0px;\r
+ right: 30px;\r
+ left: 30px;\r
+ height: 51px;\r
+ background-position: 0px -330px;\r
+ background-repeat: repeat-x;\r
+}\r
+\r
+/* For IE6. Do not change it. */\r
+* html .blocker\r
+{\r
+ position: absolute;\r
+ width: 100%;\r
+ height: 100%;\r
+ z-index: 12;\r
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);\r
+}\r
+\r
+/* The layer used to cover the dialog when opening a child dialog. */\r
+.cover\r
+{\r
+ position: absolute;\r
+ top: 0px;\r
+ left: 14px;\r
+ right: 14px;\r
+ bottom: 18px;\r
+ z-index: 11;\r
+}\r
+\r
+#closeButton\r
+{\r
+ position: absolute;\r
+ right: 0px;\r
+ top: 0px;\r
+ margin-top: 5px;\r
+ margin-right: 10px;\r
+ width: 20px;\r
+ height: 20px;\r
+ cursor: pointer;\r
+ background-image: url(images/sprites.png);\r
+ background-repeat: no-repeat;\r
+ background-position: -16px -651px;\r
+}\r
+\r
+* html #closeButton\r
+{\r
+ cursor: hand;\r
+ background-image: url(images/sprites.gif);\r
+}\r
+\r
+.rtl #closeButton\r
+{\r
+ right: auto;\r
+ left: 10px;\r
+ margin-right: 0px;\r
+}\r
+\r
+#closeButton:hover\r
+{\r
+ background-position: -16px -687px;\r
+}\r
+\r
+#throbberBlock\r
+{\r
+ z-index: 10;\r
+}\r
+\r
+#throbberBlock div\r
+{\r
+ float: left;\r
+ width: 8px;\r
+ height: 9px;\r
+ margin-left: 2px;\r
+ margin-right: 2px;\r
+ font-size: 1px; /* IE6 */\r
+}\r
+\r
+/*\r
+ Color Gradient Generator:\r
+ http://www.herethere.net/~samson/php/color_gradient/?cbegin=504845&cend=DEDEDE&steps=4\r
+*/\r
+\r
+.throbber_1\r
+{\r
+ background-color: #504845;\r
+}\r
+\r
+.throbber_2\r
+{\r
+ background-color: #736D6B;\r
+}\r
+\r
+.throbber_3\r
+{\r
+ background-color: #979391;\r
+}\r
+\r
+.throbber_4\r
+{\r
+ background-color: #BAB8B7;\r
+}\r
+\r
+.throbber_5\r
+{\r
+ background-color: #DEDEDE;\r
+}\r