PageRenderTime 76ms CodeModel.GetById 10ms app.highlight 60ms RepoModel.GetById 1ms app.codeStats 1ms

/modules/mod_admin/lib/css/zp-admin.css

https://code.google.com/p/zotonic/
CSS | 1028 lines | 787 code | 186 blank | 55 comment | 0 complexity | b9ddadb1148f90cc47d2d739f5fecd12 MD5 | raw file
   1/* Specific styles for Zotonic admin
   2----------------------------------------------------------
   3
   4@package:	Zotonic admin CSS
   5@Author: 	Tim Benniks <tim@timbenniks.nl>
   6
   7Copyright 2009,2010 Tim Benniks
   8
   9Licensed under the Apache License, Version 2.0 (the "License");
  10you may not use this file except in compliance with the License.
  11You may obtain a copy of the License at
  12 
  13http://www.apache.org/licenses/LICENSE-2.0
  14 
  15Unless required by applicable law or agreed to in writing, software
  16distributed under the License is distributed on an "AS IS" BASIS,
  17WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18See the License for the specific language governing permissions and
  19limitations under the License.
  20
  21---------------------------------------------------------- */
  22
  23body {
  24	background: #f1f1f1 url(../images/admin_bg.jpg) repeat-x top;
  25	font: 11px/18px "Lucida Grande", Helvetica, sans-serif;
  26	color: #333;
  27}
  28
  29body.zp-wide .zp-wrapper {
  30	width: 1200px;
  31}
  32
  33body.zp-normal .zp-wrapper {
  34	width: 970px;
  35}
  36
  37hr {
  38	border-top: 1px dotted #ddd;
  39}
  40
  41.zp-wrapper {
  42	margin: 0 auto;
  43}
  44
  45.block {
  46	background: #f9f9f9;
  47	border: 1px solid #bbb;
  48	padding: 12px 18px 0;
  49	-moz-border-radius: 3px;
  50	-webkit-border-radius: 3px;
  51	margin: 0 0 18px 0;
  52}
  53
  54.block .padding {
  55	padding: 0 18px 0 0;
  56}
  57
  58.item-wrapper {
  59	margin: 0 0 18px 0;	
  60}
  61
  62.short-list,
  63.item  {
  64	margin: 0 0 18px 0;
  65	padding: 0;
  66	background: #f1f1f1;
  67	border: solid #ddd;
  68	border-top-color: #bbb;
  69	border-width: 1px;
  70	-moz-border-radius-bottomleft: 5px;
  71	-moz-border-radius-bottomright: 5px;
  72	-webkit-border-bottom-left-radius: 5px;
  73	-webkit-border-bottom-right-radius: 5px;
  74}
  75
  76.item {
  77	margin: 0;
  78}
  79
  80	.item {
  81		padding: 9px 9px 0;
  82	}
  83
  84#sort-publish .item {
  85	background: #999;
  86	border-color: #999;
  87	color: #fff;
  88}
  89
  90	#sort-publish .item label {
  91		color: #fff;
  92	}
  93	
  94	#sort-publish h3 {
  95		border-bottom: 1px solid #ddd;
  96	}
  97
  98.short-list li {
  99    position: relative;
 100	display: block;
 101	margin: 0;
 102	padding: 0 6px;
 103	line-height: 27px;
 104	border-bottom: 1px solid #e0e0e0;
 105}
 106
 107	.short-list li button,
 108	.short-list li a.button {
 109		margin: 3px 3px 0 0;
 110	}
 111
 112	.short-list li:last-child {
 113		border: none;
 114	}
 115	
 116	.short-list li a {
 117		text-decoration: none;
 118		color: #555;
 119	}
 120
 121    .short-list li.unpublished a {
 122        color: #888;
 123    }
 124
 125		.short-list li a.row:hover {
 126			background: #eee;
 127			color: #000;
 128		}
 129
 130	.short-list li.headers  {
 131		font-weight: bold;
 132    }
 133	.short-list li.headers a {
 134		color: #0C8DB2;
 135	}
 136	
 137	.short-list li span {
 138		float: left;
 139		display: block;
 140	}
 141	
 142	.short-list li.log-warning, .short-list li.log-warning a {
 143        color: #930;
 144    }
 145	.short-list li.log-error, .short-list li.log-error a {
 146        color: #c00;
 147	}
 148
 149    .short-list li span.button-area {
 150        position: absolute;
 151        right: 0;
 152    }
 153
 154
 155ul.pager {
 156	padding: 6px;
 157}
 158	
 159.pager li {
 160	display: inline;
 161	margin: 0 6px 0 0;
 162}
 163
 164	.pager li.current a {
 165		color: #000;
 166		font-weight: bold;
 167	}
 168
 169.table-list {
 170	margin: 0 0 9px 0;
 171	border-top: 1px solid #ddd;
 172	-moz-border-radius: 5px;
 173	-webkit-border-radius: 5px;
 174}
 175	
 176.table-list li {
 177	display: block;
 178	padding: 6px;
 179	border: solid #ddd;
 180	border-width: 0 1px 1px 1px;
 181}
 182
 183	.table-list li span {
 184		display: block;
 185		float: left;
 186	}
 187
 188		.table-list li span.label {
 189			width: 200px;
 190		}
 191
 192.item-even {
 193	background: #f2f2f2;	
 194}
 195
 196.item-uneven {
 197	background: #f9f9f9;	
 198}
 199
 200	
 201/* admin typography  
 202---------------------------------------------------------- */
 203
 204h2 {
 205	color: #0c8db2;
 206	font-size: 20px;
 207	font-weight: normal;
 208	line-height: 27px;
 209	margin: 0 0 14px;
 210	padding: 0 0 4px;
 211	background: none;
 212	border-bottom: 1px dotted #ddd;
 213}
 214
 215	h2 span {
 216		font-size: 11px;
 217	}
 218
 219h3 {
 220	color: #32394b;
 221	font-size: 12px;
 222	font-weight: bold;
 223	line-height: 18px;
 224	margin: 0;
 225	background: none;
 226	padding: 0;
 227}
 228
 229h3.alt {
 230	margin: 0 0 9px 0;
 231}
 232
 233h3.above-list,
 234h3.above-item {
 235	-moz-border-radius-topleft: 5px;
 236	-moz-border-radius-topright: 5px;
 237	-webkit-border-top-left-radius: 5px;
 238	-webkit-border-top-right-radius: 5px;
 239	background: #ccc url(/lib/images/button.png) repeat-x center top;
 240	margin: 0;
 241	padding: 4px 8px;
 242	position: relative;
 243	cursor: pointer;
 244}
 245
 246    h3.above-list button {
 247		display: inline;
 248		margin: 0;
 249		float: right;
 250	}
 251
 252	.above-item-all-corners {
 253		-moz-border-radius: 5px;
 254		-webkit-border-radius: 5px;
 255	}
 256
 257	h3.above-item span.title {
 258		display: block;
 259		float: left;
 260	}
 261
 262	h3.above-item span.arrow {
 263		background: #ccc url(/lib/images/h3-close.png) no-repeat center top;
 264		float: right;
 265		height: 26px;
 266		position: absolute;
 267		right: 0;
 268		text-indent: -9999px;
 269		top: 0;
 270		width: 22px;
 271		display: block;
 272	}
 273
 274h4 {
 275	line-height: 27px;
 276}
 277
 278#sidebar h4 {
 279	float: left;
 280	color: #333;
 281	margin: 0 3px 0 0;
 282	line-height: 18px
 283}
 284
 285a,
 286a:focus {
 287	color: #32394b;
 288	text-decoration: underline;
 289}
 290
 291.admin-chapeau {
 292	margin: 0;
 293	font-family: Georgia;
 294	font-style: italic;
 295	color: #999;
 296}
 297
 298.notification {
 299	padding: 6px;
 300}
 301
 302
 303/* Header
 304---------------------------------------------------------- */
 305
 306#header {
 307	position: relative;
 308}
 309
 310#header h1 {
 311	margin: 10px 0 27px 0
 312}
 313
 314	#header h1 span a {
 315		font-family: "Lucida Grande", Helvetica, sans-serif;
 316		font-size: 11px;
 317		color: #eee;
 318		text-decoration: none;
 319	}
 320	
 321	#header h1 span a:hover {
 322		text-decoration: underline;
 323	}
 324
 325#header .right {
 326    position: absolute;
 327    right: 49px;
 328    top: 20px;
 329}
 330
 331#header .right .headeritem select {
 332    background-color: #6b6f7b;
 333    color: white;
 334    border-color: #060606;
 335    margin: 1px;
 336}
 337
 338#header .right .headeritem {
 339    float: left;
 340    margin-left: 10px;
 341}
 342
 343/* navigation
 344---------------------------------------------------------- */
 345
 346#navigation {
 347	background: #f9f9f9;
 348	border: 1px solid #bbb;
 349	padding: 0;
 350	-moz-border-radius: 3px;
 351	-webkit-border-radius: 3px;
 352	margin: 0 0 18px 0;
 353}
 354
 355	#navigation li a {
 356		height: 27px;
 357		line-height: 27px;
 358		padding: 0 0 0 9px;
 359		border-bottom: 1px solid #ddd;
 360		float: none;
 361		display: block;
 362		text-decoration: none;
 363		font-weight: bold;
 364		font-size: 11px;
 365		color: #666;
 366	}
 367	
 368		#navigation li:last-child a {
 369			border: none;
 370		}
 371		
 372		#navigation li:first-child a.current {
 373			-moz-border-radius-topleft: 3px;
 374			-moz-border-radius-topright: 3px;
 375			-webkit-border-top-left-radius: 3px;
 376			-webkit-border-top-right-radius: 3px;
 377		}
 378	
 379	#navigation li.right a {
 380		border-left: 1px solid #ddd;
 381		border-right: none;
 382	}
 383	
 384	#navigation li a:hover,
 385	#navigation li a.current {
 386		color: #000;
 387		background: #F1F1F1;
 388	}
 389
 390
 391/* Search
 392---------------------------------------------------------- */	
 393
 394	#header .right .search-wrapper {
 395		height: 22px;
 396		width: 173px;
 397		background: transparent url(../images/admin_search.png) no-repeat;
 398	}
 399
 400	#header .search-wrapper input,
 401	#header .search-wrapper input:focus,
 402	#header .search-wrapper input:active {
 403		background: none;
 404		border: none;
 405		color: #fff;
 406		height: 16px;
 407		line-height: 1;
 408		margin: 4px 0 0 31px;
 409		padding: 0;
 410		width: 133px;
 411		outline: 0;
 412	}
 413
 414
 415/* forms
 416---------------------------------------------------------- */
 417
 418fieldset {
 419	margin: 0;
 420	padding: 0;
 421	border: none;
 422}
 423
 424	fieldset legend {
 425		display: none;
 426	}
 427
 428	fieldset.translation {
 429		border-top: 1px solid #aaa;
 430	}
 431	
 432		fieldset.translation legend {
 433			display: block;
 434			padding: 0px 8px 4px 0px;
 435		}
 436
 437button, 
 438a.button {
 439	-moz-border-radius: 5px;
 440	-webkit-border-radius: 5px;
 441	text-transform: lowercase;
 442}
 443
 444	button.save {
 445		font-weight: bold;
 446		color: #000;
 447		border-color: #000;
 448	}
 449
 450.form-item button {
 451	margin: 0 3px 0 0;
 452}
 453
 454button.disabled {
 455	color: #999;
 456	border: 1px solid #aaa;
 457	cursor: default;
 458}
 459
 460#quick-search input {
 461	margin: 0 3px 0 0;
 462}
 463	#quick-search button,
 464	#quick-search fieldset {
 465		margin: 0;
 466	}
 467
 468.admin-form fieldset:last-child {
 469	margin: 0 0 9px 0;
 470}
 471
 472.admin-form legend { 
 473	color: #000;
 474	font-size: 12px;
 475	line-height: 18px;
 476	padding: 0;
 477	font-weight: bold;
 478	margin: 0 0 9px 0;
 479}
 480
 481.admin-form label { 
 482	float: none; 
 483	width: auto; 
 484	display: block; 
 485	margin: 0; 
 486	text-align: left;  
 487	cursor: pointer;
 488	color: #333; 
 489	font-weight: normal;
 490}
 491
 492.admin-form label.left {
 493	float: left;
 494	margin: 0 6px 0 0;
 495}
 496
 497	.admin-form label.left input {
 498		margin: 3px 0 0 0;
 499	}
 500
 501.admin-form textarea,
 502.admin-form input[type="text"] { 
 503	padding: 3px 3px 2px;
 504	border: solid #ccc;
 505	border-width: 1px;
 506	-moz-border-radius: 4px;
 507	-webkit-border-radius: 4px;
 508	font-size: 12px;
 509	color: #666;
 510	width: 603px;
 511	padding: 5px;
 512	font-family: "Lucida Grande", Helvetica, sans-serif;
 513}
 514
 515#sidebar input[type="text"] { 
 516    width: 278px;
 517}
 518
 519.admin-form textarea.seo-desc {
 520	height: auto;
 521}
 522
 523.admin-form textarea.intro {
 524	height: auto;
 525}
 526
 527.admin-form textarea.body {
 528	height: 300px;
 529}
 530
 531.admin-form textarea:focus,
 532.admin-form input[type="text"]:focus { 
 533	background: #f9f9f9;
 534	border: solid #888;
 535	border-width: 1px;
 536}
 537
 538#sort-publish button {
 539	margin: 0 3px 0 0;
 540}
 541
 542.admin-form .path-unique-name-wrapper input {
 543	width: 294px;
 544}
 545
 546	.admin-form .path-unique-name-wrapper input#field-page-path {
 547		width: 288px;
 548	}
 549
 550input[type="checkbox"], 
 551input[type="radio"],
 552.dialog input[type="checkbox"],
 553.dialog input[type="radio"] {
 554	width: auto;
 555}
 556
 557.admin-form .date-item {
 558	display: block;
 559	float: left;
 560}
 561
 562
 563/* Edit page Media
 564---------------------------------------------------------- */
 565
 566.choose-media-wrapper {
 567	height: 110px;
 568	overflow-y: auto;
 569}
 570
 571.edit_media {
 572	margin: 0 6px 0 0;
 573}
 574
 575.edit_media img {
 576	border: 4px solid #ccc;
 577	-moz-border-radius: 3px;
 578	-webkit-border-radius: 3px;
 579	margin: 0 6px 6px 0;
 580}
 581
 582.media-list li img {
 583	margin: 6px 6px 6px 0;
 584	border: 1px solid #ccc;
 585}
 586
 587.list-referrers {
 588	margin: 0 0 9px 0;
 589}
 590
 591ul.media-sorter li {
 592	width: 187px;
 593	float: left;
 594	margin: 0 18px 9px 0;
 595	position: relative;
 596	cursor: move;
 597}
 598
 599	ul.media-sorter li img {
 600		float: none;
 601	}
 602	
 603	ul.media-sorter li .rsc-edge {
 604		margin: 3px 0 0 3px;
 605	}
 606	
 607	ul.media-sorter li .media-unlink-wrapper {
 608		position: absolute;
 609		bottom: 15px;
 610		left: 4px;
 611		background: #666;
 612		width: 187px;
 613		height: 28px;
 614		opacity: .95;
 615		border-top: 1px solid #555;
 616	}
 617
 618
 619/* Modules - Autocompleter
 620---------------------------------------------------------- */
 621
 622.autocomplete-wrapper {
 623	position: relative;
 624}
 625
 626.suggestions-list {
 627	background: #888;
 628	width: 310px;
 629	-moz-border-radius-bottomleft: 5px;
 630	-moz-border-radius-bottomright: 5px;
 631	-webkit-border-bottom-left-radius: 5px;
 632	-webkit-border-bottom-right-radius: 5px;
 633	filter: alpha(opacity=95);
 634	-moz-opacity: .95;
 635	opacity: .95;
 636	z-index: 999999;
 637}
 638
 639	.suggestions-list li.suggestions-result a {
 640		display: block;
 641		text-decoration: none;
 642		color: #eee;
 643		padding: 4px 4px 10px;
 644	}
 645
 646	    .suggestions-list li.suggestions-result a span {
 647            color: #ccc;
 648        }
 649	
 650		.suggestions-list li.suggestions-result a:hover span,
 651		.suggestions-list li.suggestions-result a:hover {
 652			background: #eee;
 653			color: #444;
 654		}
 655	
 656	.suggestions-list li.suggestions-result:last-child a {
 657		-moz-border-radius-bottomleft: 5px;
 658		-moz-border-radius-bottomright: 5px;
 659		-webkit-border-bottom-left-radius: 5px;
 660		-webkit-border-bottom-right-radius: 5px;
 661	}
 662
 663
 664/* Modules - Unlinker
 665---------------------------------------------------------- */
 666
 667span.add-connection {
 668	float: right;
 669}
 670
 671.unlink-wrapper {
 672	margin: 0 0 9px 0;
 673}
 674
 675.rsc-edge {
 676	line-height: 11px;
 677	margin: 0 6px 6px 0;
 678	float: left;
 679	-moz-border-radius: 5px;
 680	-webkit-border-radius: 5px;
 681	padding: 4px 6px 4px 4px;
 682	text-transform: lowercase;
 683	border: 1px solid;
 684	border-color: #999999 #858585 #666666;
 685	background: #ccc url(/lib/images/button.png) repeat-x left top;
 686	
 687}
 688
 689	.rsc-edge-hover {
 690		border-color: #db474c;
 691	}
 692
 693	.rsc-edge a {
 694		text-decoration: none;
 695	}
 696
 697.unlink-item {
 698	float: left;
 699	display: block;
 700}
 701
 702.unlink-cross {
 703	background: transparent url(/lib/images/crosses.png) no-repeat left bottom;
 704	height: 11px;
 705	width: 11px;
 706	display: block;
 707	float: left;
 708	margin: 0 3px 0 0;
 709	cursor: pointer;
 710}
 711
 712	.unlink-cross:hover {
 713		background: transparent url(/lib/images/crosses.png) no-repeat left top;
 714	}
 715	
 716.unlink-mover {
 717	background: transparent url(/lib/images/move.png) no-repeat left top;
 718	height: 12px;
 719	width: 12px;
 720	display: block;
 721	float: left;
 722	margin: 0 3px 0 0;
 723	cursor: move;
 724}
 725
 726.link-add {
 727	color: #666;
 728}
 729
 730#unlink-message {
 731	height: 60px;
 732}
 733
 734
 735/* Modules - Tooltip
 736---------------------------------------------------------- */
 737
 738.tooltip {
 739	position: absolute;
 740	display: none;
 741	background: #333;
 742	opacity: .90;
 743	color: #f7f7f7;
 744	padding: 3px 5px;
 745	-moz-border-radius: 3px;
 746	-webkit-border-radius: 3px;
 747	font-size: 11px;
 748	margin: 0;
 749	min-height: 14px;
 750	text-align: left;
 751}
 752
 753
 754/* Modules - Sortable
 755---------------------------------------------------------- */
 756
 757.media-sorter .ui-sortable-placeholder,
 758.edge-sidebar-sorter .ui-sortable-placeholder {
 759	background: #eee;
 760	display: block;
 761	border: 1px dashed #888;
 762	visibility: visible !important;
 763	height: 200px;
 764	padding: 0;
 765	margin: 6px 16px 18px 0;
 766}
 767
 768	.edge-sidebar-sorter .ui-sortable-placeholder {
 769		height: 20px !important;
 770		margin: 0 6px 6px 0;
 771		padding: 0 5px;
 772	}
 773
 774/* Modules - image viewer
 775---------------------------------------------------------- */
 776
 777.image-magnifier {
 778	background: #f2f2f2 url(/lib/images/mf.gif) 50% 50% no-repeat;
 779	font-size: 12px;
 780	padding: 0;
 781	position: absolute;
 782	z-index: 2;
 783	bottom: 0;
 784	display: none;
 785	height: 20px;
 786	cursor: pointer;
 787	width: 20px;
 788	filter: alpha(opacity=75);
 789	-moz-opacity: .75;
 790	opacity: .75;
 791}
 792
 793.popup-overlay {
 794	position: absolute;
 795	right: 0;
 796	top: 0;
 797	width: 100%;
 798	background: #eee;
 799}
 800
 801.loaded-bigImage {
 802	border: 3px solid #ccc;
 803}
 804
 805
 806/* modules - navigation builder
 807---------------------------------------------------------- */
 808
 809ul.navigation-manager {
 810	padding: 8px 6px;
 811}
 812
 813ul.navigation-manager li {
 814	padding: 0;
 815}
 816
 817ul.navigation-manager li a {
 818	padding: 1px 0 0;
 819	border: 1px solid #e0e0e0;
 820	background: #fff;
 821	display: block;
 822}
 823
 824	ul.navigation-manager li .grippy img {
 825		position: absolute;
 826		top: 4px;
 827		left: 6px;
 828	}
 829
 830	ul.navigation-manager li#top {
 831		padding: 1px 0 0 7px;
 832		border: 1px dotted #ccc;
 833		margin: 0 0 3px 0;
 834	}
 835
 836		ul.navigation-manager li ul li {
 837			border: none;
 838		}
 839
 840.search-nav-items input.autocompleter {
 841	width: 279px;
 842}
 843
 844ul ul {
 845	margin: 0 0 0 20px;
 846}
 847
 848/* Modules - catagory sorter
 849---------------------------------------------------------- */
 850
 851li.hover, li.hover a {
 852	background: #0c8db2 !important;
 853	color: #fff !important;
 854	border-color: #fff;
 855}
 856
 857.short-list .line {
 858	height: 15px;
 859	border: 1px dotted #ccc !important;
 860	background: none;
 861	margin: 6px 0;
 862}
 863
 864ul.categories {
 865	padding: 8px 6px 0;
 866}
 867
 868ul.categories li {
 869	margin: 0;
 870	padding: 0;
 871	border: none;
 872}
 873
 874ul.categories li.active {
 875	background: #f1f1f1;	
 876}
 877
 878	ul.categories li.ui-draggable {
 879		width: auto;
 880		display: block;
 881	}
 882
 883ul.categories li a {
 884	padding: 1px 0 0 15px;
 885	border: 1px solid #e0e0e0;
 886	background: #fff;
 887	cursor: pointer;
 888}
 889
 890#category-sorter .ui-draggable-dragging,
 891.navigation-manager .ui-draggable-dragging {
 892	width: 339px !important;
 893}
 894
 895.grippy {
 896	width: 18px;
 897	height: 29px;
 898	position: relative;
 899	cursor: move;
 900}
 901
 902	.grippy img {
 903		position: absolute;
 904		top: 4px;
 905		left: 6px;
 906	}
 907
 908.short-list li.depth-1 { margin-left: 0; }
 909.short-list li.depth-2 { margin-left: 30px; }
 910.short-list li.depth-3 { margin-left: 60px; }
 911.short-list li.depth-4 { margin-left: 90px; }
 912.short-list li.depth-5 { margin-left: 120px; }
 913.short-list li.depth-7 { margin-left: 150px; }
 914.short-list li.depth-8 { margin-left: 180px; }
 915.short-list li.depth-9 { margin-left: 210px; }
 916.short-list li.depth-10 { margin-left: 240px; }
 917.short-list li.depth-11 { margin-left: 270px; }
 918
 919
 920/* tinyMce stuff
 921--------------------------------------------------------- */
 922
 923.mceToolbar td a span.mce_zmore {
 924	background: url(/lib/images/toolbars.gif) !important;
 925}
 926
 927.z-tinymce-media-left {
 928	float: left;
 929	margin: 4px 6px 0 0;
 930	-moz-border-radius-bottomleft:3px;
 931	-moz-border-radius-bottomright:3px;
 932	-moz-border-radius-topleft:3px;
 933	-moz-border-radius-topright:3px;
 934	border: 4px solid #CCCCCC;
 935}
 936
 937.dialog .z-tinymce-media-options label {
 938	float: none;
 939	width: auto;
 940}
 941
 942	.z-tinymce-media-options p {
 943		margin: 0;
 944	}
 945
 946.wp_themeSkin .mceStatusbar div {
 947    width: 600px;
 948    overflow: hidden;
 949}
 950
 951
 952/* ajax interaction 
 953-------------------------------------------------------------- */
 954body.wait {
 955    cursor: wait;
 956}
 957body.wait button {
 958    cursor: wait;
 959}
 960
 961
 962/* maps
 963-------------------------------------------------------------- */
 964
 965.map-wrapper {
 966	height: 300px;
 967	width: 610px;
 968	border: 3px solid #ddd;
 969	margin: 0 0 9px 0;
 970	-moz-border-radius: 6px;
 971	-webkit-border-radius: 6px;
 972}
 973
 974
 975/* tabs
 976-------------------------------------------------------------- */
 977
 978.ui-tabs-nav {
 979	overflow: hidden;
 980	background-color: none;
 981	margin-top: 4px;
 982}
 983
 984	.ui-tabs-nav li {
 985		float: left;
 986		margin-right: 8px;
 987		padding: 4px;
 988		border: 1px solid #bbb;
 989		background-color: #f1f1f1;
 990		border-bottom: none;
 991		border-top-left-radius: 6px;
 992		border-top-right-radius: 6px;
 993		-moz-border-top-left-radius: 6px;
 994		-moz-border-top-right-radius: 6px;
 995		-webkit-border-top-left-radius: 6px;
 996		-webkit-border-top-right-radius: 6px;
 997	}
 998	
 999	.ui-tabs-nav li a {
1000		text-decoration: none;
1001	}
1002
1003	.ui-tabs-nav .ui-state-hover {
1004		border-color: #999;
1005		background-color: #e4e4e4;
1006	}
1007	
1008	.ui-tabs-nav .ui-tabs-selected {
1009		font-weight: bold;
1010		border-color: #999;
1011		background-color: #e4e4e4;
1012	}
1013
1014.ui-tabs-hide {
1015	display: none;
1016}
1017
1018
1019
1020div.translations table.mceLayout {
1021	border-top: solid 1px #bbb;
1022	border-top-left-radius: 0px;
1023	border-top-right-radius: 0px;
1024	-moz-border-top-left-radius: 0px;
1025	-moz-border-top-right-radius: 0px;
1026	-webkit-border-top-left-radius: 0px;
1027	-webkit-border-top-right-radius: 0px;
1028}