themes/idi/styles.css

   1 /* main body attributes */
   2 body {
   3         background-image:url(images/idi_background.png);
   4         font-family: Tahoma, Geneva, sans-serif;
   5         margin-top: 0px;
   6         margin-left: auto;
   7         margin-right: auto;
   8         font-size: 1em;
   9         background-color: transparent;
  10 }
  11
  12 p {
  13         margin: 0.5em 0em 1em 0em;
  14         text-align: justify;
  15         line-height: 150%;
  16
  17 }
  18
  19 p a {
  20         text-decoration: underline;
  21 }
  22
  23 p a:visited {
  24         color: Purple;
  25         background-color: transparent;
  26 }
  27
  28 p a:active {
  29         color: Red;
  30         background-color: transparent;
  31 }
  32
  33 h1, h2, h3, h4, h5, h6 {
  34         color: Black;
  35         margin: 0;
  36         padding-top: 0.5em;
  37         font-weight:600;
  38     /*border-bottom: 1px solid #8CACBB;*/
  39 }
  40
  41 h1 {
  42     font-size: 160%;
  43 }
  44
  45 h2 {
  46     font-size: 150%;
  47 }
  48
  49 h3 {
  50     font-size: 130%;
  51 }
  52
  53 h4 {
  54     font-size: 120%;
  55 }
  56
  57 h5 {
  58     font-size: 100%;
  59 }
  60
  61 textarea {
  62     border: 1px solid #8cacbb;
  63     color: Black;
  64     background-color: white;
  65     width: 88%;
  66     padding: 0.1em;
  67 }
  68
  69 /*  Table of content attributes*/
  70 p.toc{
  71         font-family: Verdana, Helevetica, Arial, sans-serif;
  72         background-color: #eeeeee;
  73         padding: .6em;
  74         margin-bottom: .6em;
  75         margin-top: 0em;
  76         margin-left: 1em;
  77         margin-right: 3em;
  78         border: 1px #98AAB1 solid;
  79 }
  80
  81 /* list attributes */
  82 ul {
  83         margin-bottom: 0px;
  84         margin-top: 0px;
  85         margin-right: 0px;
  86 }
  87
  88 li {
  89         margin-bottom: 0px;
  90         margin-top: 0px;
  91         margin-right: 0px;
  92 }
  93
  94 li.folders {
  95         list-style: disc url(../../images/folder.gif) outside;
  96         margin-bottom: 0px;
  97         margin-top: 0px;
  98         margin-right: 0px;
  99 }
 100
 101 li.folders .disabled {
 102         color: #AAAAAA;
 103 }
 104
 105 /* link attributes */
 106 a:link {
 107         color: #384F89;
 108         text-decoration: underline;
 109 }
 110 a:visited {
 111         color: #384F89;
 112         text-decoration: underline;
 113 }
 114 a:hover {
 115         text-decoration: none;
 116 }
 117 /* style for home page sublinks view */
 118 div.home_box {
 119         width: 410px;
 120         height: 150px;
 121         padding-top: 15px;
 122         margin-left:1em;
 123         float:left;
 124 }
 125
 126 .outside_box{
 127         margin-left:.4em;
 128         background:#e0e0e0;
 129         width:28em;
 130         height:9.8em;
 131 }
 132
 133 .inside_box{
 134         width:100%;
 135         margin:auto;
 136         height:52%;
 137         margin-bottom:.2em;
 138         background:#eeeeee;
 139 }
 140 .details_or{
 141         width:28.8em;
 142         height:9.8em;
 143         margin:0;
 144
 145 }
 146 .details_ol{
 147         height:9.8em;
 148         margin:0px;
 149         width:.45em;
 150 }
 151 .details_ir{
 152         width:.5em;
 153         height:100%;
 154         float:right;
 155
 156 }
 157 .details_il{
 158         height:100%;
 159         float:left;
 160
 161 }
 162 .home-title{
 163         font-size:12pt;
 164 }
 165 .buttonbox{
 166         float:right;
 167 }
 168 .details_text{
 169         margin-left:1em;
 170 }
 171
 172 .formfieldR {
 173         color: black;
 174         border-top:  #003399  solid 1px;
 175         border-bottom: #003399 solid 1px;
 176         border-right: #003399 solid 1px;
 177         border-left: #003399 solid 1px;
 178         text-align: right;
 179         padding: 2px;
 180 }
 181
 182 /* align text to the left */
 183 .left {
 184         text-align: left;
 185 }
 186
 187 a.dropdown-title {
 188         color: white;
 189         font-weight: normal;
 190         text-decoration: none;
 191 }
 192
 193
 194 /* table border */
 195 .tableborder {
 196         border: 1px #606060 solid;
 197 }
 198
 199 /* main submit button */
 200 .button {
 201         background-color: #EBEDF6;
 202         font-weight: normal;
 203         border-top:  #354A81  solid 1px;
 204         border-bottom: #354A81 solid 1px;
 205         border-right: #354A81 solid 1px;
 206         border-left: #354A81 solid 1px;
 207 }
 208
 209 /* small submit button at top */
 210 .button2 {
 211         background-color: #F8F8F8;
 212         border-top:  #354A81  solid 1px;
 213         border-bottom: #354A81  solid 1px;
 214         border-right: #354A81  solid 1px;
 215         border-left: #354A81  solid 1px;
 216 }
 217
 218 /* date attributes */
 219 small.date {
 220         color: #8CACBB;
 221         margin-bottom: 0px;
 222         margin-top: 0px;
 223         margin-left: 5px;
 224         margin-right: 0px;
 225         font-size:small;
 226 }
 227
 228 /* page breakline */
 229 hr {
 230         color: #98AAB1;
 231         background-color: white;
 232         height: 1px;
 233 }
 234
 235 /* message box styles */
 236
 237 /* Editor box small */
 238 .editorsmallbox {
 239
 240         background-color: #EEEEEE;
 241         padding: 2px;
 242         padding-right: 3px;
 243         border: 1px #99CCCC solid;
 244 }
 245
 246 /* Editor box large */
 247 .editorlargebox {
 248
 249         background-color: #EEEEEE;
 250         margin-left:1em;
 251         padding-left: .2em;
 252         padding-right: .5em;
 253         padding-top: .5em;
 254         padding-bottom: .4em;
 255         border: 1px #99CCCC solid;
 256 }
 257
 258
 259 select.dropdown {
 260         background-color: #F1F3F1;
 261 }
 262
 263 .highlight, a.highlight {
 264         background-color: yellow;
 265 }
 266
 267 a .highlight{
 268         background-color: yellow;
 269         text-decoration: underline;
 270 }
 271
 272 .center {
 273         text-align: center;
 274 }
 275
 276
 277 /* edit content tabs */
 278 .buttontab {
 279
 280         background-color: #ffffff;
 281         font-weight: bold;
 282         border: 0px;
 283         padding-left: 0px;
 284         color: #8799A0;
 285 }
 286
 287 .etab {
 288         color: black;
 289         background-color: #ffffff;
 290         border-top: 1px #98AAB1 solid;
 291         border-left: 1px #98AAB1 solid;
 292         border-right: 1px #98AAB1 solid;
 293         text-decoration: none;
 294         text-align: center;
 295         font-weight: bold;
 296 }
 297
 298 .etab a:link, .etab a:visited {
 299         color: black;
 300         text-decoration: none;
 301 }
 302 .etab a:hover {
 303         color: black;
 304         text-decoration: underline;
 305 }
 306 .etabself {
 307         background-color: #EFEFEF;
 308         border-top: 1px #98AAB1 solid;
 309         border-left: 1px  #98AAB1 solid;
 310         border-right: 1px #98AAB1 solid;
 311         text-align: center;
 312         font-weight: bold;
 313         padding: 2px;
 314 }
 315 .unsaved {
 316         color: red;
 317         background-color: #FFFDE0;
 318         margin: 10px;
 319         font-weight: bold;
 320 }
 321 .saved {
 322         background-color: #FFFDE0;
 323         margin: 10px;
 324 }
 325
 326 /* the side menu */
 327 /* the side menu heading */
 328 td.dropdown-heading {
 329         background-color: #D4E5FD;
 330         color: #006699;
 331         border-left: 1px solid #EAF2FE;
 332         border-right: 1px solid #EAF2FE;
 333         border-top: 1px solid #EAF2FE;
 334         font-weight: bold;
 335         padding: 2px;
 336 }
 337
 338 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 339         text-decoration: none;
 340 }
 341
 342 td.dropdown-heading.closed {
 343         border-bottom: 1px solid #EAF2FE;
 344 }
 345
 346 /* the side menu content */
 347 td.dropdown {
 348         padding: 2px;
 349         background-color: white;
 350         color: black;
 351         border-left: 1px solid #EAF2FE;
 352         border-right: 1px solid #EAF2FE;
 353         border-bottom: 1px solid #EAF2FE;
 354         font-weight: normal;
 355 }
 356 td.dropdown a, td.dropdown a:visited  {
 357         color: #006699;
 358         text-decoration: none;
 359 }
 360 td.dropdown a:hover {
 361         color: #006699;
 362         text-decoration: underline;
 363 }
 364 td.dropdown.cell {
 365         border-bottom: 0px;
 366 }
 367 td.dropdown strong {
 368         color: #51286C;
 369 }
 370
 371 /* added for 1.4.2: */
 372 .results {
 373         padding-left: 20px;
 374 }
 375
 376 h5.search-results {
 377         background-color: #FFF5A4;
 378         color: #006699;
 379         padding: 1px;
 380         margin-bottom: 5px;
 381         margin-top: 10px;
 382         margin-left: 5px;
 383 }
 384
 385 small.search-info {
 386         color: #006699;
 387 }
 388
 389 p.search-description {
 390         background-color: #FFFCE5;
 391         color: #006699;
 392 }
 393
 394 .test-box {
 395         background-color: #FFF5A4;
 396         color: #006699;
 397         border-left: 1px solid #006699;
 398         border-right: 1px solid #006699;
 399         border-top: 1px solid #006699;
 400         font-weight: bold;
 401         padding: 2px;
 402 }
 403
 404 table.tabbed-table {
 405         width: 100%;
 406 }
 407 table.tabbed-table th#left-empty-tab {
 408         background-color: transparent;
 409         width: 15px;
 410         border-bottom: 1px solid #9DAB9A;
 411 }
 412 table.tabbed-table th#right-empty-tab {
 413         text-align: right;
 414         background-color: transparent;
 415         border-bottom: 1px solid #9DAB9A;
 416         width: 400px;
 417         padding-right: 5px;
 418 }
 419 table.tabbed-table th#right-empty-tab a {
 420         text-decoration: underline;
 421 }
 422 table.tabbed-table th.tab-spacer {
 423         background-color: transparent;
 424         width: 5px;
 425         border-bottom: 1px solid #9DAB9A;
 426 }
 427
 428 table.tabbed-table th.tab {
 429         padding-top: 2px;
 430         padding-bottom: 2px;
 431         width: 110px;
 432         background-color: #C9CEA4;
 433         border-bottom: 1px solid #9DAB9A;
 434         border-left: 1px solid #9DAB9A;
 435         border-top: 1px solid #9DAB9A;
 436         border-right: 1px solid #9DAB9A;
 437 }
 438 table.tabbed-table th.tab:hover {
 439         background-color: #DFE1C7;
 440 }
 441
 442 table.tabbed-table th.tab a:focus {
 443         color: white;
 444 }
 445 table.tabbed-table th.selected {
 446         padding-top: 2px;
 447         padding-bottom: 2px;
 448         width: 110px;
 449         background-color: #DFE1C7;
 450         border-left: 1px solid #9DAB9A;
 451         border-top: 1px solid #9DAB9A;
 452         border-right: 1px solid #9DAB9A;
 453 }
 454
 455 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 456         color: black;
 457         text-decoration: none;
 458 }
 459
 460 a#my-start-page {
 461         padding: 2px;
 462         padding-left: 15px;
 463         background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
 464         background-repeat: no-repeat;
 465         background-position: 2px 5px;
 466 }
 467
 468 a#back-to {
 469         padding-left: 20px;
 470         background-image: url(images/back.gif);
 471         background-repeat: no-repeat;
 472         background-position: 0px 0px;
 473 }
 474
 475 div#breadcrumbs {
 476     /* The path bar, including breadcrumbs and add to favorites */
 477         border-bottom-color: #8CACBB;
 478         border-bottom-style: solid;
 479         border-bottom-width: 1px;
 480         padding-left: 3px;
 481         font-size:0.85em;
 482         padding-bottom: 1px;
 483         padding-top: 1px;
 484 }
 485 h2.page-title {
 486         margin-bottom: 10px;
 487         margin-top: 10px;
 488         margin-left: 5px;
 489         border-bottom: 1px solid #f0f0f0;
 490         clear: left;
 491 }
 492
 493 h1 {
 494         margin-bottom: 5px;
 495 }
 496
 497 div#sub-navigation {
 498         padding: 3px;
 499         background-color: #DEE7EC;
 500         border-bottom: 1px solid #9DAB9A;
 501         color: #9DAB9A;
 502 }
 503
 504 div#sub-navigation strong {
 505         color: black;
 506 }
 507
 508 div#help {
 509         border-left: 1px solid black;
 510         border-right: 1px solid black;
 511         border-bottom: 1px solid black;
 512         padding-left: 5px;
 513         padding-right: 5px;
 514         padding-bottom: 5px;
 515         background-color: #efefef;
 516         margin-left: 5px;
 517         margin-right: 5px;
 518 }
 519
 520 h3#help-title {
 521         margin-left: 5px;
 522         margin-right: 5px;
 523         border-left: 1px solid black;
 524         border-right: 1px solid black;
 525         padding: 1px;
 526         background-color: #efefef;
 527 }
 528 .line {
 529         border-bottom: 1px solid black;
 530 }
 531 div#help p {
 532         padding: 0px;
 533         margin: 0px;
 534 }
 535
 536 div#toctoggle {
 537         float: left;
 538         padding-left: 10px;
 539 }
 540
 541 h1#section-title {
 542         margin-top:-2.8em;
 543         margin-left: 4em;
 544 }
 545
 546 div#top-links {
 547         padding-right: 5px;
 548         line-height: 170%;
 549         margin-top: 3px;
 550 }
 551
 552 a#editor-link {
 553         background-color: #EFEFEF;
 554         padding-top: 1px;
 555         padding-bottom: 1px;
 556         padding-left: 15px;
 557         padding-right: 8px;
 558         border: 1px solid #cccccc;
 559         font-weight: normal;
 560         text-decoration: none;
 561 }
 562
 563 a#editor-link:hover {
 564         background-color: #fafafa;
 565         border: 1px solid #aaaaaa;
 566 }
 567
 568 a#editor-link.off {
 569         background-image: url(images/pen.gif);
 570         background-repeat: no-repeat;
 571         background-position: 0px 2px;
 572 }
 573 a#editor-link.on {
 574         background-image: url(images/pen2.gif);
 575         background-repeat: no-repeat;
 576         background-position: 0px 2px;
 577 }
 578
 579
 580 /* for data tables */
 581 table.data {
 582         border: 1px solid #f0f0f0;
 583         width: 90%;
 584         margin-left: auto;
 585         margin-right: auto;
 586         border-spacing: 0px;
 587         border-collapse: collapse;
 588 }
 589
 590 table.data th {
 591         background-color: #f0f0f0;
 592         padding: 3px;
 593         white-space: nowrap;
 594 }
 595
 596 table.data th a {       text-align: right;
 597         color: black;
 598         padding-right: 15px;
 599         margin-right: 15px;
 600         background-image: url('../default/images/sort.png');
 601         background-repeat: no-repeat;
 602         background-position: right;
 603         text-decoration:none;
 604 }
 605
 606 table.data tbody {
 607         background-color: #fdfdfd;
 608 }
 609
 610 table.data tbody th {
 611         text-align: left;
 612         background-color: #fdfdfd;
 613         cursor: auto;
 614 }
 615
 616 table.data td {
 617         padding: 3px;
 618 }
 619
 620 table.data tbody tr:hover {
 621         background-color: #f5f5ff;
 622         cursor: pointer;
 623 }
 624
 625 table.data tbody tr.selected {
 626         background-color: #f5f5ff;
 627         cursor: auto;
 628 }
 629
 630 table.data tfoot {
 631         background-color: #fafafa;
 632 }
 633
 634 table.data tfoot tr:first-child td {
 635         padding: 5px;
 636         background-image: url('images/arrow_ltr.gif');
 637         background-repeat: no-repeat;
 638         background-position: 4px 5px;
 639         padding-left: 40px;
 640 }
 641
 642 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 643         padding: 5px;
 644         background-image: none;
 645         padding-left: 0px;
 646
 647 }
 648
 649 table.data tfoot input {
 650         border: 1px solid #999;
 651         background-color: white;
 652         padding: 2px;
 653         padding-left: 10px;
 654         padding-right: 10px;
 655         max-width: 60%;
 656         min-width: 100px;
 657         margin-left: 5px;
 658 }
 659
 660 /* used for static tables with no form elements: */
 661 table.data.static tbody tr:hover {
 662         background-color: transparent;
 663         cursor: auto;
 664 }
 665
 666 table.data tfoot input[type=submit]:hover {
 667         background-color: #f5f5ff;
 668 }
 669
 670 /* course browser: */
 671
 672 div#browse {
 673         margin-left: auto;
 674         margin-right: auto;
 675         width: 80%;
 676 }
 677
 678 div.browse-selected {
 679         background-image: url('images/side_arrow.gif');
 680         background-repeat: no-repeat;
 681         padding-left: 9px;
 682         background-position: center left;
 683 }
 684
 685 div.browse-unselected {
 686         padding-left: 9px;
 687 }
 688
 689 ul.browse-list {
 690         list-style: none;
 691         padding:0px;
 692 }
 693
 694 /* browse courses */
 695 dl.browse-course {
 696         width: 100%;
 697         padding-bottom: 25px;
 698         background-color: #fffaf0;
 699         border:1px #9DAB9A solid;
 700         width:75%;
 701         margin:auto;
 702         margin-left:15em;
 703         margin-bottom:1em;
 704 }
 705 dl.browse-course dt {
 706         float: left;
 707         font-weight: bold;
 708         width: 25%;
 709         padding: 5px 10px 5px 0px;
 710         vertical-align: middle;
 711 }
 712 dl.browse-course dd {
 713         margin-bottom: 5px;
 714         padding: 5px 0px 5px 10px;
 715         margin-left: 26%;
 716
 717 }
 718 img.headicon {
 719         float:  left;
 720         margin-top:1.2em;
 721         margin-right:.5em;
 722         height:6.45em;
 723         width:6.45em;
 724         vertical-align:top;
 725         border:1px solid white;
 726 }
 727
 728 /* feedback /errors */
 729 div#error {
 730         width: 50%;
 731         margin-left: auto;
 732         margin-right: auto;
 733         margin-top: 15px;
 734         margin-bottom: 15px;
 735         border: 1px solid red;
 736         padding: 5px;
 737         background-color: #fffcf3;
 738         color: red;
 739         background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
 740         padding-left: 25px;
 741         font-weight: bold;
 742 }
 743 div#error h4 {
 744         color: black;
 745         margin-left: 0px;
 746 }
 747
 748 div#error ul, div#feedback ul, div#help ul {
 749         position: relative;
 750         list-style: none;
 751         margin-left: 0px;
 752         padding-left: 0px;
 753 }
 754
 755 div#feedback {
 756         width: 50%;
 757         margin-left: auto;
 758         margin-right: auto;
 759         margin-top: 15px;
 760         margin-bottom: 15px;
 761         border: 1px solid green;
 762         padding: 5px;
 763         background-color: #c3fffc;
 764         color: green;
 765         font-weight: bold;
 766 }
 767
 768 div#help {
 769         width: 50%;
 770         margin-left: auto;
 771         margin-right: auto;
 772         margin-top: 15px;
 773         margin-bottom: 15px;
 774         border: 1px solid blue;
 775         padding: 5px;
 776         background-color: #c3ffff;
 777         color: blue;
 778 }
 779
 780 div#info {
 781         width: 50%;
 782         margin-left: auto;
 783         margin-right: auto;
 784         margin-top: 15px;
 785         margin-bottom: 15px;
 786         border: 1px solid #2905A1;
 787         padding: 5px;
 788         background-color: #E1D7E8;
 789         color: #2905A1;
 790         font-weight: bold;
 791 }
 792 div#info a{
 793         color:red;
 794         text-decoration:underline;
 795 }
 796 div#warning {
 797         width: 50%;
 798         margin-left: auto;
 799         margin-right: auto;
 800         margin-top: 15px;
 801         margin-bottom: 15px;
 802         border: 1px solid #FF8400;
 803         padding: 5px;
 804         background-color: #FFF6ED;
 805         color: #D95900;
 806         font-weight: bold;
 807 }
 808 acronym {
 809         cursor: help;
 810 }
 811
 812 div.news p {
 813         margin-left: 10px;
 814 }
 815 div.news span.date {
 816         color: #8CACBB;
 817 }
 818
 819 /* home page links */
 820 div.home-link {
 821         padding: 2px;
 822         float: left;
 823         text-align: center;
 824         margin: 2px;
 825         width: 120px;
 826         height: 90px;
 827 }
 828 div.home-link:hover {
 829         padding: 1px;
 830         background-color: #efefef;
 831         border: 1px solid #afafaf;
 832         float: left;
 833         text-align: center;
 834         margin: 2px;
 835 }
 836 div.home-link a {
 837         text-decoration: none;
 838         font-weight: bold;
 839 }
 840
 841 div.home-link img {
 842         border: 0px;
 843 }
 844
 845 /* sequence links */
 846 div.sequence-links {
 847         float: right;
 848         margin-top: 10px;
 849         padding-right: 5px;
 850 }
 851 div.sequence-links a {
 852         text-decoration: none;
 853 }
 854
 855 div.dropdown {
 856         width: 200px;
 857         padding: 2px;
 858         background-color: white;
 859         color: black;
 860         border-left: 1px solid #EAF2FE;
 861         border-right: 1px solid #EAF2FE;
 862         border-bottom: 1px solid #EAF2FE;
 863         font-weight: normal;
 864 }
 865
 866 div.dropdown-heading {
 867         background-color: #DFE1C7;
 868         color: #006699;
 869         border-left: 1px solid #EAF2FE;
 870         border-right: 1px solid #EAF2FE;
 871         border-top: 1px solid #EAF2FE;
 872         font-weight: bold;
 873         padding: 2px;
 874 }
 875
 876 span.required {
 877         font-weight: bold;
 878         color: red;
 879         font-size: 2em;
 880         float: left;
 881         position: relative;
 882         margin-top: -5px;
 883         height: 15px;
 884         padding-right: 2px;
 885 }
 886
 887 div#content_text {
 888         margin-left: 5px;
 889 }
 890
 891 form {
 892         clear: none;
 893         display:inline;
 894 }
 895 #jump-button {
 896         padding-left: 9px;
 897         padding-right: 2px;
 898         background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
 899         border: 1px solid #8CACBB;
 900         cursor: pointer;
 901 }
 902 #jumpmenu {
 903         font-size: 1.0em;
 904 }
 905
 906 optgroup {
 907         font-size: 1.0em;
 908 }
 909 fieldset.group_form legend{
 910         border:1px solid #cccccc;
 911         font-weight:700;
 912         padding:.3em;
 913 }
 914 fieldset.group_form{
 915         margin:1em;
 916         line-height:1em;
 917 }
 918 /* packing */
 919 div.paging {
 920    width: 100%;
 921    text-align: center;
 922    margin: 0.5em auto;
 923 }
 924 div.paging ul {
 925    list-style: none;
 926    display: inline;
 927    padding: 0px;
 928    border: 1px solid #000;
 929 }
 930 div.paging li {
 931         display: inline;
 932         padding-left: 2px;
 933         padding-right: 2px;
 934         padding-top: 0px;
 935         padding-bottom: 0px;
 936 }
 937
 938 div.paging li a {
 939         text-decoration: none;
 940         padding-left: 4px;
 941         padding-right: 4px;
 942         border-left: 1px solid white;
 943         border-right: 1px solid white;
 944 }
 945
 946 div.paging li a:hover, div.paging li a.current {
 947    background-color: #efefef;
 948    border-left: 1px solid #000;
 949    border-right: 1px solid #000;
 950 }
 951
 952 /*plone*/
 953
 954 div.top {
 955     /* Top space */
 956     background: transparent;
 957     margin: 0;
 958     padding: 0;
 959     padding-top:9px;
 960 }
 961 div.tabs {
 962     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
 963     background: transparent;
 964     border-collapse: collapse;
 965     border-bottom: 1px solid #8CACBB;
 966     padding: 0.5em 0em 0em 2em;
 967     white-space: nowrap;
 968 }
 969
 970 div.tabs a {
 971     /* The normal, unselected tabs. They are all links */
 972     background: transparent;
 973     border-color: #8CACBB;
 974     border-width: 1px;
 975     border-style: solid solid none solid;
 976     color: #436976;
 977     height: 1.2em;
 978     margin-right: 0.5em;
 979     padding: 0em 2em 0em;
 980 }
 981
 982 div.tabs a.selected {
 983     /* The selected tab. There's only one of this */
 984     background: #DEE7EC;
 985     border-bottom: #DEE7EC 1px solid;
 986     color: #436976;
 987     font-weight: normal;
 988 }
 989
 990 div.tabs a:hover, div.tabs a.active {
 991     background: #DEE7EC;
 992     border-bottom: 1px solid #DEE7EC;
 993     color: #436976;
 994 }
 995
 996
 997 h4.box {
 998         background-color: #DEE7EC;
 999         color: black;
1000         border: 1px solid #8CACBB;
1001         padding: 2px;
1002 }
1003
1004 div.box {
1005         padding: 2px;
1006         background: transparent;
1007         color: black;
1008         border-left: 1px solid #8CACBB;
1009         border-right: 1px solid #8CACBB;
1010         border-bottom: 1px solid #8CACBB;
1011         font-weight: normal;
1012
1013 }
1014
1015 h5.box {
1016       background: #DEE7EC;
1017       border: 1px solid #8CACBB;
1018       border-style: solid solid none solid;
1019       color: Black;
1020       padding: 0em 1em 0em 1em;
1021       display: inline;
1022       height: 1em;
1023 }
1024
1025 div.box a:link {
1026         text-decoration: none;
1027 }
1028
1029 div.box a:visited {
1030         color: #51286C;
1031         text-decoration: none;
1032 }
1033
1034 div.box a:hover {
1035         text-decoration: underline;
1036 }
1037
1038 .boxDetails {
1039     text-align: right;
1040 }
1041
1042 div.box .content {
1043     padding: 1em;
1044 }
1045
1046 div.box a.close {
1047     float: right;
1048     text-transform: none;
1049     border-left: 1pt solid #8CACBB;
1050     padding: 0em 0.2em;
1051 }
1052
1053 div.box h1,
1054 div.box h2,
1055 div.box h3,
1056 div.box h4 {
1057     margin: 0;
1058     padding: 0;
1059 }
1060
1061 div.box .even {
1062     background-color: #F7F9FA;
1063 }
1064
1065 div.box .odd {
1066     background-color: transparent;
1067 }
1068
1069 div.box input {
1070     font-size: 100%;
1071 }
1072
1073 /* users/index.php */
1074
1075 div.course {
1076         position: relative;
1077         width: 30em;
1078         height: 10.5em;
1079         border: rgb(204, 204, 204) 1px solid;
1080         background-color: white;
1081         float: left;
1082         margin: 3px;
1083         padding: 3px;
1084 }
1085
1086 div.course.break {
1087         clear: left;
1088 }
1089
1090 div.course h2 {
1091         border: 0px;
1092         font-weight: normal;
1093         font-size: large;
1094
1095 }
1096
1097 div.course:hover {
1098         background-color:#D1E3ED;
1099         border: #AAAAAA 1px solid;
1100 }
1101
1102 div.course a {
1103         text-decoration: none;
1104 }
1105
1106 div.course:hover a {
1107         color: #006699;
1108 }
1109
1110 div.course a:hover {
1111         color: #000000;
1112 }
1113
1114 div.course p {
1115
1116 }
1117
1118 div.course p a {
1119         font-weight: bold;
1120 }
1121
1122 div.course img.icon     {
1123         float: left;
1124         margin: 2px;
1125         height:6.8em;
1126         width:6.8em;
1127 }
1128
1129 div.course div.shortcuts {
1130         text-align: right;
1131         clear: left;
1132         vertical-align: middle;
1133 }
1134
1135 fieldset#shortcuts {
1136         background-color: #FAFAFA;
1137         border: 1pt solid #AAAAAA;
1138         margin: -5pt 5pt 5pt 5pt;
1139         padding-right: 10pt;
1140         padding-bottom: 5pt;
1141         padding-left: 10pt;
1142         width:10em;
1143         float:right;
1144 }
1145
1146 legend {
1147         padding-right: 10pt;
1148         padding-left: 10pt;
1149
1150 }
1151
1152 fieldset {
1153         margin-bottom: 10pt;
1154 }
1155 #shortcuts legend {
1156         color: orange;
1157         background-color: white;
1158 }
1159 #shortcuts ul {
1160         position: relative;
1161         margin-top: 0pt;
1162         margin-bottom: 0pt;
1163         margin-left: 0pt;
1164         list-style-type:  none;
1165         padding-left: 0pt;
1166 }
1167
1168 a#guide {
1169         background-image: url('../default/images/help.png');
1170         background-repeat: no-repeat;
1171         background-position: 2px 2px;
1172         padding: 1pt 10pt 1pt 23pt;
1173
1174 }
1175 div#guide_box{
1176         background-color:#DEE7EC;
1177         border-left:thin solid #cccccc;
1178         border-right:thin solid #cccccc;
1179         border-bottom:thin solid #cccccc;
1180         border-radius: 0em 0em .5em .5em;
1181         -moz-border-radius: 0em 0em .5em .5em;
1182         height:1.5em;
1183         float:right;
1184         margin-right:2em;
1185         padding-left:.1em;
1186 }
1187 div#content-text {
1188         padding-right: 5pt;
1189         line-height:150%;
1190
1191 }
1192
1193 div#content-text li {
1194         margin-left: 15pt;
1195 }
1196
1197 div#content-test {
1198         float: left;
1199         margin-top: 2em;
1200         padding-right: 5pt;
1201         width: 80%;
1202         background-color:#DEE7EC;
1203         border:1px solid #8CACBB;
1204                 border-radius: .3em .3em .3em .3em;
1205         -moz-border-radius: .3em .3em .3em .3em;
1206 }
1207 div#content-test ol{
1208         margin-right: 5pt;
1209         list-style:none;
1210 }
1211
1212 div#content-test ol ul li{
1213         list-style: none;
1214         padding: 0px 2px 0px 15px;
1215         margin-bottom: 1px;
1216         line-height: 200%;
1217         background-color: #fdfdfd;
1218         border-bottom: 1px solid #efefef;
1219         border: 1px solid #eeeeff;
1220 }
1221
1222
1223 div#content-info {
1224         margin: 5pt;
1225         font-size: smaller;
1226         color: #cacaca;
1227         clear: both;
1228 }
1229
1230 div#container {
1231         text-align: left;
1232         margin: 0px auto;
1233         padding: 0px;
1234         border:0;
1235         width: 90%;
1236 }
1237
1238 div.column {
1239         float: left;
1240         width: 45%;
1241         margin: 5px;
1242         padding: 0px;
1243         min-width: 170px;
1244 }
1245
1246 div.column h3 {
1247         margin-left: 0px;
1248 }
1249
1250 div.insidecol {
1251       min-height: 170px;
1252       height: 170px;
1253       padding:5px;
1254 }
1255 div[class] .insidecol {
1256       height: auto;
1257 }
1258
1259 /* index page */
1260 ul#home-links {
1261         list-style: none;
1262 }
1263 ul#home-links li {
1264
1265         display: inline;
1266         float: left;
1267         padding: 0.8em;
1268         text-align: center;
1269         margin: 0.1em;
1270         width: 8.5em;
1271         height: 7.0em;
1272         padding-left:0px;
1273
1274 }
1275 ul#home-links li a {
1276         text-decoration: none;
1277         border: 1px transparent;
1278         font-weight: bold;
1279 }
1280 ul#home-links li a img {
1281         border: 0px;
1282         display: block;
1283         padding-left:25px;
1284
1285 }
1286
1287 /* enrollment tabs */
1288 #navlist {
1289         padding: 0px;
1290         margin-left: 0;
1291         margin-right: auto;
1292         margin-left: auto;
1293         margin-bottom: 4px;
1294         margin-top:15px;
1295         white-space: nowrap;
1296 }
1297
1298 #navlist li {
1299         list-style: none;
1300         display: inline;
1301         margin: 0px;
1302 }
1303
1304 #navlist li a {
1305         padding: 3px 9px;
1306         border: 1px solid #e0e0e0;
1307         border-bottom: none;
1308         background: #fafafa;
1309         text-decoration: none;
1310         margin-left: 4px;
1311         -moz-border-radius-topright: 4px;
1312         -moz-border-radius-topleft: 4px;
1313         white-space: nowrap;
1314 }
1315
1316 #navlist li a:hover, #navlist li a.active {
1317         color: #000;
1318         background: #fff;
1319 }
1320
1321 /* tree */
1322 .img-size-tree {
1323         vertical-align: middle;
1324         margin-top: 0px;
1325         height:1em;
1326         width:1em;
1327 }
1328 /* profile page */
1329 dl#public-profile {
1330         width: 100%;
1331 }
1332 dl#public-profile dt {
1333         float: left;
1334         font-weight: bold;
1335         width: 30%;
1336         text-align: right;
1337         clear: left;
1338         border-right: 1px solid #f0f0f0;
1339         padding: 5px 5px 5px 0px;
1340         vertical-align: middle;
1341         margin-right: 5px;
1342 }
1343 dl#public-profile dd {
1344         margin-bottom: 5px;
1345         clear: right;
1346         padding: 5px 0px 5px 5px;
1347 }
1348
1349 /* floating layout */
1350 #contentwrapper{
1351         float: left;
1352         width: 100%;
1353 }
1354
1355 #contentcolumn {
1356         padding-left: 5px;
1357     overflow: auto;
1358 }
1359
1360 #contentcolumn_shiftright {
1361         margin-left: 210px;
1362         padding-right: 5px;
1363 }
1364 #rightcolumn{
1365         float: right;
1366         overflow: hidden;
1367         margin: -5px 0 0;
1368 }
1369
1370 #footer{
1371         clear: left;
1372         width: 100%;
1373         text-align: center;
1374         padding: 4px 0px;
1375 }
1376
1377 /** forum stuff **/
1378 #forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1379 #forum-thread li.even { background: #fdfdfd; border-top: none; }
1380 #forum-thread li.odd { background: #fff; }
1381 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1382 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1383 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1384 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1385 div.forum-post-content h3 { font-weight: 500; }
1386 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1387 div.forum-post-ctrl a { text-decoration: none; }
1388 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1389 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1390 div.forum-post-content div.body p { margin-bottom:20px; }
1391
1392 /** inbox stuff - reuses some of the forum layout **/
1393 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1394
1395
1396 div#topnavlistcontainer {
1397     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1398     background: transparent;
1399     border-collapse: collapse;
1400     border-bottom: 1px solid #8CACBB;
1401     padding: 0.5em 0em 0em 2em;
1402     clear:left;
1403         margin-top:.2em;
1404 }
1405 ul#topnavlist {
1406         padding: 0px;
1407         margin-right: auto;
1408         margin-left: auto;
1409         margin-bottom: 3px;
1410         margin-top: 0px;
1411         margin-bottom:0px;
1412 }
1413
1414 ul#topnavlist li {
1415         list-style: none;
1416         display: inline-block;
1417         height:auto;
1418         margin-top:.1em;
1419         clear:both;
1420 }
1421
1422 ul#topnavlist li:first-child a {
1423         margin-left: 8px;
1424 }
1425
1426 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1427     background: #DEE7EC;
1428     border-bottom: 1px solid #DEE7EC;
1429     color: #436976;
1430 }
1431
1432 ul#topnavlist li a {
1433     /* The normal, unselected tabs. They are all links */
1434     background: transparent;
1435     border-color: #8CACBB;
1436     border-width: 1px;
1437     border-style: solid solid none solid;
1438     color: #436976;
1439     height: 1.2em;
1440     margin-right: 0.5em;
1441     padding: 0em 2em 0em;
1442     border-radius: .3em .3em 0em 0em;
1443     -moz-border-radius: .3em .3em 0em 0em;
1444 }
1445
1446 ul#topnavlist li a.selected {
1447     /* The selected tab. There's only one of this */
1448     background: #DEE7EC;
1449     border-bottom: #DEE7EC 1px solid;
1450     color: #436976;
1451     font-weight: normal;
1452 }
1453
1454 /* format of "table of contents" on content page */
1455 #toc a          { display:block; margin:3px; }
1456 #toc .h2                { padding:0 0 0 10px;}
1457 #toc .h3                { padding:0 0 0 30px;}
1458 #toc .h4                { padding:0 0 0 40px; }
1459 #toc .h5                { padding:0 0 0 50px; }
1460 #toc .h6                { padding:0 0 0 60px; }
1461
1462 #side-menu{
1463           overflow:hidden;
1464           width:22em;
1465           padding-right:.3em;
1466           padding-bottom:.3em;
1467           margin-left:1em;
1468 }
1469
1470 /* jQuery tooltip styles */
1471 #tooltip{
1472           position:absolute;
1473           z-index:3000;
1474           border:3px solid #111;
1475           background-color:#eeeeee;
1476           padding:5px;
1477 }
1478
1479 #tooltip h3,#tooltip div{
1480           margin:0;
1481 }
1482 a.tooltip{
1483         color:blue;
1484         font-size:100%;
1485         padding-left:.2em;
1486         padding-right:.2em;
1487         padding-bottom:.2em;
1488         text-decoration:none;
1489 }
1490
1491 /* style for home page modules "detail view" */
1492
1493 div.home_box {
1494           width: 25.5em;
1495           margin:0;
1496           height:8.8em;
1497           padding-top: 5px;
1498           float:left;
1499           margin-bottom:.5em;
1500 }
1501
1502 .outside_box{
1503           background: #DEE7EC;
1504           width: 24.3em;
1505           height:8.5em;
1506           padding:.4em;
1507           border:1px solid #8CACBB;
1508           -moz-border-radius:.3em .3em .3em .3em;
1509           border-radius: .3em .3em .3em .3em;
1510 }
1511
1512 .inside_box{
1513           width:100%;
1514           padding:.1em;
1515           margin:auto;
1516           height:55%;
1517           -moz-border-radius:.3em .3em .3em .3em;
1518           border-radius: .3em .3em .3em .3em;
1519           background:#ffffff;
1520 }
1521
1522 .home-title{
1523           font-size:12pt;
1524 }
1525 .buttonbox{
1526           float:right;
1527 }
1528 .details_text{
1529           margin-left:1em;
1530 }
1531
1532 /* 1pxgs current box on My Start */
1533 .current_box{
1534           float:left;
1535           clear:right;
1536           margin-left:1em;
1537           width:33%;
1538           padding:.5em;
1539           border: 1px solid #cccccc;
1540 }
1541
1542 ul.current_list{
1543           line-height:2em;
1544           list-style-type:none;
1545           margin-left:-2em;
1546 }
1547 .current_list img{
1548           vertical-align:middle;
1549 }
1550
1551 div#menutoggle{
1552           text-align: right;
1553           padding-bottom: 10px;
1554           padding-right: 10px;
1555           float: right;
1556           margin-top: 10px;
1557           padding-right: 5px;
1558           font-size:0.95em;
1559 }
1560 #my_courses_container{
1561           width:55%;
1562           margin-left:1em;
1563           border:none;
1564           float:left;
1565           min-width:30em;
1566           border-radius: .5em .5em .5em .5em;
1567         -moz-border-radius: .5em .5em .5em .5em;
1568         -moz-box-shadow:.2em .2em .2em #999999;
1569          box-shadow: .2em .2em  .2em #999999;
1570 }
1571 /* berence Editor tabs */
1572 /* Preferences tabs */
1573
1574 table.etabbed-table{
1575         padding-left:5em;
1576         font-size:10pt;
1577 }
1578
1579 /* Preference Editor tabs */
1580 .etabbed-list-container {
1581       font-size:10pt;
1582       width:75%;
1583       margin-left:auto;
1584       margin-right:auto;
1585 }
1586 .etabbed-list{
1587       width:90%;
1588           border-bottom:1px #DEE7EC solid;
1589 }
1590 .prefs-tab-spacer {
1591       background-color: transparent;
1592       border-bottom: 1px solid #cccccc;
1593       width: 1em;
1594 }
1595 .prefs_buttontab {
1596       color:#000555;
1597       white-space: nowrap;
1598       background-color: transparent;
1599       margin-bottom: .5px;
1600       border:0;
1601       font-weight:500;
1602       padding:0em 0em 0em;
1603       border-radius:.3em;
1604       -moz-border-radius: .3em .3em .3em .3em;
1605 }
1606 .prefs_tab{
1607         border-top: 1px solid #cccccc;
1608         border-left: 1px solid #cccccc;
1609         border-right: 1px solid #cccccc;
1610         border-bottom:0;
1611         text-align: center;
1612         white-space: nowrap;
1613         background-color: transparent;
1614         border-radius: .3em .3em 0em 0em;
1615         -moz-border-radius: .3em .3em 0em 0em;
1616         padding: .4em .5em .5em .5em ;
1617         display: inline;
1618         padding-bottom: .9px;
1619     margin: .5em;
1620 }
1621
1622 .prefs_buttontab:hover, .prefs_tab:hover, .prefs_tab:focus, .prefs_buttontab:focus{
1623       background-color: #eeeeee;
1624 }
1625
1626 .prefs_tab_selected{
1627       border-top: 1px solid #cccccc;
1628       border-left: 1px solid #cccccc;
1629       border-right: 1px solid #cccccc;
1630       border-bottom:0;
1631       background-color: #eeeeee;
1632       margin: 0px;
1633       font-weight:bold;
1634       text-align:center;
1635       padding: .4em .2em 0em .5em ;
1636       white-space: nowrap;
1637       text-decoration:none;
1638       border-radius:.3em;
1639       -moz-border-radius: .3em .3em 0em 0em;
1640       display: inline;
1641 }
1642
1643 #top-links-jump{
1644         float:right;
1645         white-space:nowrap;
1646         padding-right:.5em;
1647
1648 }
1649
1650 #jumpmenu{
1651         background-color:#eeeeee;
1652         border:thin solid #cccccc;
1653         border-radius:.3em .3em .3em .3em;
1654         -moz-border-radius:.3em .3em .3em .3em;
1655 }
1656
1657 }
1658 ul#content-tool-links {
1659         list-style: none outside none;
1660 }
1661 ul#content-tool-links li{
1662         display: inline;
1663         float: left;
1664         width: 5em;
1665         padding: 0 3em 0 0;
1666         text-align: center;
1667         font-size: 0.7em;
1668         font-weight:bold;
1669         color: #1A4A72;
1670         line-height:120%;
1671 }
1672 ul#content-tool-links img{
1673         border: 0 none;
1674         display: block;
1675         padding-left: 10px;
1676 }
1677
1678 .hidden {
1679         display: none;
1680 }
1681 .clickable {
1682         cursor: pointer;
1683 }
1684 .nowrap {
1685         white-space: nowrap;
1686 }
1687 .flowplayerholder{
1688         clear:right;
1689 }
1690
1691 /* Content editor tabs */
1692
1693 .editor_wrapper{
1694         border: 1px solid #DEE7EC;
1695         border-radius:.5em;
1696         -moz-border-radius: .5em .5em .5em .5em;
1697         padding: .1em .5em .1em .5em ;
1698 }
1699
1700 .editor_buttontab {
1701         color:#000000;
1702         font-size:10pt;
1703         border:0;
1704         white-space: nowrap;
1705         background-color: transparent;
1706         margin: 0px;
1707         font-weight:500;
1708         text-align:center;
1709         padding:0em 0em 0em;
1710
1711 }
1712 .editor_tab{
1713         float:left;
1714         border-top: 1px solid #cccccc;
1715         border-left: 1px solid #cccccc;
1716         border-right: 1px solid #cccccc;
1717         border-bottom:0;
1718         margin-bottom:-.5em;
1719         text-align: center;
1720         white-space: nowrap;
1721         background-color: transparent;
1722         border-radius: .3em .3em 0em 0em;
1723         -moz-border-radius: .3em .3em 0em 0em;
1724         -moz-box-shadow:.1em .0em .1em #999999;
1725         box-shadow: .2em .0em .2em #999999;
1726         padding: 0em .2em 0em .2em ;
1727         height:1.4em;
1728 }
1729 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1730         background-color:#eeeeee;
1731 }
1732
1733 .editor_tab_selected{
1734         border-top: 1px solid #cccccc;
1735         border-left: 1px solid #cccccc;
1736         border-right: 1px solid #cccccc;
1737         border-bottom:0;
1738         padding: 0em .2em 0em .2em ;
1739         background-color: #eeeeee;
1740         font-weight:bold;
1741         text-align:center;
1742         white-space: nowrap;
1743         text-decoration:none;
1744         border-radius:.3em;
1745         -moz-border-radius: .3em .3em 0em 0em;
1746         height:1.4em;
1747
1748 }
1749 .editor_tab input[type=submit]{
1750         height:1.2em;
1751 }
1752 /* Transformable repository search */
1753
1754 .browse-result{
1755         border:thin solid #cccccc;
1756         padding:.5em;
1757         width:95%;
1758         margin-left:auto;
1759         margin-right:auto;
1760         border-radius: .3em .3em .3em .3em;
1761         -moz-border-radius: .3em .3em .3em .3em;
1762         -moz-box-shadow:.1em .1em .1em #999999;
1763         box-shadow: .1em .1em .1em #999999;
1764 }
1765
1766 .tr_results_tools{
1767         float:right;
1768         padding-left:.2em;
1769         padding-right:.2em;
1770         padding-top:.2em;
1771         border:thin solid #cccccc;
1772         border-radius: .3em .3em .3em .3em;
1773         -moz-border-radius: .3em .3em .3em .3em;
1774         -moz-box-shadow:.1em .1em .1em #999999;
1775         box-shadow: .1em .1em .1em #999999;
1776 }
1777
1778 div.pageinator_box{
1779         width:95%;
1780         margin-left:auto;
1781         margin-right:auto;
1782         margin-bottom: -.5em;
1783         border-top:thin solid #cccccc;
1784         border-left:thin solid #cccccc;
1785         border-right:thin solid #cccccc;
1786         border-radius: .3em .3em 0em 0em;
1787         -moz-border-radius: .3em .3em 0em 0em;
1788 }
1789 #previewText{
1790         font-family: monospace;
1791         border: 2px solid rgb(0, 0, 0);
1792         padding: 2em;
1793         width: 80%;
1794         color: rgb(255, 255, 255);
1795         background-color: rgb(0, 0, 0);
1796 }
1797 #previewArea{
1798         padding: 0em;
1799         border-bottom-width: 0px;
1800         margin-left: auto;
1801         margin-right: auto;
1802         font-weight: normal;
1803         width: 70%;
1804         float:left;
1805         clear:right;
1806 }
1807 #display-settings-preview{
1808         width:70%;
1809         float:left;
1810         height:20em;
1811 }
1812 #feedback{
1813         width: 90%;
1814 }
1815 #defaultfontsize-wrapper{
1816         width:25%;
1817         float:left;
1818 }
1819
1820
1821 /* ATutor Social Styles */
1822 div .profile_container {
1823         background-color:#eee;
1824         border: 1px solid #8e8e8e;
1825         width:80%;
1826         padding:0.5em;
1827         margin-bottom: 0.5em;
1828 }
1829
1830 div .profile_container .top_right {
1831         float: right;
1832 }
1833
1834 dl.public-profile dd{
1835         margin-left:0px;
1836 }
1837 dl.public-profile dt {
1838         float: left;
1839         font-weight: bold;
1840         min-width:12em;
1841 }
1842
1843 /* Search form */
1844 div .search_form {
1845         margin-bottom: 1em;
1846 }
1847
1848 div .search_form .row{
1849         background-color: transparent;
1850         padding: 8px;
1851 }
1852 div .button {
1853         background-color: #eee;
1854         border: 1px solid #aaa;
1855 }
1856 div .button:hover{
1857         background-color: #cccccc;
1858         color: #0000ff;
1859 }
1860
1861 /* Side menu */
1862
1863 ul.social_side_menu {
1864         padding-left: 2em;
1865 }
1866 ul.social_side_menu li {
1867         padding-bottom: 0.2em;
1868         list-style: circle;
1869 }
1870 div .divider {
1871         border-bottom:1px solid #C1C157;
1872         padding-bottom:0.5em;
1873         margin-bottom:0.5em;
1874 }
1875 .activity{
1876         line-height:18pt;
1877         font-size:.8em;
1878 }
1879 div.headingbox, h3.headingbox, a.headingbox{
1880         border:1px #cccccc solid;
1881         padding:.2em;
1882         background-color: #eeeeee;
1883         text-decoration:none;
1884         line-height:1em;
1885         font-size:.7em;
1886 }
1887 div.contentbox, input-form{
1888         margin-left:.2em;
1889         margin-right:.2em;
1890         border-left:1px #cccccc solid;
1891         border-right:1px #dddddd solid;
1892         border-bottom:1px #cccccc solid;
1893         padding:.5em;
1894         background-color: #ffffff;
1895     overflow:hidden;
1896 }
1897 div.suggestions{
1898         border:1px solid #a50707;
1899         margin-left:10px;
1900         width:50%;
1901 }
1902 li.inlinelist{
1903         display: inline;
1904         padding-right: 1em;
1905 }
1906 ul.social_inline_menu{
1907         background-color: #eeeeee;
1908         border:thin #cccccc solid;
1909         padding:.5em;
1910         width:90%;
1911         margin:auto;
1912 }
1913 div.social-wrapper{
1914         border:thin solid #cccccc;
1915         width:95%;
1916         padding:.5em;
1917         margin:auto;
1918 }
1919 .network-activity{
1920     float:left;
1921     width:55%;
1922 }
1923 .my-contacts{
1924     float:right;
1925     width:38%;
1926     min-width:38%;
1927 }
1928 .my-network-groups{
1929     float:right;
1930     clear:right;
1931     width:38%;
1932     max-width:38%;
1933 }
1934 .people-you-may-know{
1935     padding-top:1em;
1936     float:right;
1937     clear:right;
1938     width:38%;
1939     min-width:38%;
1940  }
1941 .content-settings{
1942         width: 30%;
1943         float: left;
1944 }
1945 .del-content-icon{
1946         border:0;
1947         height:.8em;
1948 }
1949 #logoutbar{
1950         float:right;
1951         text-align:right;
1952 }
1953 div.bypass{
1954         height:1px;
1955 }
1956 img.img-size-ascdesc{
1957         height:1.5em;
1958         width:1.5em;
1959 }
1960 div.row{
1961         background:transparent;
1962 }
1963 div.input-form fieldset{
1964         margin:1em;
1965 }
1966 div.input-form legend{
1967         border:1px #DEE7EC solid;
1968         padding:.3em;
1969 }
1970 .menuedit img{
1971         height:1em !important;
1972 }
1973 div#subnavlistcontainer {
1974         width:95%;
1975         margin:auto;
1976         height:auto;
1977
1978 }
1979 div#subnavbacktopage {
1980         padding-top:5px;
1981         padding-left:20px;
1982         float:left;
1983 }
1984 div.toolcontainer{
1985         width:95%;
1986         margin:auto;
1987         border:1px solid #e8e8e8;
1988         padding-top:1em;
1989         padding-bottom:1em;
1990         border-radius:.5em;
1991         -moz-border-radius: .5em .5em .5em .5em;
1992 }
1993 ul#subnavlist {
1994         padding-top: 4px;
1995         margin-top: 0px;
1996         font-size:.8em;
1997 }
1998
1999 ul#subnavlist li {
2000         background-color: #F2F7FE;
2001         list-style: none;
2002         display: inline-block;
2003         font-weight:700;
2004         text-align:center;
2005         border-top:1px solid #cccccc;
2006         border-left:1px solid #cccccc;
2007         border-right:1px solid #cccccc;
2008         border-radius: .3em .3em 0em 0em;
2009         -moz-border-radius: .3em .3em 0em 0em;
2010         height:1.0em;
2011         padding: 0em .5em .6em .5em ;
2012 }
2013
2014 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
2015         color: black;
2016         text-decoration:none;
2017         background-color: #DEE7EC;
2018 }
2019
2020 ul#subnavlist li a {
2021     /* The normal, unselected tabs. They are all links */
2022         color: #555;
2023     height: 1.5em;
2024         text-decoration:underline;
2025         font-weight:500;
2026 }
2027