js2/mwEmbed/skins/mvpcf/styles.css

   1 #mv_overlay {
   2         background:transparent url(images/transparent_bg.png) repeat scroll 0 0;
   3         cursor:wait;
   4         height:100%;
   5         left:0;
   6         position:fixed;
   7         top:0;
   8         width:100%;
   9         z-index:99;
  10 }
  11
  12 .modal_editor {
  13         /*background:#AAA none repeat scroll 0 0;
  14         border:3px solid #666666;*/
  15         left:10px;
  16         top:10px;
  17         right:10px;
  18         bottom:10px;
  19         position:fixed;
  20         z-index:100;
  21 }
  22 .mv_track {
  23         margin-bottom:20px;
  24         position:relative;
  25 }
  26 .player_select_list {
  27         color:white;
  28         font-size:10pt;
  29 /*      display:none;*/
  30 }
  31
  32 .player_select_list a:visited {
  33         color:white;
  34 }
  35 .displayHTML a:visited {
  36         color:white;
  37 }
  38 .mv_playhead {
  39         position:absolute;
  40         top:0;
  41         left:0;
  42         width:17px;
  43         height:21px;
  44         /*http://art.gnome.org/themes/gtk2*/
  45 }
  46 .mv_status {
  47         font-family:"Times New Roman", Times, serif;
  48         font-size:14px;
  49         float:left;
  50 }
  51 .set_ogg_player_pref{
  52         text-align:left;
  53 }
  54
  55 .inputTrackerInput {
  56                 height:20;
  57                 width:30;
  58                 font-family : Arial, Helvetica, sans-serif;
  59         font-size : 12px;
  60 }
  61 .mv_loading_icon {
  62         position:absolute;
  63         top:0px;
  64         right:0px;
  65         width:16px;
  66         height:16px;
  67 }
  68 div.floatleft, table.floatleft {
  69         border:0pt none;
  70         clear:left;
  71         float:left;
  72         margin:0pt 0.5em 0.5em 0pt;
  73         position:relative;
  74 }
  75
  76
  77
  78
  79 .videoPlayer
  80 {
  81         color: #474747;
  82 }
  83
  84 .videoPlayer a:link {color: #2060c1; text-decoration: underline;}
  85 .videoPlayer a:visited {color: #2060c1; text-decoration: underline;}
  86 /*a:visited {color: #75a5e4; text-decoration: underline;}*/ /*Not sure if you want this*/
  87 .videoPlayer a:hover {color: #75a5e4; text-decoration: underline;}
  88 .videoPlayer img, .videoPlayer img a, .videoPlayer img a:hover {border: 0;}
  89
  90 .videoPlayer h1, .videoPlayer h2, .videoPlayer h3, .videoPlayer h4, .videoPlayer h5, .videoPlayer h6 {color: #242424; margin: 5px 0; padding: 0;}
  91 .videoPlayer h1 {font-size: 24px;}
  92 .videoPlayer h2 {font-size: 18px;}
  93 .videoPlayer h3 {font-size: 16px;}
  94 .videoPlayer h4 {font-size: 14px;}
  95 .videoPlayer h5 {font-size: 13px; text-align: center;}
  96 .videoPlayer h6 {font-size: 13px; color: #6c6c6c; padding: 10px 20px 0px 20px; text-transform: uppercase;}
  97
  98
  99 /*Video player*/
 100 .videoPlayer {
 101 /*      width: 100%;*/
 102         color: white;
 103 }
 104 .videoPlayerSmall {
 105 /*      width: 439px;*/
 106         height: 334px;
 107 }
 108 .videoPlayer .video {
 109         display: block;
 110         position: relative;
 111         font-size: 1px;
 112         height: 305px;
 113 }
 114 .videoPlayer .controls {
 115         height: 29px;
 116         border-top-width: 0 !important;
 117         /*background: #454545;*/
 118         display:block;
 119         z-index=-1;
 120 }
 121 .videoPlayer .controlInnerSmall {
 122 /*      width: 430px;*/
 123         height: 29px;
 124         float: left;
 125         display: inline;
 126 }
 127 /*
 128 .videoPlayer .controls span.border_left {background: url(images/player_bottom_left.png) 0 0 no-repeat; width: 4px; height: 29px; float: left; display: inline;}
 129 .videoPlayer .controls span.border_right {background: url(images/player_bottom_right.png) 0 0 no-repeat; width: 4px; height: 29px; float: right; display: inline;}
 130 */
 131
 132
 133 .videoPlayer .lButton {
 134         cursor:pointer;
 135         float:left;
 136         list-style:none outside none;
 137         margin:2px;
 138         padding:4px 0;
 139         width: 24px;
 140         height:16px;
 141         position:relative;
 142 }
 143 .videoPlayer .rButton {
 144         cursor:pointer;
 145         float:right;
 146         list-style:none outside none;
 147         margin:2px;
 148         padding:4px 0;
 149         width: 23px;
 150         height:16px;
 151         position:relative;
 152 }
 153
 154 .controls a{
 155         display: block;
 156         height: 100%;
 157         width: 100%;
 158 }
 159 .videoPlayer .volume_icon {
 160         float: right;
 161         display: inline;
 162         width: 22px;
 163         height: 29px;
 164         padding: 0 0 0 0;
 165
 166 }
 167 .volume_on {
 168         background: url(images/player_volume_tag.png) 0 8px no-repeat;
 169 }
 170 .volume_off{
 171         background: url(images/player_volume_tag_off.png) 0 8px no-repeat;
 172 }
 173
 174 .videoPlayer .volume_control {
 175         width: 42px;
 176         height: 12px;
 177         margin: 9px 4px 0 0;
 178         float: right;
 179         display: inline;
 180         background: url(images/player_volume_seek.png) 0 0 no-repeat;
 181 }
 182 .videoPlayer .volume_knob {
 183         background: url(images/player_slider.png) 0 0 no-repeat;
 184         width: 14px;
 185         height: 14px;
 186         position: absolute;
 187         z-index: 2;
 188         margin: -1px 0 0 3px;
 189         cursor: pointer;
 190 }
 191
 192
 193 .videoPlayer .time {
 194         line-height: 32px;
 195         height: 29px;
 196         overflow: visible;
 197         font-size: 10.2px;
 198         width: 80px;
 199         float: right;
 200         display: inline;
 201         border:none;
 202 }
 203
 204 .videoPlayer .play_head{
 205         float: left;
 206         display: inline;
 207         height: 10px;
 208         margin-left:10px;
 209         margin-top:10px;
 210 }
 211
 212 .play_head .ui-slider-handle{
 213         width:10px;
 214         height:15px;
 215         margin-left:-5px;
 216         margin-top:1px;
 217 }
 218
 219 .inOutSlider .ui-slider-handle{
 220         width:8px;
 221         cusror: move;
 222 }
 223
 224 /*
 225 .videoPlayer .seeker {
 226         float: right;
 227         display: inline;
 228         width: 55%;
 229         margin: 0 5px 0 5px;
 230         height: 29px;
 231 }
 232
 233 .videoPlayer .seeker .seeker_bar {
 234         float: left;
 235         display: inline;
 236         width : 100%;
 237         height: 12px;
 238         background: url(images/player_seek_bg_loaded.png) 0 1px repeat-x;
 239         margin: 9px 0px 0 0px;
 240         position:relative;
 241 }
 242
 243 .videoPlayer .seeker .seeker_bar_outer {
 244         width: 100%;
 245         height: 12px;
 246         position: relative;
 247         z-index: 4;
 248         background: url(images/player_seek_left.png) 0 0 no-repeat;
 249 }
 250 .videoPlayer .seeker .seeker_bar_close {
 251         width: 5px;
 252         height: 12px;
 253         position: relative;
 254         z-index: 4;
 255         float: right;
 256         display: inline;
 257         margin: -12px 0 0 0;
 258         background: url(images/player_seek_right.png) 0 0 no-repeat;
 259 }
 260
 261 .videoPlayer .seeker .mv_progress{
 262         width: 0%;
 263         height: 12px;
 264         left:0px;
 265         top:0px;
 266         position: absolute;
 267 }
 268 .videoPlayer .seeker .mv_playback {
 269         z-index: 3;
 270         background: #CCC;
 271 }
 272 .videoPlayer .seeker .mv_buffer {
 273         z-index: 2;
 274         background: #99C;
 275 }
 276 .videoPlayer .seeker .mv_highlight {
 277         z-index: 3;
 278         background: #558;
 279 }
 280 .videoPlayer .seeker .seeker_slider {
 281         background: url(images/player_slider.png) 0 0 no-repeat;
 282         width: 14px;
 283         height: 14px;
 284         position: relative;
 285         z-index: 6;
 286         margin: -13px 0 0 0px;
 287         float: left;
 288         cursor: pointer;
 289 }
 290 */
 291 .tt_highlight{
 292         border: solid thin blue;
 293         background: #CCC;
 294 }
 295 .tt_scroll_highlight{
 296         border: solid thin red;
 297         background: #CCF;
 298 }
 299 .mvttseek{
 300         cursor:pointer;
 301 }
 302 .mvtt{
 303         border:solid thin black;
 304 }
 305 .large_play_button {
 306         display:block;
 307         width: 130px;
 308         height: 96px;
 309         margin: auto;
 310 /*      margin: -202px 0 0 154px;*/
 311         position: absolute;
 312         z-index: 3;
 313         cursor: pointer;
 314 }
 315
 316 /*Video options*/
 317 .videoOptions {
 318         display: none;
 319         width: 183px;
 320         overflow: hidden;
 321         position: absolute;
 322         z-index: 9999;
 323 /*      margin: 0 0 0 230px;*/
 324 }
 325 *:first-child+html .videoOptions {margin-top: -20px;}
 326 .videoOptionsTop {
 327         width: 183px;
 328         height: 32px;
 329         position: relative;
 330         z-index: 3;
 331         background: url(images/player_options_top.png) 0 0 no-repeat;
 332 }
 333 .videoOptionsBox {
 334         width: 170px;
 335         padding: 0px 11px 0 4px;
 336         position: relative;
 337         overflow: hidden;
 338         color:#6C6C6C;
 339         z-index: 3;
 340         background: url(images/player_options_bg.png) 0 0 repeat-y;
 341 }
 342 .videoOptionsBot {
 343         width: 183px;
 344         height: 18px;
 345         position: relative;
 346         z-index: 3;
 347         background: url(images/player_options_bottom.png) 0 0 no-repeat;
 348 }
 349
 350 .videoOptionsBox div.block {
 351         border-top: 1px solid #dadada;
 352 }
 353 .videoOptionsBox div.block h6 {
 354         padding: 0;
 355         margin: 5px 0;
 356         text-align: center;
 357 }
 358 .videoOptionsBox div.wide_block {
 359         padding: 15px 0;
 360 }
 361 .videoOptionsBox div.first_block {
 362         border: 0;
 363 }
 364 .videoOptionsBox div.block p {padding: 10px 20px;margin: 0;}
 365 .videoOptionsBox div.block p.short_match, .videoOptionsBox div.block p.normal_match {padding: 0; margin: 0;}
 366 .videoOptionsBox div.block p a {text-decoration: none;}
 367 .videoOptionsBox div.block p.short_match a {
 368         padding: 0;
 369         display: block;
 370         width: 100%;
 371         border-bottom: 1px solid #dadada;
 372 }
 373 .videoOptionsBox div.block p.short_match a span {display: block; padding: 5px 20px;}
 374 .videoOptionsBox div.block p.short_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
 375 .videoOptionsBox div.block p.short_match a.last_match {border: 0;}
 376
 377 .videoOptionsBox div.block p.normal_match a {
 378         padding: 0;
 379         margin: 0;
 380         display: block;
 381         width: 100%;
 382         border: 0;
 383 }
 384 .videoOptionsBox div.block p.normal_match a span {display: block; padding: 3px 20px;}
 385 .videoOptionsBox div.block p.normal_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
 386 .videoOptionsBox div.block p.normal_match a.last_match {border: 0;}
 387
 388 .videoOptionsBox div.block p.bill_match {border-bottom: 1px solid #dadada;}
 389
 390 .videoOptionsBox div.block p.last_match {border-bottom: 0;}
 391
 392 .videoOptionsBox div.block ul {
 393         list-style: none;
 394         margin: 10px 0;
 395         padding: 0 20px;
 396 }
 397 .videoOptionsBox div.block ul a { text-decoration: none;}
 398 .videoOptionsBox div.block ul li { margin: 7px 0;}
 399 .videoOptionsBox div.block ul li ul {margin: 0;}
 400 .videoOptionsBox div.block ul li ul li a {color: #df5c01;}
 401 .videoOptionsBox div.block ul li ul li a:hover {color: #ffa02f;}
 402
 403 .videoOptionsBox div.block ul li span.clips {display: block; text-align: right; margin: 6px 0 18px 0;}
 404
 405 .videoOptionsBox div.advanced a.advanced_options {color: #aaa; text-align: center; display: block; margin: 3px 0; text-decoration: none;}
 406
 407 .videoOptionsBox div.embed_code {text-align: center; border-bottom: 1px solid #dadada; }
 408 .videoOptionsBox div.embed_code textarea {
 409         margin: 10px 0 10px 0;
 410         padding: 3px;
 411         width: 142px;
 412         height: 54px;
 413         border: 1px solid #dadada;
 414         font-family: Arial;
 415         color: #777;
 416         font-size: 11px;
 417 }
 418 .videoOptionsBox div.embed_code button.copy_to_clipboard {
 419         background: #dddddd url(images/button_to_clipboard.png) 0 0 repeat-x;
 420         border: 1px solid #a1badf;
 421         text-align: center;
 422         padding: 2px 4px;
 423         margin: 0 0 6px 0;
 424 }
 425
 426 .videoComplete {
 427 /*      width: 100%;
 428         height: 100%;*/
 429         background: url(images/transparent_bg.png) 0 0 repeat;
 430         position: absolute;
 431         top:0px;
 432         left:0px;
 433         z-index: 10;
 434         font-size:16px;
 435         overflow: hidden;
 436 }
 437
 438 /*      margin: -305px 0 0 0; */
 439 .videoComplete .videoOptionsComplete {
 440         background:transparent url('images/player_video_options_bg.png') no-repeat scroll 0pt;
 441         color:#7A7A7A;
 442         font-size:10pt;
 443         height:158px;
 444         left:10%;
 445         overflow:auto;
 446         padding:19px;
 447         position:relative;
 448         top:16%;
 449         width:283px;
 450 }
 451 .videoComplete .videoOptionsComplete p {text-align: center; margin: 3px 0; padding: 0;}
 452 .videoComplete .videoOptionsComplete a {
 453         color: white;
 454 /*      font-size: 22px;*/
 455         font-size:12px;
 456         text-decoration: underline;
 457 }
 458
 459 .videoComplete .videoOptionsComplete a.email {
 460         font-size:16px;
 461         background: url(images/ico_mail.png) right 0px no-repeat;
 462         padding: 0 50px 0 0;
 463 }
 464
 465 .videoComplete div.embed_code textarea {
 466         margin: 8px 0 8px 0;
 467         padding: 3px;
 468         width: 258px;
 469         height: 54px;
 470         border: 1px solid #dadada;
 471         font-family: Arial;
 472         color: #777;
 473         font-size: 11px;
 474 }
 475 .videoComplete div.embed_code button.copy_to_clipboard {
 476         background: #dddddd url(images/button_to_clipboard.png) 0 0 repeat-x;
 477         border: 1px solid #3b4552;
 478         text-align: center;
 479         padding: 2px 4px;
 480         margin: 0 0 6px 0;
 481         float: right;
 482         display: inline;
 483 }
 484 .cl_status{
 485         position:absolute;
 486         bottom:0px;
 487         top:0px;
 488         z-index:3;
 489 }
 490
 491 .rsd_control_container{
 492         margin:10px;
 493 }
 494
 495 #SEQUENCER CSS:
 496 #resizable css:
 497 /*
 498 .ui-resizable-handle { position: absolute; background: #ddd; display: none; }
 499 .ui-resizable .ui-resizable-handle { display: block }
 500 .ui-resizable-e { z-index:5; position:absolute; cursor: e-resize;
 501         width: 15px;height:19px; top: 0px; bottom: 0px; right: 0px;
 502         background: transparent url(images/slider_handle_red.gif) no-repeat scroll 0% 0%;
 503 }
 504 .ui-resizable-w { z-index:5; position:absolute; cursor: w-resize;
 505         width: 15px;height:19px; top: 0px; bottom: 0px; left: 0px;
 506         background: transparent url(images/slider_handle_green.gif) no-repeat scroll 0% 0%;
 507 }
 508 .ui-dragSpan {
 509         filter: alpha(opacity=70);
 510         -moz-opacity: .7;
 511         background-color:#AAF;
 512         position:absolute;
 513         left: 10px;
 514         right:10px;
 515         height:19px;
 516 }
 517 */
 518 /*
 519 div.rsd_cp_tab_container{
 520         display:inline;
 521         margin:0;
 522         padding:5px 2px 10px 2px;
 523         background:#F7F7F7 url(remote_search/tab-bg.png) repeat-x scroll left bottom;
 524         border:1px solid #777;
 525         margin-left:7px;
 526         cursor:pointer;
 527         float:left;
 528         width:auto;
 529 }
 530 div.rsd_cp_tab {
 531         display:inline;
 532         margin:0;
 533         padding:5px 2px 10px 2px;
 534         background:#F7F7F7 url(remote_search/tab-bg.png) repeat-x scroll left bottom;
 535         border:1px solid #777;
 536         margin-left:7px;
 537         cursor:pointer;
 538         float:left;
 539         width:auto;
 540         position:relative;
 541 }
 542
 543 div.rsd_selected {
 544         background:#FFFFFF none repeat scroll 0 0;
 545         border-bottom:0;
 546         padding-top:6px;
 547         z-index:2;
 548 }
 549 */
 550 .rsd_cp_tab img{
 551         border:0px;
 552 }
 553 .rsd_results_container{
 554         left:2px;
 555         right:2px;
 556         top:2px;
 557         bottom:2px;
 558 }
 559 /*#rsd_results {
 560         border-top:0;
 561         border:1px solid #777;
 562         /*position:relative;*/
 563         background:#FFF;
 564         left:2px;
 565         right:2px;
 566         bottom:2px;
 567         overflow:auto;
 568         position:absolute;
 569         top:75px;
 570 }*/
 571 #rsd_resource_edit{
 572         z-index:2;
 573 }
 574 .rsd_license{
 575         position:absolute;
 576         bottom:0px;
 577         left:0px;
 578 }
 579 .rsd_license img{
 580         float:left;
 581 }
 582 .rsd_license span{
 583         float:left;
 584         background:#FFF;
 585         color:#200;
 586         font-size:x-small;
 587         filter:alpha(opacity=70);
 588         -moz-opacity:0.7;
 589         opacity:0.7;
 590 }
 591 .mv_clip_box_result{
 592         padding:10px;
 593         float:left;
 594         border: thin solid #BBB;
 595         overflow:hidden;
 596 }
 597 .mv_clip_box_result_over{
 598         border: thin solid #F99;
 599 }
 600 .mv_clip_list_result{
 601         padding:10px;
 602         border: thin solid #BBB;
 603         clear:both;
 604         position:relative;
 605 }
 606 .mv_clip_list_result_over{
 607         padding:10px;
 608         border: thin solid #F99;
 609         clear:both;
 610 }
 611 .rsd_res_item{
 612         cursor:pointer;
 613         display:block;
 614 }
 615 #rds_results_bar{
 616         margin:4px;
 617         background:#DEF;
 618         height:22px;
 619 }
 620
 621 /* edit buttons: */
 622 .mv_edit_button{
 623         width:22px;
 624         height:22px;
 625         float:left;
 626 }
 627 #mv_layout_left_img{
 628         width:50px;
 629         height:33px;
 630         background-image: url('images/image_layout_left.png');
 631         float:left;
 632 }
 633 #mv_layout_right_img{
 634         width:50px;
 635         height:33px;
 636         background-image: url('images/image_layout_right.png');
 637         float:left;
 638 }
 639
 640 .mv_crop_button_base{
 641         background-image: url('images/stock-tool-button-crop.png');
 642 }
 643 .mv_crop_button_selected{
 644         background-image: url('images/stock-tool-button-crop_over.png');
 645 }
 646 .mv_scale_button_base{
 647         background-image: url('images/stock-tool-button-scale.png');
 648 }
 649 .mv_scale_button_selected{
 650         background-image: url('images/stock-tool-button-scale_over.png');
 651 }
 652 .mv_loading_img{
 653         width:32px;
 654         height:32px;
 655         display:inline;
 656         padding:0px;
 657         position:absolute;
 658         background-image: url('images/loading_ani.gif');
 659 }
 660 .mv_loading_bar_img{
 661         width:220px;
 662         height:19px;
 663         display:inline;
 664         position:absolute;
 665         background-image: url('images/loading_bar_ani.gif');
 666 }
 667
 668 /* jquery.ui overides */
 669
 670 .ui-icon_link {
 671         padding: .4em 1em .4em 20px;
 672         text-decoration: none;
 673         position: relative;
 674 }
 675 .ui-icon_link span.ui-icon {
 676         margin: 0 5px 0 0;
 677         position: absolute;
 678         left: 0.2em;
 679         right: auto;
 680         top: 50%;
 681         margin-top: -8px;
 682         zoom: 1;
 683 }
 684 .ui-icon_link span.ui-text {
 685         position: absolute;
 686         left: 0.2em;
 687         right: auto;
 688         margin-top: -3px;
 689         zoom: 1;
 690 }
 691
 692 .ui-progressbar-value{
 693         background-image: url('images/pbar-ani.gif');
 694 }
 695
 696 ui-widget-overlay{
 697         background: url("images/ui-bg_diagonals-thick_20_666666_40x40.png") repeat scroll 50% 50% #666666;
 698         opacity:0.5;
 699 }
 700
 701 /* Vertical Tabs
 702 ----------------------------------*/
 703 .ui-dialog-buttonpane { padding:10px !important; }
 704 .ui-tabs-vertical { width: 55em; }
 705 .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
 706 .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
 707 .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
 708 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
 709 .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
 710
 711 .ui-dialog .ui-dialog-buttonpane button { float: left !important; }
 712
 713 .ui-widget-content a { text-decoration: underline; }
 714
 715
 716 .vol_container{
 717         z-index:99;
 718         width:23px;
 719         height:75px;
 720         width:23px;
 721         background: #CCC;
 722 }
 723 .vol_container_below{
 724         top:30px;
 725 }
 726 .vol_container_top{
 727         top:-77px;
 728 }
 729 .vol_container .volume_bar{
 730         margin-top:5px;
 731         height:65px;
 732         width:10px;
 733         margin-left: auto ;
 734         margin-right: auto ;
 735 }
 736 .vol_container .ui-slider-handle{
 737         cursor : pointer;
 738         width:10px;
 739         height:10px;
 740         position:absolute;
 741         left:-1px;
 742 }
 743
 744 /* related videos Video */
 745 .related_vids {
 746         top:10px;
 747         left:5px;
 748         right:5px;
 749         bottom:5px;
 750         position:absolute;
 751         overflow-y:auto;
 752 }
 753 .related_vids h1 {
 754         border:medium none;
 755         font-size:20px;
 756         margin:4px 0px 4px 11px;
 757         padding:0;
 758         color:#F0F0F0;
 759         font-family:arial,sans-serif;
 760 }
 761
 762 .related_vids ul {
 763         margin:0;
 764         padding:0;
 765
 766         list-style-image:none;
 767         list-style-position:inside;
 768         list-style-type:none;
 769         margin:0;
 770         padding:0;
 771 }
 772
 773
 774 .related_vids li{
 775         -x-system-font:none;
 776         color:#FAFAFA;
 777         display:table;
 778         font-family:arial,sans-serif;
 779         font-size:11px;
 780         line-height:normal;
 781         margin:0 0 6px 35px;
 782         padding:0;
 783 }
 784
 785 .related_vids li div {
 786         float:right;
 787         margin:5px 0 0 10px;
 788         width:200px;
 789 }
 790
 791 .related_vids img {
 792         width:80px;
 793         z-index:2;
 794         border-bottom:3px solid #36393D;
 795         border-top:3px solid #36393D;
 796 }