/*
      Copy 
          @import url("../../extensions/Wikidata/WiktionaryZ/tmp/tables.css");
          
      into the appropriate stylesheets like 
          skins/monobook/main.css
          skins/common/common.css
*/

/* Wikidata tables */

div.expand-concept-publications .wiki-data-table, 
div.expand-concept-coAuthors .wiki-data-table, 
div.expand-concept-reciprocalRelations .wiki-data-table, 
div.expand-concept-gotoSources .wiki-data-table {
	border-top: 2px solid #7ED9D4;
	border-bottom: 2px solid #7ED9D4;
}

.wiki-data-table .wiki-data-table {
	border: none;
}

.wiki-data-table td, .wiki-data-table th {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
	border: none;
}

.wiki-data-table th {
	background-color: #f2f8f8;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
}

th.sortable {
	cursor: pointer;
}

th.sortedUp {
	padding-right: 15px;
	background-image: url('../../../skins/common/images/sort_up.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

th.sortedDown {
	padding-right: 15px;
	
	background-image: url('../../../skins/common/images/sort_down.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.wiki-data-table td.column-odd {
	background-color: #F6F6F6;
}

.wiki-data-table td.column-even {
	background-color: #FFFFFF;
}
.boolean {
	text-align: center;
}

.integer {
	text-align: right;
}

.language, .text, .short-text {
	text-align: left;
}

/*.wiki-data-table td.language {
	font-style: italic;
}*/

.wiki-data-table td.text {
	padding-bottom: 4px;
}

.wiki-data-table td {
	vertical-align: top;
}

.wiki-data-table td.remove {
	text-align: center;
	background-color: #EEEEEE;
}

.wiki-data-table th.remove .image {
	background-image: url("../Images/Remove.png");
	background-repeat: no-repeat;
	padding-left: 12px;
	cursor: default;
}

.wiki-data-table td.add .image {
	background-image: url("../Images/Add.png");
	background-repeat: no-repeat;
	padding-left: 12px;
	cursor: default;
}

.wiki-data-table tr.to-be-removed td.column-odd, .wiki-data-table tr.to-be-removed td.remove {
	background: #FFD8C0;
}

.wiki-data-table tr.to-be-removed td.column-even {
	background: #FFE8D0;
}

.wiki-data-table tr.to-be-removed th {
	background: #FFD0B2;
}

.wiki-data-table th.remove, .wiki-data-table th.input-rows {
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
}

.wiki-data-table td .wiki-data-table td textarea, li .wiki-data-table td textarea {
	width: auto;
}

td.add {
	text-align: center;
}

/* Toggle */

.toggle {
	cursor: pointer;
	text-indent: 0px;
	margin: 0px;
	/*color: #000000;
	border-width: 1px;
	border-color: #AAAAAA;
	border-style: dotted;
	padding-left: 0px;
	font-size: 80%;*/
}

/* Attribute list */

ul.collapsable-items {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

.collapsable-items .toggle {
	margin-left: 0px;
	text-indent: 0px;
}

/* Option panel */

.option-panel {
	position: 			relative;
	left:     			0;
	right:    			0;
	margin-bottom: 		5px;
	margin-top: 		5px;
	background-color: 	#F5F5F5;
	background: 		transparent;
	border: 			1px solid #c6e4c0;
	padding:			15px;
}

.option-panel table {
	background-color: #f2f8f8;
	margin-top: 	  4px;
	margin-bottom: 	  1px;	
}

.option-panel th {
	text-align: left;
	white-space: nowrap;
	padding-left: 8px;	
    padding-bottom: 3px;
	color: #666666;
}

.option-panel td {
    padding-left:   10px;
    padding-right:  10px;
    padding-bottom: 3px;
 }

.option-panel td.option-field {
	width: 100%;
}

.option-section-header {
	position: 	  	  relative;
	left:             0;
	right:    	  	  0;
    height:			  28px;
    line-height:      28px;
	color: 		      black;
	font-size: 		  15px;
	font-weight: 	  bold;	
	background-color: transparent;
    padding-left: 	  5px;
}

.collapser {
	cursor: pointer;
}

.option-panel .option-button {
	padding: 5px;
}

.option-panel td .option-button {
	padding: 0;
}

.option-panel-collapsable {
	cursor: pointer;
}

.collapsedItem, .expandedItem {
    padding-left:  20px;
    cursor: pointer;
}

.expandedItem {
	background-image: url("../Images/Expanded.PNG");
	background-repeat: no-repeat;
	background-position: 5px center;
}

.collapsedItem {
	background-image: url("../Images/Collapsed.PNG");
	background-repeat: no-repeat;
	background-position: 5px center;
}

.option-panel p {
	padding: 8px;
}

/* Confirmation panel */

.confirmation-panel {
	position: 			relative;
	left:     			0;
	right:    			0;
	margin-bottom: 		5px;
	margin-top: 		5px;
	background-color: 	#F5F5F5;
	background: 		transparent;
	border: 			1px solid #c6e4c0;
	width:				700px;
	padding:			15px;
}

.confirmation-panel .title {
	position: 	  	  relative;
	left:             0;
	right:    	  	  0;
    padding-left: 	  10px;
    height:			  28px;
    line-height:      28px;
	color: 		      black;
	font-size: 		  15px;
	font-weight: 	  bold;	
	background-color: transparent;
}

.confirmation-panel .information {
	color: 			  #002bb8;
    padding-left: 	  20px;
	margin-top: 	  5px;
	margin-bottom: 	  5px;	
}

.confirmation-panel .confirmation-button {
	margin-top: 	20px;
	margin-bottom: 	5px;	
	margin-left: 	10px;
}

/* Warning panel */

.warning-panel {
	margin: 8px 4px 4px 4px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
	background-image: url("../Images/Warning.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #FFF6C6;
}

.warning-panel .title {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 35px;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;	
}

.warning-panel .message {
	padding-top: 5px;
	margin-left: 35px;	
}

/* Filter panel */

.filterTitle {
	color: #002BB8;
	background-color: #f2f8f8;
}

.filterOptions {
	margin-top: 8px;
}

/* Information panel */

.information-panel {
	position: 			relative;
	left:     			0;
	right:    			0;
	margin-bottom: 		5px;
	margin-top: 		5px;
	background-color: 	#F5F5F5;
	background: 		transparent;
}

