10 background-image:url('t_bubbles.jpg');
11 background-color: #FFFFFF;
12 background-repeat:no-repeat;
13 background-position: right top;
14 background-size:15em 4.3em;
16 font-family: Verdana,Arial,Helvetica,sans-serif;
47 border: 1px solid #C0C0C0;
51 padding: 5px 0 12px 0;
67 border-top-left-radius: .8em;
68 border-bottom-left-radius: .8em;
69 background-color:#80C337;
82 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
86 padding: 3px 2px 10px 4px;
87 background: linear-gradient(to right, #147AB3,#FFFFFF);
102 form input[id],select#myroles {
111 form label[required] {
115 form input[type=submit], form input[type=reset] {
117 margin: 12px 0 0px 0;
121 p.preamble, p.notfound,.expedite_request {
123 margin: 30px 0px 10px 0px;
124 font: italic bold 20px/30px Georgia, serif;
143 background-color:#80C337;
144 text-decoration:none;
145 border-top-right-radius: .8em;
146 border-bottom-right-radius: .8em;
147 border-top-left-radius: .2em;
148 border-bottom-left-radius: .2em;
149 padding: 3px 40px 3px 10px;
155 background-color: #FF7200;
167 Standard Table, with Alternating Colors
173 div.std table, div.stdform table {
175 border-collapse:collapse;
184 div.std td, div.stdform td {
216 div.std h1, div.std h2, div.std h3, div.std h4, div.std h5 {
221 border:1px solid #A6C9E2;
224 div.std th, div.stdform th {
225 background-color:#6FA7D1;
229 div.std tr.alt, div.stdform tr.alt {
230 background-color:#DFEFFC;
233 div.std a, div.stdform a {
248 A Table representing 1 or more columns of text, i.e. Detail lists
255 border-bottom: solid 1px #C0C0C0;
259 Approval Form select all
263 background: transparent;
266 text-decoration:underline;
273 Begin Web Command Styling
275 #console_and_options {
286 background-color:white;
290 -webkit-border-radius: 15px;
291 -moz-border-radius: 15px;
293 background-color: black;
295 font-family: "Lucida Console", Monaco, monospace;
321 #command_field, #submit {
323 background-color: #333333;
325 font-family: "Lucida Console", Monaco, monospace;
326 -webkit-border-radius: 1em;
327 -moz-border-radius: 1em;
337 background-color: #80C337;
343 Options Menu Styling for Web Command
346 -webkit-border-radius: 0 0 20% 20%;
347 -moz-border-radius: 0 0 20% 20%;
348 border-radius: 0 0 20% 20%;
349 -webkit-transition: opacity 0.5s ease-in-out;
350 -moz-transition: opacity 0.5s ease-in-out;
351 -ms-transition: opacity 0.5s ease-in-out;
352 -o-transition: opacity 0.5s ease-in-out;
353 transition: opacity 0.5s ease-in-out;
358 filter: alpha(opacity=50);
361 #options_link:hover, .open {
363 filter: alpha(opacity=100);
366 #options_link, #options {
381 border: 3px solid orange;
384 #options, #text_slider {
387 -webkit-border-radius: 0 0 0 10px;
388 -moz-border-radius: 0 0 0 10px;
389 border-radius: 0 0 0 10px;
396 Button styling for changing text size
399 border-top: 1px solid #96d1f8;
401 background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
402 background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
403 background: -moz-linear-gradient(top, #3e779d, #65a9d7);
404 background: -ms-linear-gradient(top, #3e779d, #65a9d7);
405 background: -o-linear-gradient(top, #3e779d, #65a9d7);
407 -webkit-border-radius: 50%;
408 -moz-border-radius: 50%;
410 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
411 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
412 box-shadow: rgba(0,0,0,1) 0 1px 0;
413 text-shadow: rgba(0,0,0,.4) 0 1px 0;
416 font-family: monospace;
417 text-decoration: none;
418 vertical-align: middle;
421 border-top-color: #28597a;
427 Text Size Slider styling
431 -webkit-appearance: none;
435 input[type=range]:focus {
438 input[type=range]::-webkit-slider-runnable-track {
442 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
444 border-radius: 0.6px;
445 border: 0.5px solid #010101;
447 input[type=range]::-webkit-slider-thumb {
448 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
449 border: 1px solid #000000;
455 -webkit-appearance: none;
458 input[type=range]:focus::-webkit-slider-runnable-track {
461 input[type=range]::-moz-range-track {
465 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
467 border-radius: 0.6px;
468 border: 0.5px solid #010101;
470 input[type=range]::-moz-range-thumb {
471 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
472 border: 1px solid #000000;
479 input[type=range]::-ms-track {
483 background: transparent;
484 border-color: transparent;
487 input[type=range]::-ms-fill-lower {
489 border: 0.5px solid #010101;
490 border-radius: 1.2px;
491 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
493 input[type=range]::-ms-fill-upper {
495 border: 0.5px solid #010101;
496 border-radius: 1.2px;
497 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
499 input[type=range]::-ms-thumb {
500 box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
501 border: 1px solid #000000;
509 input[type=range]:focus::-ms-fill-lower {
512 input[type=range]:focus::-ms-fill-upper {
517 background-color: pink;
522 #filterByUser input {