themes/oxygen/css/bleu.css
changeset 1227 bdac73ed481e
parent 892 668e6a9adf99
equal deleted inserted replaced
1226:de56132c008d 1227:bdac73ed481e
     4  * This theme is Free Software; see the file "GPL" included with this package for details.
     4  * This theme is Free Software; see the file "GPL" included with this package for details.
     5  */
     5  */
     6 
     6 
     7 /* The basics */
     7 /* The basics */
     8 html,body {
     8 html,body {
     9   height: 100%;
     9 	height: 100%;
    10 }
    10 }
    11 
    11 
    12 body {
    12 body {
    13   /* color added in 1.0.2 to fix light text in dark desktop themes */ 
    13 	/* color added in 1.0.2 to fix light text in dark desktop themes */ 
    14   color: #202020;
    14 	color: #202020;
    15   margin: 0;
    15 	margin: 0;
    16   padding: 0;
    16 	padding: 0;
    17   background: url(../images/bleu/bg.png);
    17 	background: url(../images/bleu/bg.png);
    18   font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
    18 	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
    19   font-size: 9pt;
    19 	font-size: 9pt;
    20 }
    20 }
    21 
    21 
    22 body#tinymce {
    22 body#tinymce {
    23   background-color: white;
    23 	background-color: white;
    24   background-image: none;
    24 	background-image: none;
    25 }
    25 }
    26 
    26 
    27 .holder {
    27 .holder {
    28   border: 1px solid #CCCCCC;
    28 	border: 1px solid #CCCCCC;
    29   padding: 1px;
    29 	padding: 1px;
    30   background-color: #FFFFFF;
    30 	background-color: #FFFFFF;
    31   color: #444444
    31 	color: #444444
    32 }
    32 }
    33 
    33 
    34 div.pad {
    34 div.pad {
    35   padding: 10px;
    35 	padding: 10px;
    36 }
    36 }
    37 
    37 
    38 table#title {
    38 table#title {
    39   margin: 0;
    39 	margin: 0;
    40   padding: 0;
    40 	padding: 0;
    41   height: 100px;
    41 	height: 100px;
    42   background-color: #90B0D0;
    42 	background-color: #90B0D0;
    43   text-align: center;
    43 	text-align: center;
    44 }
    44 }
    45 
    45 
    46 table.simple-layout td#mainhead {
    46 table.simple-layout td#mainhead {
    47   margin: 0;
    47 	margin: 0;
    48   padding: 0;
    48 	padding: 0;
    49   background-color: #90B0D0;
    49 	background-color: #90B0D0;
    50   text-align: center;
    50 	text-align: center;
    51 }
    51 }
    52 
    52 
    53 table.simple-layout td#mainhead h1 {
    53 table.simple-layout td#mainhead h1 {
    54   margin: 15px 0;
    54 	margin: 15px 0;
    55   padding: 0;
    55 	padding: 0;
    56   font-size: 14pt;
    56 	font-size: 14pt;
    57 }
    57 }
    58 
    58 
    59 /* Sidebar */
    59 /* Sidebar */
    60 td.mdgSidebarHolder {
    60 td.mdgSidebarHolder {
    61   width: 140px;
    61 	width: 140px;
    62 }
    62 }
    63 
    63 
    64 div.sidebar {
    64 div.sidebar {
    65   width: 138px;
    65 	width: 138px;
    66   background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px;
    66 	background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px;
    67 }
    67 }
    68 
    68 
    69 div.sidebar .head {
    69 div.sidebar .head {
    70   background-color: #F0F0F0;
    70 	background-color: #F0F0F0;
    71   display: block;
    71 	display: block;
    72   margin: 0px 1px 1px 1px;
    72 	margin: 0px 1px 1px 1px;
    73   font-family: Trebuchet MS, Arial, helvetica, sans-serif;
    73 	font-family: Trebuchet MS, Arial, helvetica, sans-serif;
    74   font-size: 7pt;
    74 	font-size: 7pt;
    75   cursor: pointer;
    75 	cursor: pointer;
    76   text-decoration: none;
    76 	text-decoration: none;
    77   color: #111;
    77 	color: #111;
    78   padding: 5px;
    78 	padding: 5px;
    79   font-weight: bold;
    79 	font-weight: bold;
    80 }
    80 }
    81 
    81 
    82 div.sidebar .head:hover {
    82 div.sidebar .head:hover {
    83   background-color: #F4F4F4;
    83 	background-color: #F4F4F4;
    84   display: block;
    84 	display: block;
    85   margin: 0px 1px 1px 1px;
    85 	margin: 0px 1px 1px 1px;
    86   font-family: Trebuchet MS, Arial, helvetica, sans-serif;
    86 	font-family: Trebuchet MS, Arial, helvetica, sans-serif;
    87   font-size: 7pt;
    87 	font-size: 7pt;
    88   cursor: pointer;
    88 	cursor: pointer;
    89   text-decoration: none;
    89 	text-decoration: none;
    90   color: #111;
    90 	color: #111;
    91   padding: 5px;
    91 	padding: 5px;
    92   font-weight: bold;
    92 	font-weight: bold;
    93 }
    93 }
    94 
    94 
    95 div.sidebar div.slideblock a {
    95 div.sidebar div.slideblock a {
    96   background-color: #DDD;
    96 	background-color: #DDD;
    97   display: block;
    97 	display: block;
    98   margin: 0px 1px;
    98 	margin: 0px 1px;
    99   border-bottom: 1px solid #FFF;
    99 	border-bottom: 1px solid #FFF;
   100   font-family: Trebuchet MS, Arial, helvetica, sans-serif;
   100 	font-family: Trebuchet MS, Arial, helvetica, sans-serif;
   101   font-size: 7pt;
   101 	font-size: 7pt;
   102   cursor: pointer;
   102 	cursor: pointer;
   103   text-decoration: none;
   103 	text-decoration: none;
   104   color: #666;
   104 	color: #666;
   105   padding: 5px 5px 5px 9px;
   105 	padding: 5px 5px 5px 9px;
   106   list-style-type: none;
   106 	list-style-type: none;
   107 }
   107 }
   108 
   108 
   109 div.sidebar div.slideblock a:hover {
   109 div.sidebar div.slideblock a:hover {
   110   background-color: #EEE;
   110 	background-color: #EEE;
   111 }
   111 }
   112 
   112 
   113 div.recttop {
   113 div.recttop {
   114   width: 140px;
   114 	width: 140px;
   115   height: 12px;
   115 	height: 12px;
   116   margin: 0;
   116 	margin: 0;
   117   padding: 0;
   117 	padding: 0;
   118 }
   118 }
   119 
   119 
   120 td.recttoptop {
   120 td.recttoptop {
   121   width: 100%;
   121 	width: 100%;
   122   height: 12px;
   122 	height: 12px;
   123   background-image: url(../images/bleu/sprite-horiz.gif);
   123 	background-image: url(../images/bleu/sprite-horiz.gif);
   124   background-repeat: repeat-x;
   124 	background-repeat: repeat-x;
   125   background-position: 0 -12px;
   125 	background-position: 0 -12px;
   126   margin: 0;
   126 	margin: 0;
   127   padding: 0;
   127 	padding: 0;
   128 }
   128 }
   129 
   129 
   130 td.recttoptop:hover {
   130 td.recttoptop:hover {
   131   width: 100%;
   131 	width: 100%;
   132   height: 12px;
   132 	height: 12px;
   133   background-image: url(../images/bleu/sprite-horiz.gif);
   133 	background-image: url(../images/bleu/sprite-horiz.gif);
   134   background-repeat: repeat-x;
   134 	background-repeat: repeat-x;
   135   background-position: 0 -24px;
   135 	background-position: 0 -24px;
   136   margin: 0;
   136 	margin: 0;
   137   padding: 0;
   137 	padding: 0;
   138   cursor: pointer;
   138 	cursor: pointer;
   139 }
   139 }
   140 
   140 
   141 div.rectbot {
   141 div.rectbot {
   142   width: 140px;
   142 	width: 140px;
   143   height: 12px;
   143 	height: 12px;
   144   margin: 0;
   144 	margin: 0;
   145   padding: 0;
   145 	padding: 0;
   146 }
   146 }
   147 
   147 
   148 td.rectbottop {
   148 td.rectbottop {
   149   width: 100%;
   149 	width: 100%;
   150   height: 12px;
   150 	height: 12px;
   151   background-image: url(../images/bleu/sprite-horiz.gif);
   151 	background-image: url(../images/bleu/sprite-horiz.gif);
   152   background-repeat: repeat-x;
   152 	background-repeat: repeat-x;
   153   background-position: 0 -48px;
   153 	background-position: 0 -48px;
   154   margin: 0;
   154 	margin: 0;
   155   padding: 0;
   155 	padding: 0;
   156 }
   156 }
   157 
   157 
   158 div.slideblock, .dbx-content {
   158 div.slideblock, .dbx-content {
   159   overflow: hidden;
   159 	overflow: hidden;
   160   background-color: #DDD;
   160 	background-color: #DDD;
   161 }
   161 }
   162 
   162 
   163 div.slideblock2 {
   163 div.slideblock2 {
   164   overflow: hidden;
   164 	overflow: hidden;
   165   background-color: #DDD;
   165 	background-color: #DDD;
   166   margin: 0px 1px 0px 1px;
   166 	margin: 0px 1px 0px 1px;
   167   border-bottom: 1px solid #FFF;
   167 	border-bottom: 1px solid #FFF;
   168   font-size: 8pt;
   168 	font-size: 8pt;
   169 }
   169 }
   170 
   170 
   171 div.slideblock2 p {
   171 div.slideblock2 p {
   172   margin: 7px 4px;
   172 	margin: 7px 4px;
   173 }
   173 }
   174 
   174 
   175 .dbx-handle {
   175 .dbx-handle {
   176   cursor: move !important;
   176 	cursor: move !important;
   177 }
   177 }
   178 
   178 
   179 /* The credits thingy at the bottom */
   179 /* The credits thingy at the bottom */
   180 div#credits { margin: 0; padding: 10px; padding-bottom: 0px; padding-top: 12px; background-color: #E8E8E8; color: #AAA; font-size: 7pt; font-family: lucida grande, verdana, arial, sans-serif; }
   180 div#credits { margin: 0; padding: 10px; padding-bottom: 0px; padding-top: 12px; background-color: #E8E8E8; color: #AAA; font-size: 7pt; font-family: lucida grande, verdana, arial, sans-serif; }
   181 div#credits a { color: #90B0D0; text-decoration: none; }
   181 div#credits a { color: #90B0D0; text-decoration: none; }
   185 td#mainhead a { text-decoration: none; color: #000000; }
   185 td#mainhead a { text-decoration: none; color: #000000; }
   186 td#mainhead a:hover { text-decoration: none; color: #000000; border-bottom: 1px dotted #406080; }
   186 td#mainhead a:hover { text-decoration: none; color: #000000; border-bottom: 1px dotted #406080; }
   187 
   187 
   188 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */
   188 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */
   189 div.contentDiv h1 {
   189 div.contentDiv h1 {
   190   margin-top: 0.3em;
   190 	margin-top: 0.3em;
   191 }
   191 }
   192 
   192 
   193 div.contentDiv h1, div.contentDiv h2 {
   193 div.contentDiv h1, div.contentDiv h2 {
   194   border-bottom: 1px solid #90B0D0;
   194 	border-bottom: 1px solid #90B0D0;
   195   margin-bottom: 0;
   195 	margin-bottom: 0;
   196 }
   196 }
   197 
   197 
   198 div.contentDiv h3 {
   198 div.contentDiv h3 {
   199   font-size: 11pt;
   199 	font-size: 11pt;
   200   font-weight: bold;
   200 	font-weight: bold;
   201 }
   201 }
   202 
   202 
   203 div.contentDiv ul li, div#messageBox ul li {
   203 div.contentDiv ul li, div#messageBox ul li {
   204   list-style: url(../images/bleu/bullet.gif);
   204 	list-style: url(../images/bleu/bullet.gif);
   205 }
   205 }
   206 
   206 
   207 div.contentDiv p, div#messageBox p {
   207 div.contentDiv p, div#messageBox p {
   208   margin-left: 1.0em;
   208 	margin-left: 1.0em;
   209 }
   209 }
   210 
   210 
   211 table.simple-layout div.contentDiv p {
   211 table.simple-layout div.contentDiv p {
   212   margin-left: 0em;
   212 	margin-left: 0em;
   213 }
   213 }
   214 
   214 
   215 div.contentDiv blockquote, div#messageBox blockquote {
   215 div.contentDiv blockquote, div#messageBox blockquote {
   216   background-color: #F4F4F4;
   216 	background-color: #F4F4F4;
   217   border: 1px dotted #406080;
   217 	border: 1px dotted #406080;
   218   margin: 1em;
   218 	margin: 1em;
   219   padding: 10px;
   219 	padding: 10px;
   220   max-height: 250px;
   220 	max-height: 250px;
   221   overflow: auto;
   221 	overflow: auto;
   222 }
   222 }
   223 
   223 
   224 div.contentDiv, div#messageBox {
   224 div.contentDiv, div#messageBox {
   225   font-size: 9pt;
   225 	font-size: 9pt;
   226 }
   226 }
   227 
   227 
   228 a {
   228 a {
   229   color: #7090B0;
   229 	color: #7090B0;
   230 }
   230 }
   231 
   231 
   232 a:hover {
   232 a:hover {
   233   color: #90B0D0;
   233 	color: #90B0D0;
   234 }
   234 }
   235 
   235 
   236 div.contentDiv a[href ^="http://"], div#messageBox a[href ^="http://"] {
   236 div.contentDiv a[href ^="http://"], div#messageBox a[href ^="http://"] {
   237   color: #80A0C0;
   237 	color: #80A0C0;
   238   background: url(../images/bleu/external.gif) center right no-repeat;
   238 	background: url(../images/bleu/external.gif) center right no-repeat;
   239   padding-right: 16px;
   239 	padding-right: 16px;
   240 }
   240 }
   241 
   241 
   242 div.contentDiv a[href ^="https://"], div#messageBox a[href ^="https://"] {
   242 div.contentDiv a[href ^="https://"], div#messageBox a[href ^="https://"] {
   243   color: #80A0C0;
   243 	color: #80A0C0;
   244   background: url(../images/bleu/https.gif)    center right no-repeat;
   244 	background: url(../images/bleu/https.gif)    center right no-repeat;
   245   padding-right: 16px;
   245 	padding-right: 16px;
   246 }
   246 }
   247 
   247 
   248 div.contentDiv a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] {
   248 div.contentDiv a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] {
   249   color: #80A0C0;
   249 	color: #80A0C0;
   250   background: url(../images/bleu/email.gif)    center right no-repeat;
   250 	background: url(../images/bleu/email.gif)    center right no-repeat;
   251   padding-right: 16px;
   251 	padding-right: 16px;
   252 }
   252 }
   253 
   253 
   254 div.contentDiv a[href ^="irc://"], div#messageBox a[href ^="irc://"] {
   254 div.contentDiv a[href ^="irc://"], div#messageBox a[href ^="irc://"] {
   255   color: #80A0C0;
   255 	color: #80A0C0;
   256   background: url(../images/bleu/irc.gif)      center right no-repeat;
   256 	background: url(../images/bleu/irc.gif)      center right no-repeat;
   257   padding-right: 16px;
   257 	padding-right: 16px;
   258 }
   258 }
   259 
   259 
   260 div.contentDiv a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover {
   260 div.contentDiv a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover {
   261   color: #A0C0E0;
   261 	color: #A0C0E0;
   262   background: url(../images/bleu/external.gif) center right no-repeat;
   262 	background: url(../images/bleu/external.gif) center right no-repeat;
   263   padding-right: 16px;
   263 	padding-right: 16px;
   264 }
   264 }
   265 
   265 
   266 div.contentDiv a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover {
   266 div.contentDiv a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover {
   267   color: #A0C0E0;
   267 	color: #A0C0E0;
   268   background: url(../images/bleu/https.gif)    center right no-repeat;
   268 	background: url(../images/bleu/https.gif)    center right no-repeat;
   269   padding-right: 16px;
   269 	padding-right: 16px;
   270 }
   270 }
   271 
   271 
   272 div.contentDiv a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover {
   272 div.contentDiv a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover {
   273   color: #A0C0E0;
   273 	color: #A0C0E0;
   274   background: url(../images/bleu/email.gif)    center right no-repeat;
   274 	background: url(../images/bleu/email.gif)    center right no-repeat;
   275   padding-right: 16px;
   275 	padding-right: 16px;
   276 }
   276 }
   277 
   277 
   278 div.contentDiv a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover {
   278 div.contentDiv a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover {
   279   color: #A0C0E0;
   279 	color: #A0C0E0;
   280   background: url(../images/bleu/irc.gif)      center right no-repeat;
   280 	background: url(../images/bleu/irc.gif)      center right no-repeat;
   281   padding-right: 16px;
   281 	padding-right: 16px;
   282 }
   282 }
   283 
   283 
   284 /* Wikilinks to pages that don't exist */
   284 /* Wikilinks to pages that don't exist */
   285 div.contentDiv a.wikilink-nonexistent {
   285 div.contentDiv a.wikilink-nonexistent {
   286   color: #B05020;
   286 	color: #B05020;
   287 }
   287 }
   288 
   288 
   289 div.contentDiv a.wikilink-nonexistent:hover {
   289 div.contentDiv a.wikilink-nonexistent:hover {
   290   color: #D06030;
   290 	color: #D06030;
   291 }
   291 }
   292 
   292 
   293 /* Well, not Midget and not comments (usually), but that's what the class is called ;-). Basically an informational window or used as a wrapper for tables. */
   293 /* Well, not Midget and not comments (usually), but that's what the class is called ;-). Basically an informational window or used as a wrapper for tables. */
   294 .mdg-comment, .mdg-infobox {
   294 .mdg-comment, .mdg-infobox {
   295   margin-left: 1em;
   295 	margin-left: 1em;
   296   padding: 7px;
   296 	padding: 7px;
   297   border: 1px solid #AAAAAA;
   297 	border: 1px solid #AAAAAA;
   298   background-color: #E8E8E8;
   298 	background-color: #E8E8E8;
   299 }
   299 }
   300 
   300 
   301 .tblholder {
   301 .tblholder {
   302   margin: 10px 0 0 0;
   302 	margin: 10px 0 0 0;
   303   padding: 0;
   303 	padding: 0;
   304   border: 1px solid #AAAAAA;
   304 	border: 1px solid #AAAAAA;
   305   background-color: #E8E8E8;
   305 	background-color: #E8E8E8;
   306 }
   306 }
   307 
   307 
   308 /* The beautiful tables inside what may not obviously be mdg-comment divs */
   308 /* The beautiful tables inside what may not obviously be mdg-comment divs */
   309 div.tblholder td.row1 {
   309 div.tblholder td.row1 {
   310   padding: 4px;
   310 	padding: 4px;
   311   background-color: #E0E0E0;
   311 	background-color: #E0E0E0;
   312 }
   312 }
   313 
   313 
   314 div.tblholder td.row2 {
   314 div.tblholder td.row2 {
   315   padding: 4px;
   315 	padding: 4px;
   316   background-color: #F0F0F0;
   316 	background-color: #F0F0F0;
   317 }
   317 }
   318 
   318 
   319 div.tblholder td.row3 {
   319 div.tblholder td.row3 {
   320   padding: 4px;
   320 	padding: 4px;
   321   background-color: #E8E8E8;
   321 	background-color: #E8E8E8;
   322 }
   322 }
   323 
   323 
   324 div.tblholder th {
   324 div.tblholder th {
   325   padding: 4px;
   325 	padding: 4px;
   326   background-color: #7080A0;
   326 	background-color: #7080A0;
   327   font-weight: bold;
   327 	font-weight: bold;
   328   text-align: center;
   328 	text-align: center;
   329   color: #FFFFFF;
   329 	color: #FFFFFF;
   330 }
   330 }
   331 
   331 
   332 div.tblholder th.subhead {
   332 div.tblholder th.subhead {
   333   padding: 4px;
   333 	padding: 4px;
   334   background-color: #90A0B0;
   334 	background-color: #90A0B0;
   335   font-weight: bold;
   335 	font-weight: bold;
   336   text-align: center;
   336 	text-align: center;
   337   color: #FFFFFF;
   337 	color: #FFFFFF;
   338 }
   338 }
   339 
   339 
   340 div.tblholder table {
   340 div.tblholder table {
   341   background-color: #FFFFFF;
   341 	background-color: #FFFFFF;
   342   width: 100%;
   342 	width: 100%;
   343 }
   343 }
   344 
   344 
   345 /* Colored table cells */
   345 /* Colored table cells */
   346 div.tblholder td.row1_red {
   346 div.tblholder td.row1_red {
   347   padding: 4px;
   347 	padding: 4px;
   348   background-color: #F8E0E0;
   348 	background-color: #F8E0E0;
   349 }
   349 }
   350 
   350 
   351 div.tblholder td.row2_red {
   351 div.tblholder td.row2_red {
   352   padding: 4px;
   352 	padding: 4px;
   353   background-color: #FFF0F0;
   353 	background-color: #FFF0F0;
   354 }
   354 }
   355 
   355 
   356 div.tblholder td.row3_red {
   356 div.tblholder td.row3_red {
   357   padding: 4px;
   357 	padding: 4px;
   358   background-color: #FFE8E8;
   358 	background-color: #FFE8E8;
   359 }
   359 }
   360 
   360 
   361 div.tblholder td.row1_green {
   361 div.tblholder td.row1_green {
   362   padding: 4px;
   362 	padding: 4px;
   363   background-color: #E0F8E0;
   363 	background-color: #E0F8E0;
   364 }
   364 }
   365 
   365 
   366 div.tblholder td.row2_green {
   366 div.tblholder td.row2_green {
   367   padding: 4px;
   367 	padding: 4px;
   368   background-color: #F0FFF0;
   368 	background-color: #F0FFF0;
   369 }
   369 }
   370 
   370 
   371 div.tblholder td.row3_green {
   371 div.tblholder td.row3_green {
   372   padding: 4px;
   372 	padding: 4px;
   373   background-color: #E8FFE8;
   373 	background-color: #E8FFE8;
   374 }
   374 }
   375 
   375 
   376 div.tblholder th a {
   376 div.tblholder th a {
   377   color: #FFFFFF !important;
   377 	color: #FFFFFF !important;
   378   text-decoration: underline !important;
   378 	text-decoration: underline !important;
   379 }
   379 }
   380 
   380 
   381 div.tblholder th a:hover {
   381 div.tblholder th a:hover {
   382   color: #FFFF00 !important;
   382 	color: #FFFF00 !important;
   383   text-decoration: underline !important;
   383 	text-decoration: underline !important;
   384 }
   384 }
   385 
   385 
   386 /*
   386 /*
   387  * jBox menu system
   387  * jBox menu system
   388  */
   388  */
   389 
   389 
   390 div.menu, div.menu_nojs {
   390 div.menu, div.menu_nojs {
   391   background-color: #B0D0F0;
   391 	background-color: #B0D0F0;
   392   font-size: 7pt;
   392 	font-size: 7pt;
   393   border-width: 0;
   393 	border-width: 0;
   394 }
   394 }
   395 .menu_bg {
   395 .menu_bg {
   396   background-color: #B0D0F0;
   396 	background-color: #B0D0F0;
   397 }
   397 }
   398 div.menu a, div.menu div.label {
   398 div.menu a, div.menu div.label {
   399   padding: 2.5pt 5px;
   399 	padding: 2.5pt 5px;
   400   margin-right: 3px;
   400 	margin-right: 3px;
   401   text-decoration: none;
   401 	text-decoration: none;
   402   display: block;
   402 	display: block;
   403   float: left;
   403 	float: left;
   404   color: #406080;
   404 	color: #406080;
   405 }
   405 }
   406 div.menu_nojs a, div.menu_nojs div.label {
   406 div.menu_nojs a, div.menu_nojs div.label {
   407   padding: 2.5pt 5px;
   407 	padding: 2.5pt 5px;
   408   margin-right: 3px;
   408 	margin-right: 3px;
   409   text-decoration: none;
   409 	text-decoration: none;
   410   display: block;
   410 	display: block;
   411   float: left;
   411 	float: left;
   412   color: #406080;
   412 	color: #406080;
   413 }
   413 }
   414 div.menu div.label, div.menu_nojs div.label {
   414 div.menu div.label, div.menu_nojs div.label {
   415   color: #001020;
   415 	color: #001020;
   416   cursor: default;
   416 	cursor: default;
   417 }
   417 }
   418 div.menu span.sep, div.menu_nojs span.sep {
   418 div.menu span.sep, div.menu_nojs span.sep {
   419   display: block;
   419 	display: block;
   420   float: left;
   420 	float: left;
   421   width: 5px;
   421 	width: 5px;
   422 }
   422 }
   423 div.menu div.multopts, div.menu_nojs div.multopts {
   423 div.menu div.multopts, div.menu_nojs div.multopts {
   424   line-height: 17pt;
   424 	line-height: 17pt;
   425 }
   425 }
   426 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label {
   426 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label {
   427   float: none;
   427 	float: none;
   428   display: inline;
   428 	display: inline;
   429 }
   429 }
   430 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover {
   430 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover {
   431   color: #406080;
   431 	color: #406080;
   432   background-color: #D0F0FF;
   432 	background-color: #D0F0FF;
   433 }
   433 }
   434 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] {
   434 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] {
   435   border-width: 0;
   435 	border-width: 0;
   436   font-size: 9pt;
   436 	font-size: 9pt;
   437   padding: 2px 5px 3px 5px;
   437 	padding: 2px 5px 3px 5px;
   438   max-width: 70px;
   438 	max-width: 70px;
   439   background-color: #D0F0FF;
   439 	background-color: #D0F0FF;
   440 }
   440 }
   441 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover {
   441 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover {
   442   background-color: #E0F0FF;
   442 	background-color: #E0F0FF;
   443 }
   443 }
   444 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus {
   444 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus {
   445   background-color: #F0F0FF;
   445 	background-color: #F0F0FF;
   446 }
   446 }
   447 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] {
   447 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] {
   448   border-width: 0;
   448 	border-width: 0;
   449   font-size: 9pt;
   449 	font-size: 9pt;
   450   padding: 3px 5px;
   450 	padding: 3px 5px;
   451   max-width: 70px;
   451 	max-width: 70px;
   452 }
   452 }
   453 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover {
   453 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover {
   454   color: #000040;
   454 	color: #000040;
   455   background-color: #FFFFFF;
   455 	background-color: #FFFFFF;
   456 }
   456 }
   457 div.menu ul, div.menu_nojs ul {
   457 div.menu ul, div.menu_nojs ul {
   458   display: none;
   458 	display: none;
   459   position: absolute;
   459 	position: absolute;
   460   padding: 0;
   460 	padding: 0;
   461   margin: 0 !important;
   461 	margin: 0 !important;
   462   background-color: #B0D0F0;
   462 	background-color: #B0D0F0;
   463   border-width: 0;
   463 	border-width: 0;
   464   min-width: 120px;
   464 	min-width: 120px;
   465 }
   465 }
   466 div.menu ul li, div.menu_nojs ul li {
   466 div.menu ul li, div.menu_nojs ul li {
   467   list-style: none;
   467 	list-style: none;
   468 }
   468 }
   469 div.menu ul a, div.menu_nojs ul a {
   469 div.menu ul a, div.menu_nojs ul a {
   470   float: none;
   470 	float: none;
   471   margin: 0;
   471 	margin: 0;
   472 }
   472 }
   473 span.menuclear {
   473 span.menuclear {
   474   font-size: 1px;
   474 	font-size: 1px;
   475   height: 0px;
   475 	height: 0px;
   476   width: 0px;
   476 	width: 0px;
   477   clear: left;
   477 	clear: left;
   478   line-height: 0px;
   478 	line-height: 0px;
   479   display: block;
   479 	display: block;
   480 }
   480 }
   481 
   481 
   482 /* Rounded corners on nearly everything */
   482 /* Rounded corners on nearly everything */
   483 td#mdg-tl                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -48px 0;                                                                     }
   483 td#mdg-tl                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -48px 0;                                                                     }
   484 td#mdg-tr                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -60px 0;                                                                     }
   484 td#mdg-tr                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -60px 0;                                                                     }
   503 td.mdg-menu-btm                   {              height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 0    ;                                                                     }
   503 td.mdg-menu-btm                   {              height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 0    ;                                                                     }
   504 td#mdg-btm                        {              height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 -48px;                                                                     }
   504 td#mdg-btm                        {              height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 -48px;                                                                     }
   505 
   505 
   506 /* Buttons and textboxes - these settings are used almost everywhere */
   506 /* Buttons and textboxes - these settings are used almost everywhere */
   507 input, textarea, select, button {
   507 input, textarea, select, button {
   508   border: 1px solid #406080;
   508 	border: 1px solid #406080;
   509   background-color: #F2F2F2;
   509 	background-color: #F2F2F2;
   510   color: #202020;
   510 	color: #202020;
   511   padding: 3px;
   511 	padding: 3px;
   512   font-family: arial, helvetica, sans-serif;
   512 	font-family: arial, helvetica, sans-serif;
   513   font-size: 8pt;
   513 	font-size: 8pt;
   514 }
   514 }
   515 
   515 
   516 input:hover, textarea:hover, select:hover {
   516 input:hover, textarea:hover, select:hover {
   517   border: 1px solid #6080A0;
   517 	border: 1px solid #6080A0;
   518   background-color: #F8F8F8;
   518 	background-color: #F8F8F8;
   519   padding: 3px;
   519 	padding: 3px;
   520 }
   520 }
   521 
   521 
   522 input:focus, textarea:focus, select:focus {
   522 input:focus, textarea:focus, select:focus {
   523   border: 1px solid #90B0D0;
   523 	border: 1px solid #90B0D0;
   524   background-color: #FFFFFF;
   524 	background-color: #FFFFFF;
   525   padding: 3px;
   525 	padding: 3px;
   526 }
   526 }
   527 
   527 
   528 input.ac_loading {
   528 input.ac_loading {
   529   background-image: url(../../../images/loading.gif);
   529 	background-image: url(../../../images/loading.gif);
   530   background-position: right center;
   530 	background-position: right center;
   531   background-repeat: no-repeat;
   531 	background-repeat: no-repeat;
   532 }
   532 }
   533 
   533 
   534 label {
   534 label {
   535   padding: 3px;
   535 	padding: 3px;
   536   cursor: pointer;
   536 	cursor: pointer;
   537   font-family: arial, helvetica, sans-serif;
   537 	font-family: arial, helvetica, sans-serif;
   538   font-size: 8pt;
   538 	font-size: 8pt;
   539 }
   539 }
   540 
   540 
   541 label:hover {
   541 label:hover {
   542   padding: 3px;
   542 	padding: 3px;
   543   cursor: pointer;
   543 	cursor: pointer;
   544   background-color: #F0F0F0;
   544 	background-color: #F0F0F0;
   545 }
   545 }
   546 
   546 
   547 input#pageheading {
   547 input#pageheading {
   548   font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
   548 	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
   549   font-size: 18pt;
   549 	font-size: 18pt;
   550   font-weight: bold;
   550 	font-weight: bold;
   551   border-width: 0 0 1px 0;
   551 	border-width: 0 0 1px 0;
   552   width: 100%;
   552 	width: 100%;
   553   border-bottom: 1px solid #90B0D0;
   553 	border-bottom: 1px solid #90B0D0;
   554   margin: 0;
   554 	margin: 0;
   555   padding: 0;
   555 	padding: 0;
   556   color: #202020;
   556 	color: #202020;
   557 }
   557 }
   558 
   558 
   559 input#pageheading:focus {
   559 input#pageheading:focus {
   560   background-color: #fafafa;
   560 	background-color: #fafafa;
   561 }
   561 }
   562 
   562 
   563 input[type ^="button"], input[type ^="submit"], button {
   563 input[type ^="button"], input[type ^="submit"], button {
   564   background-image: url(../images/bleu/sprite-horiz.gif);
   564 	background-image: url(../images/bleu/sprite-horiz.gif);
   565   background-position: 0% -60px;
   565 	background-position: 0% -60px;
   566   background-repeat: repeat-x;
   566 	background-repeat: repeat-x;
   567   color: #202020;
   567 	color: #202020;
   568 }
   568 }
   569 
   569 
   570 input[type ^="image"][disabled ^="disabled"] {
   570 input[type ^="image"][disabled ^="disabled"] {
   571   opacity: 0.5;
   571 	opacity: 0.5;
   572   filter: alpha(opacity=50);
   572 	filter: alpha(opacity=50);
   573 }
   573 }
   574 
   574 
   575 input[type ^="button"][disabled ^="disabled"], input[type ^="submit"][disabled ^="disabled"], button[disabled ^="disabled"], .btn-disabled {
   575 input[type ^="button"][disabled ^="disabled"], input[type ^="submit"][disabled ^="disabled"], button[disabled ^="disabled"], .btn-disabled {
   576   color: #808080 !important;
   576 	color: #808080 !important;
   577   background-image: none !important;
   577 	background-image: none !important;
   578   background-color: #e0e0e0 !important;
   578 	background-color: #e0e0e0 !important;
   579 }
   579 }
   580 
   580 
   581 /* The Wordpress-like fills behind checkboxes and their labels */
   581 /* The Wordpress-like fills behind checkboxes and their labels */
   582 .catCheck {
   582 .catCheck {
   583   padding: 3px;
   583 	padding: 3px;
   584 }
   584 }
   585 
   585 
   586 .catCheck:hover {
   586 .catCheck:hover {
   587   padding: 3px;
   587 	padding: 3px;
   588   background-color: #F0F0F0;
   588 	background-color: #F0F0F0;
   589 }
   589 }
   590 
   590 
   591 /* Information, warning, question, error, and wait boxes */
   591 /* Information, warning, question, error, and wait boxes */
   592 div.error-box {
   592 div.error-box {
   593   background-image: url(../../../images/error.png);
   593 	background-image: url(../../../images/error.png);
   594   background-position: 8px 8px;
   594 	background-position: 8px 8px;
   595   background-repeat: no-repeat;
   595 	background-repeat: no-repeat;
   596   background-color: #FFF4F4;
   596 	background-color: #FFF4F4;
   597   border: 1px dashed #406080;
   597 	border: 1px dashed #406080;
   598   padding: 10px 10px 10px 50px;
   598 	padding: 10px 10px 10px 50px;
   599   margin: 0.5em 0 0 0;
   599 	margin: 0.5em 0 0 0;
   600   min-height: 25px;
   600 	min-height: 25px;
   601 }
   601 }
   602 
   602 
   603 div.info-box {
   603 div.info-box {
   604   background-image: url(../../../images/info.png);
   604 	background-image: url(../../../images/info.png);
   605   background-position: 8px 8px;
   605 	background-position: 8px 8px;
   606   background-repeat: no-repeat;
   606 	background-repeat: no-repeat;
   607   background-color: #F4F4FF;
   607 	background-color: #F4F4FF;
   608   border: 1px dashed #406080;
   608 	border: 1px dashed #406080;
   609   padding: 10px 10px 10px 50px;
   609 	padding: 10px 10px 10px 50px;
   610   margin: 0.5em 0 0 0;
   610 	margin: 0.5em 0 0 0;
   611   min-height: 25px;
   611 	min-height: 25px;
   612 }
   612 }
   613 
   613 
   614 div.warning-box {
   614 div.warning-box {
   615   background-image: url(../../../images/warning.png);
   615 	background-image: url(../../../images/warning.png);
   616   background-position: 8px 8px;
   616 	background-position: 8px 8px;
   617   background-repeat: no-repeat;
   617 	background-repeat: no-repeat;
   618   background-color: #FFFFF4;
   618 	background-color: #FFFFF4;
   619   border: 1px dashed #406080;
   619 	border: 1px dashed #406080;
   620   padding: 10px 10px 10px 50px;
   620 	padding: 10px 10px 10px 50px;
   621   margin: 0.5em 0 0 0;
   621 	margin: 0.5em 0 0 0;
   622   min-height: 25px;
   622 	min-height: 25px;
   623 }
   623 }
   624 
   624 
   625 div.question-box {
   625 div.question-box {
   626   background-image: url(../../../images/question.png);
   626 	background-image: url(../../../images/question.png);
   627   background-position: 8px 8px;
   627 	background-position: 8px 8px;
   628   background-repeat: no-repeat;
   628 	background-repeat: no-repeat;
   629   background-color: #F4FFF4;
   629 	background-color: #F4FFF4;
   630   border: 1px dashed #406080;
   630 	border: 1px dashed #406080;
   631   padding: 10px 10px 10px 50px;
   631 	padding: 10px 10px 10px 50px;
   632   margin: 0.5em 0 0 0;
   632 	margin: 0.5em 0 0 0;
   633   min-height: 25px;
   633 	min-height: 25px;
   634 }
   634 }
   635 
   635 
   636 div.wait-box {
   636 div.wait-box {
   637   background-image: url(../../../images/wait.png);
   637 	background-image: url(../../../images/wait.png);
   638   background-position: 8px 8px;
   638 	background-position: 8px 8px;
   639   background-repeat: no-repeat;
   639 	background-repeat: no-repeat;
   640   background-color: #FFF4FF;
   640 	background-color: #FFF4FF;
   641   border: 1px dashed #406080;
   641 	border: 1px dashed #406080;
   642   padding: 10px 10px 10px 50px;
   642 	padding: 10px 10px 10px 50px;
   643   margin: 0.5em 0 0 0;
   643 	margin: 0.5em 0 0 0;
   644   min-height: 25px;
   644 	min-height: 25px;
   645 }
   645 }
   646 
   646 
   647 /* This stuff is mostly unused, left in for compatibility */
   647 /* This stuff is mostly unused, left in for compatibility */
   648 div#ajaxEditContainer table {
   648 div#ajaxEditContainer table {
   649   border: 0px solid #FFFFFF;
   649 	border: 0px solid #FFFFFF;
   650 }
   650 }
   651 
   651 
   652 div#ajaxEditContainer td {
   652 div#ajaxEditContainer td {
   653   margin: 1px;
   653 	margin: 1px;
   654 }
   654 }
   655 
   655 
   656 div#ajaxEditContainer pre {
   656 div#ajaxEditContainer pre {
   657   margin-left: 1em;
   657 	margin-left: 1em;
   658   background-color: #F8F8F8;
   658 	background-color: #F8F8F8;
   659   border: 1px dashed #90B0D0;
   659 	border: 1px dashed #90B0D0;
   660   padding: 10px;
   660 	padding: 10px;
   661   overflow: auto;
   661 	overflow: auto;
   662   max-height: 150px;
   662 	max-height: 150px;
   663 }
   663 }
   664 
   664 
   665 /* toolbar */
   665 /* toolbar */
   666 div.toolbar {
   666 div.toolbar {
   667   border: 1px solid #3b619c;
   667 	border: 1px solid #3b619c;
   668   background-color: #D0D0D0;
   668 	background-color: #D0D0D0;
   669   background-image: url(../images/bleu/sprite-horiz.gif);
   669 	background-image: url(../images/bleu/sprite-horiz.gif);
   670   background-position: 0 -90px;
   670 	background-position: 0 -90px;
   671   padding: 1px 0;
   671 	padding: 1px 0;
   672   height: 22px;
   672 	height: 22px;
   673   font-family: arial, sans-serif;
   673 	font-family: arial, sans-serif;
   674   font-size: 8pt;
   674 	font-size: 8pt;
   675 }
   675 }
   676 div.toolbar ul {
   676 div.toolbar ul {
   677   margin: 0;
   677 	margin: 0;
   678   padding: 0;
   678 	padding: 0;
   679 }
   679 }
   680 div.toolbar ul li {
   680 div.toolbar ul li {
   681   list-style: none;
   681 	list-style: none;
   682   margin: 0;
   682 	margin: 0;
   683   float: left;
   683 	float: left;
   684 }
   684 }
   685 div.toolbar a img {
   685 div.toolbar a img {
   686   opacity: 0.6;
   686 	opacity: 0.6;
   687 }
   687 }
   688 div.toolbar a:hover img, div.toolbar a:focus img {
   688 div.toolbar a:hover img, div.toolbar a:focus img {
   689   opacity: 1;
   689 	opacity: 1;
   690 }
   690 }
   691 div.toolbar a {
   691 div.toolbar a {
   692   display: block;
   692 	display: block;
   693   padding: 2px;
   693 	padding: 2px;
   694   border: 1px solid transparent;
   694 	border: 1px solid transparent;
   695   cursor: default;
   695 	cursor: default;
   696   width: auto;
   696 	width: auto;
   697   color: #000000;
   697 	color: #000000;
   698   margin: 0 2px;
   698 	margin: 0 2px;
   699   max-height: 16px;
   699 	max-height: 16px;
   700   text-decoration: none;
   700 	text-decoration: none;
   701 }
   701 }
   702 div.toolbar a:hover, div.toolbar a:focus {
   702 div.toolbar a:hover, div.toolbar a:focus {
   703   border: 1px solid #000080;
   703 	border: 1px solid #000080;
   704   background-color: #ceceed;
   704 	background-color: #ceceed;
   705   background-image: url(../images/bleu/sprite-horiz.gif);
   705 	background-image: url(../images/bleu/sprite-horiz.gif);
   706   background-position: 0 -118px;
   706 	background-position: 0 -118px;
   707   color: #000000;
   707 	color: #000000;
   708   text-decoration: none;
   708 	text-decoration: none;
   709 }
   709 }
   710 div.toolbar a:active {
   710 div.toolbar a:active {
   711   background-color: #E0E0E0;
   711 	background-color: #E0E0E0;
   712   background-position: 0 -138px;
   712 	background-position: 0 -138px;
   713 }
   713 }
   714 div.toolbar img {
   714 div.toolbar img {
   715   margin: 0;
   715 	margin: 0;
   716   padding: 0;
   716 	padding: 0;
   717   display: inline;
   717 	display: inline;
   718   border-width: 0px;
   718 	border-width: 0px;
   719 }
   719 }
   720 div.toolbar a span {
   720 div.toolbar a span {
   721   position: relative;
   721 	position: relative;
   722   top: -3px !important;
   722 	top: -3px !important;
   723 }
   723 }
   724 div.toolbar a span.noimage {
   724 div.toolbar a span.noimage {
   725   position: relative;
   725 	position: relative;
   726   top: 0px !important;
   726 	top: 0px !important;
   727   height: 16px !important;
   727 	height: 16px !important;
   728   display: block;
   728 	display: block;
   729   padding-left: 2px !important;
   729 	padding-left: 2px !important;
   730 }
   730 }
   731 div.toolbar li span {
   731 div.toolbar li span {
   732   padding-left: 4px;
   732 	padding-left: 4px;
   733   padding-right: 2px;
   733 	padding-right: 2px;
   734   position: relative;
   734 	position: relative;
   735   top: 4px;
   735 	top: 4px;
   736 }
   736 }
   737 
   737 
   738 /* vertical toolbar */
   738 /* vertical toolbar */
   739 div.toolbar_vert {
   739 div.toolbar_vert {
   740   border: 1px solid #909090;
   740 	border: 1px solid #909090;
   741   background-color: #D0D0D0;
   741 	background-color: #D0D0D0;
   742   padding: 2px 0;
   742 	padding: 2px 0;
   743 }
   743 }
   744 div.toolbar_vert ul {
   744 div.toolbar_vert ul {
   745   margin: 0;
   745 	margin: 0;
   746   padding: 0;
   746 	padding: 0;
   747 }
   747 }
   748 div.toolbar_vert ul li {
   748 div.toolbar_vert ul li {
   749   list-style: none;
   749 	list-style: none;
   750   margin: 0;
   750 	margin: 0;
   751 }
   751 }
   752 div.toolbar_vert a img {
   752 div.toolbar_vert a img {
   753   opacity: 0.6;
   753 	opacity: 0.6;
   754   /*filter: alpha(opacity=60);*/
   754 	/*filter: alpha(opacity=60);*/
   755 }
   755 }
   756 div.toolbar_vert a:hover img {
   756 div.toolbar_vert a:hover img {
   757   opacity: 1;
   757 	opacity: 1;
   758   /*filter: alpha(opacity=100);*/
   758 	/*filter: alpha(opacity=100);*/
   759 }
   759 }
   760 div.toolbar_vert a {
   760 div.toolbar_vert a {
   761   display: block;
   761 	display: block;
   762   padding: 2px;
   762 	padding: 2px;
   763   border: 1px solid transparent;
   763 	border: 1px solid transparent;
   764   cursor: default;
   764 	cursor: default;
   765   width: auto;
   765 	width: auto;
   766   color: #000000;
   766 	color: #000000;
   767   margin: 0 2px;
   767 	margin: 0 2px;
   768   max-height: 16px;
   768 	max-height: 16px;
   769   text-decoration: none;
   769 	text-decoration: none;
   770 }
   770 }
   771 div.toolbar_vert a:hover {
   771 div.toolbar_vert a:hover {
   772   border: 1px solid #202090;
   772 	border: 1px solid #202090;
   773   background-color: #ceceed;
   773 	background-color: #ceceed;
   774   color: #000000;
   774 	color: #000000;
   775   text-decoration: none;
   775 	text-decoration: none;
   776 }
   776 }
   777 div.toolbar_vert a:active {
   777 div.toolbar_vert a:active {
   778   border: 1px solid #A0A0A0;
   778 	border: 1px solid #A0A0A0;
   779   background-color: #E0E0E0;
   779 	background-color: #E0E0E0;
   780 }
   780 }
   781 div.toolbar_vert img {
   781 div.toolbar_vert img {
   782   margin: 0;
   782 	margin: 0;
   783   padding: 0;
   783 	padding: 0;
   784   display: inline;
   784 	display: inline;
   785   border-width: 0px;
   785 	border-width: 0px;
   786 }
   786 }
   787 div.toolbar_vert a span {
   787 div.toolbar_vert a span {
   788   position: relative;
   788 	position: relative;
   789   top: -4px;
   789 	top: -4px;
   790 }
   790 }
   791 div.toolbar_vert li span {
   791 div.toolbar_vert li span {
   792   padding-left: 2px;
   792 	padding-left: 2px;
   793   padding-right: 5px;
   793 	padding-right: 5px;
   794 }
   794 }
   795 
   795 
   796 div.toolbar_vert li > span {
   796 div.toolbar_vert li > span {
   797   display: block;
   797 	display: block;
   798   padding: 4px 5px;
   798 	padding: 4px 5px;
   799 }
   799 }
   800 
   800 
   801 /*
   801 /*
   802  * Userpage styles
   802  * Userpage styles
   803  */
   803  */
   804 
   804 
   805 ul.userpage_links li {
   805 ul.userpage_links li {
   806   background-image: url('../images/buttonbg.gif');
   806 	background-image: url('../images/buttonbg.gif');
   807   background-repeat: repeat-x;
   807 	background-repeat: repeat-x;
   808 }
   808 }
   809 
   809 
   810 ul.userpage_links li a {
   810 ul.userpage_links li a {
   811   color: #202020;
   811 	color: #202020;
   812 }
   812 }
   813 
   813 
   814 ul.userpage_links li.userpage_tab_active {
   814 ul.userpage_links li.userpage_tab_active {
   815   background-image: url('../images/buttonbg-lite.gif');
   815 	background-image: url('../images/buttonbg-lite.gif');
   816 }
   816 }
   817 
   817 
   818 ul.userpage_links li:hover {
   818 ul.userpage_links li:hover {
   819   background-image: url('../images/buttonbg-lite.gif');
   819 	background-image: url('../images/buttonbg-lite.gif');
   820   border-color: #404040 #404040 #ffffff #404040;
   820 	border-color: #404040 #404040 #ffffff #404040;
   821   border-bottom-width: 0;
   821 	border-bottom-width: 0;
   822 }
   822 }
   823 
   823 
   824 ul.userpage_links li.userpage_tab_active:hover {
   824 ul.userpage_links li.userpage_tab_active:hover {
   825   border-bottom-width: 1px;
   825 	border-bottom-width: 1px;
   826 }
   826 }