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