/*
** HTML elements
*/

body {
    background:  url("http://cdn.kde.org/img/bg.png") repeat;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
}


/*
** HTML Tags
*/

h1, h2, h3, h4
{
    padding: 0;
    color: #f7800a;
    background: transparent;
}
h1 {
    margin: 0 0 0.3em 0;
    font-size: 1.7em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.2em;
}

a:link {
    text-decoration: none;
    color: #0057ae;
}

a:visited {
    color: #644A9B;
}


a:hover {
    text-decoration: underline;
}

hr {
    margin: 0.3em 1em 0.3em 1em;
    height: 1px;
    border: #bcbcbc dashed;
    border-width: 0 0 1px 0;
}

pre {
    display: block;
    margin: 0.3em;
    padding: 0.3em;
    font-size: 1em;
    color: #000000;
    background: #f9f9f9;
    border: #2f6fab dashed;
    border-width: 1px;
    overflow: auto;
    line-height: 1.1em;
}

input, textarea, select {
    margin: 0.2em;
    padding: 0.1em;
    color: #888888;
    background: #ffffff;
    border: 1px solid;
}

blockquote {
    margin: 0.3em;
    padding-left: 2.5em;
    background: transparent;
}

del {
    color: #800000;
    text-decoration: line-through;
}

dt {
    font-weight: bold;
    font-size: 1.05em;
    color: #0057ae;
}

dd {
    margin-left: 1em;
}

p {
    margin-top: 0.5em;
    margin-bottom: 0.9em;
    text-align: justify;
}
fieldset {
    border: #cccccc 1px solid;
}

li {
    text-align: left;
}

fieldset {
    margin-bottom: 1em;
    padding: .5em;
}

form {
    margin: 0;
    padding: 0;
}

hr {
    height: 1px;
    border: #888888 1px solid;
    background: #888888;
    margin: 0.5em 0 0.5em 0 ;
}

img {
    border: 0;
}
table {
    border-collapse: collapse;
    font-size: 1em;
}
th {
    text-align: left;
    padding-right: 1em;
    border: #cccccc solid;
    border-width: 0 0 3px 0;
}


/*
** Header
*/
#header {
    width: 100%;
    color: #535353;
}

#header_top {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    vertical-align: middle;
    color: #ffffff;
    background-color: #0057ae;
}

#header_top div {
    margin: 0 auto;
    padding: 0;
}

#header_top div div {
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    font-size: 1.7em;
    font-weight: bold;
}

#header_top div div img {
    margin:8px 0px 9px 18px;
    vertical-align: middle;
}

#header_bottom {
    margin: 0 auto;
    padding: 0.1em 0em 0.3em 0;
    width: 95%;
    vertical-align: middle;
    text-align: right;
}

#location {
    padding: 0 0 0 1.5em;
    text-align: left;
    font-size: 1.1em;
    float: left;
}

#location ul {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

#location ul li {
    display: inline;
    white-space : nowrap;
    margin: 0;
    padding: 0 1em 0 0;
}

#menu {
    margin: 0 1.5em 0 0;
    text-align: right;
    line-height: normal;
    font-size: 1.1em;
    font-weight: bold;
}

#menu ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#menu ul li {
    display: inline;
    white-space : nowrap;
    margin: 0;
    padding: 0 0 0 1em;
    text-align: right;
}

.here a:link, .here a:visited {
    text-decoration:underline;
}

.here ul a:link, .here ul a:visited {
    text-decoration:none;
}

#menu ul li a {
    font-weight: bold;
}


/*
** Content
*/

#content {
    width: 100%;
}

#main {
    /* padding in px not ex because IE messes up 100% width tables otherwise */
    padding: 10px;
    text-align: left;
}

#body_wrapper {
    margin: 0 auto;
    width: 95%;
}

#right {
    float: right;
    width: 73%;
}

/* These are date cells on the front page. */
td.cell_date {
    width: 8em;
    min-width: 8em;
}

#hotspot, .sideimage {
    float: right;
    margin: 1ex 1em;
    clear: right;
}

.belowimage, h1, h2, h3, h4, h5 {
    clear: right;
}


/*
** Left Menu
*/

#left {
    float: left;
    margin: 0;
    padding: 0;
    width: 25%;
}

.menu_box {
    padding: 0.7em 0 0 0;
}

.menu_box li {
    list-style-type: none;
    margin-left: -1.5em;
}

.menu_box ul ul {
    padding-left: 0;
}

.menu_box li li {
    margin-left: 1em;
}

.menutitle {
    margin: 0.6em 0 1.2em 0;
    padding:0;
    color: #ffffff;
    background-color: #0057ae;
}

.menutitle div h2 {
    margin: 0;
    padding: 0.2em 0 0.3em 1.3em;
    line-height:1.2em;
    font-size: 120%;
    font-weight: normal;
    color: #ffffff;
}

.clearer {
    clear: both;
    height: 1px;
}


/*
** Footer
*/
#footer {
    color: #eeeeee;
    background: #0057ae;
    width: 100%;
    margin:auto;
    margin-top: 20px;
}

#footer_text {
    margin: 0 auto;
    padding: 1em 0 1em 3.5em;
    width: 51.5em;
}

#footer a:link, #footer a:visited {
    color: #fff;
    font-weight: bold;
}

#quicklinks {
    font-size: 1em;
    padding: 1em;
    text-align: center;
    margin-top: 0.5em;
    margin-left: 0.2em;
    margin-bottom: 0.5em;
    margin-right: 0.2em;
}

.content .contents {
	text-align: left;
}

/*
** Credits
*/
table.credit tr {
vertical-align:top;
}

table.credit td {
border-bottom: 1px solid #cccccc;
}

th[data-sorted-direction="ascending"]:after {
content: "▼";
}

th[data-sorted-direction="descending"]:after {
content: "▲";
}

img.flag {
	width:				18px;
	height:				12px;
	background:			transparent url("../img/flags/blank.png") no-repeat 0px 2px;
}

.odd {
	vertical-align:		top;
	background-color: 	#fff;
}

.even {
	vertical-align:		top;
	background-color: 	#D6DEFF;
}

.page,.selectedPage {
	background-color:	#418ADE;
	color:				#fff;
	font-weight:		normal;
	margin-right:		5px;
	margin-left:		5px;
	border:				1px solid #fff;
	padding:			3px;
	padding-left:		5px;
	padding-right:		5px;
	font-size:			small;
	text-decoration:	none;
}

.selectedPage {
	color:				#000;
}

.pageNavigator a, .pageNavigator a:hover {
	text-decoration:	none;
}
.pageNavigator {
	background-color:	#E6F0F9;
	padding:			0.5em;
	border:				1px dotted #418ADE;
	margin-top:			20px;
	margin-bottom:		20px;
}

.pageNavigator img {
	vertical-align:			middle;
}

dt strong a {
	color:				#E6F0F9;
}

#l10n-stats-documentation li, #l10n-stats-documentation dt {
	margin-top:			7px;
	margin-bottom:		7px;
}

a img {
	border:				0;
	text-decoration:	none;
	vertical-align:		middle;
	margin-right:		2px;
}


div.info {
	background-color: 	#E6F0F9;
	padding: 			0.5em;
	border: 			1px dotted #418ADE;
	text-align:			center;
	margin-top:			1em;
	margin-left:		auto;
	margin-right:		auto;
	font-weight:		normal;
}

div.error {
	background-color: 	#FFAC53;
	padding: 			0.5em;
	border: 			1px dotted #C2150F;
	color:				#fff;
	text-align:			center;
	margin-top:			1em;
	font-weight:		normal;
}

.info img, .error img {
	vertical-align:		middle;
	margin-right:		10px;
}

/* Used for admin pages */
.form td span {
	font-size:			small;
	font-style:			italic;
	display:			block;
}

.form tfoot th {
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
}

table.form th {
	border-bottom:		0;	
}

input {
	width:	auto;
}

textarea {
	width:	auto;
}

/* Table of datas */
.datalist {
	width:					100%;
}

.datalist th {
	background-color: 	#418ADE;
	color:				#fff;
	text-align:			center;
}

.datalist td.action {
	text-align:			right;
	width:				90px;
	/*font-size:			small;*/
}


#teamSelector {
	margin-left: 		auto;
	margin-right: 		auto;
	width: 				50%;
	margin-bottom:		0.5em;
}

#teamSelector img {
	vertical-align:		middle;
}

/*
 * Teams pages
 */

.infoteam img {
	margin-right:	4px;
	vertical-align:	middle;
}

.infoteam hr {
	background-color:	#418ADE;
	height:				2px;
	border:				0;
}

.infoteam .action {
	background-color: #E6F0F9;
	padding: 1em;
	border: 1px dotted #418ADE;
	margin-left:		auto; 
	margin-right:		auto; 
	width:				500px;
	text-align:			left;
	font-size:			14px;

}

.infoteam .action td {
	padding:			0.5em;
	width:				220px;
}

.infoteam .action td {
	border-right: 1px dotted #418ADE;
}

.infoteam li {
	margin-left:	5px;
}

.infoteam #screenshots {
	margin-left:	auto;
	margin-right:	auto;
}

.infoteam #screenshots td {
	padding-left:		20px;
	padding-right:		20px;
	vertical-align:	bottom;
}

.screenshot {
	border:				1px solid #aaa;
	padding:			2px;
}

#changeteam img, #indexSelectTeam img {
	margin-right:	4px;
	vertical-align:	middle;
}

#changeteam {
	background-color: #E6F0F9;
	font-size: 1em;
	padding: 0.5em;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	border: 1px dotted #418ADE;
	
}

#indexSelectTeam {
	padding: 0.5em;
	margin-top: 0.5em;
	border: 1px dotted #418ADE;
	background-color: #E6F0F9;
}

#teamlist {
	border: 1px dotted #418ADE;
	padding:	1px;
}

#teamlist td {
	vertical-align:		middle;
}

#teamlist .teamname {
	padding-top:		3px;
	padding-bottom:		3px;
}

#teamlist .teamname a {
	font-size:			1.2em;
	margin-left:		20px;
}

#download-translations {
	padding:			1px;
	width:				100%;
}

#download-translations img {
	vertical-align:		middle;
}

#download-translations td {
	border-top:			1px solid #ddd;
	border-right:		1px solid #ddd;
	border-left:		1px solid #ddd;
	vertical-align:		middle;
}

#download-translations th {
	border-top:			1px solid #ddd;
	border-right:		1px solid #ddd;
	border-left:		1px solid #ddd;
	background-color: 	#3477BF;
	color:				#fff;
	text-align:			center;

}

/* General style */
.stats {
	margin-left:			auto;
	margin-right:			auto;
	padding:				0px;
	background-color:		#ffffff;
	border-collapse:		collapse;
}

/* Header style */
.stats thead th {
	text-align:			center;
	font-size:			x-small;
	background-color: 	#3477BF;
	color:				#fff;
	border-left:		1px solid #ccc;
	padding:			3px 1px 3px 1px;
	white-space:		nowrap;
}


.stats tbody td.translated {
	color:					#328F31;
}
.stats tbody td.fuzzy {
	color:					#3B79CB;
}

.stats tbody td.untranslated {
	color:					#C42121;
}

.stats tbody td.untranslated.alt, .stats tbody td.fuzzy.alt, .stats tbody td.translated.alt {
	font-style:				italic;
	border-right:			1px solid #777;
}

/* alternating constant colors */
.table_striped tbody tr:nth-child(even) {
	background-color: #D6DEFF
}

.table_striped tbody tr:nth-child(odd) {
	background-color: #fff;
}


/* Body style */
.stats tbody td {
	border:					1px solid #ccc;
	width:					35px;
	font-size:				small;
	text-align:				right;
	white-space:			nowrap;
}


/* Kind of columns */

/* Alternative (% in fact) column */
.stats td.alt { 
	background-color: 		#D6DEFF;
}

/* Name */
.stats td.name { 
	background-color: 		#D6DEFF;
	text-align:				left;
	padding:				2px;
	border-right:			1px solid #777;
}

/* Graph */
.stats td.graph {
	background-color: 		#fff;
}
/* Image */
.stats td.image {
	width:				35px;
}

.stats td.total {
	font-weight:		bold;
}

/* Type of row */
.stats tr.obsolete {
	background-color:		#e0f0ff;
}

.stats tr.obsolete td.alt, .stats .obsolete td.name, .stats .obsolete td.graph { 
	background-color:		#d0e0f0;
}


.stats .invalid {
	background-color:		#ffd8d0;
}

.stats .invalid td.alt, .stats .invalid td.name, .stats .invalid td.graph { 
	background-color:		#ffc8c0;
}

.stats .sum, .stats .sum .alt, .stats .sum .graph, .stats .sum .name {
	background-color: 		#3477BF;
	color:					#ddd;
}

/*
 * Style for Top 10 List
 */
#topList td.rank {
	text-align:				center;
}

#topList .toplist {
	background-color:		#ffff92;
}

#topList .toplist td.alt, #topList .toplist td.name, #topList .toplist td.graph { 
	background-color:		#e7e784;
}

#topList .toplist td.rank {
	font-weight:			bold;
	color:					#E47429;
}

/*
 * Style of the Full Info table
 */
#fullInformation td.team {
	text-align:				left;
	padding:				2px;
}

#fullInformation td.error {
	background-color:		#ffd8d0;
}


#fullInformation td.finished {
	font-weight:		bold;
}


/*
 * Style of the Essential table
 */
#essential table {
	margin-left:			auto;
	margin-right:			auto;
	padding:				0px;
	border:					none;
	background-color:		#ffffff;
	border-collapse:		collapse;
	width:					100%;
}

#essential table thead th {
	text-align:			center;
	font-size:			x-small;
	background-color: 	#3477BF;
	color:				#fff;
	font-weight:		normal;
}

#essential table tbody td {
	width:					35px;
	font-size:				small;
	text-align:				right;
	white-space:			nowrap;
	padding:				2px;
}

#essential table tbody td.team {
	text-align:				left;
}

#essential table tbody th.finished {
	color:					#229922;
	font-weight:			bold;
	text-align:				right;
}

#essential table tbody th {
	color:					#E67300;
	font-weight:			bold;
	text-align:				right;
}

#essential table tbody td.finished {
	color:					#229922;
}

/*
 * Style of the General Information Page
 */
#generalinfo {
	padding: 			1px;
	padding-bottom: 	15px;
	margin-bottom:		1px;
	width:				100%;
	background-color: 	#E6F0F9;
	border: 			1px dotted #418ADE;
}

#generalinfo h3 {
	margin-left:		10px;
}

#generalinfo #totals {
	margin-left:		30px;
}

#generalinfo #extendedinfo {
	margin-left:		30px;
}

#generalinfo #errors {
	margin-left:		30px;
}

#generalinfo #sqlinformation {
	margin-left:		30px;
}

#generalinfo .sqltable {
	font-variant:		small-caps;
}

/*
 * General classes and identifier
 */
#emptycell {
	border:					none;
	background-color:		transparent;
}

#update {
	margin-top:				5px;
	margin-bottom:			15px;
	margin-left:			auto;
	margin-right:			auto;
	text-align:				center;
	font-size:				0.8em;
	color:					#aaa;
}

#update a, #update a:visited {
	color:					#aaa;
}

#history {
	margin-left:			auto;
	margin-right:			auto;
	font-size:				small;
	text-align:				center;
}

#thresholds {
	margin-bottom:			10px;
}

#header {
	text-align:		center;
}

#footer {
	text-align:		center;
}

#quicklinks {
	text-align:		center;
}

/**
 * Partial Statistics
 */
#partial table {
	margin-left:	0px;
	width:			500px;
}

#partial table td {
	padding:		2px;
}

#partial table td.team {
	text-align:				left;
}

#partialPackageStatistics h4 a:link {
	color:			#F7800A;		
	font-weight:	normal;
}


/**
 * Partial par package statistics
 */
#partialPackageStatistics table {
	margin-left:	0px;
	width:			500px;
}

#partialPackageStatistics table td.name {
	text-align:				left;
	background-color: 		transparent;
}

/**
 * Index by PO files
 */
tbody td.poPackage {
	padding:				2px 0px 2px 20px;
	font-size:				1.4em;
	font-weight:			bold;
	text-align:				left;
	font-variant:			small-caps;
	background-color:		#3477BF;
	color:					#fff;
	border-top:				1px solid #eee;
	border-bottom:			1px solid #eee;
}

/**
 * Statistics Menu
 */
 
.modeStats {
	font-size:			1.1em;
	font-weight:		bold;
}
 
.menuStats {
	margin-left:		4px;
}

.menuStats img {
	vertical-align:		middle;
	margin-right:		3px;
}

.selectedStats {
	margin-left:		30px;
	font-size:			0.9em;
	font-style:			italic;
}


/*
 * Translations Search Engine
 */
#translationsSearch .message {
	margin-bottom:			10px;
	border:					1px solid #eee;
	width:					700px;
	padding:				2px;
}

#translationsSearch .line {
	padding:				5px 5px 5px 5px;
	background-color:		#D6DEFF;
	border:					1px solid #BBD7F6;
}

#translationsSearch .originalMessage {
	padding:				5px 5px 5px 5px;
	background-color:		#eee;
	border:					1px solid #BBD7F6;
}


#translationsSearch .line a {
	font-weight:			bold;
}

#translationsSearch .message table th {
	border-bottom:			none;
	vertical-align:			top;
	padding-top:			3px;
	padding-bottom:			3px;
	white-space:			nowrap;
	font-weight:			normal;
	padding-left:			4px;
	color:					#aaa;
}

#translationsSearch .message table a img {
	vertical-align:		middle;
}

#translationsSearch .message .location {
	margin-top:				6px;
	margin-left:			2px;
	margin-right:			2px;
	font-style:				italic;
	font-size:				10px;
	text-align:				right;
	
}

#totalFound span {
	float:					right;
}

#totalFound {
	border-bottom:			1px solid #aaa;
	font-weight:			bold;
	margin-top:				10px;
	margin-bottom:			15px;
}

#availablePages {
	border-top:				1px solid #aaa;
	padding-top:			5px;
	margin-top:				20px;
	margin-left:			auto;
	margin-right:			auto;
	text-align:				center;
}

#availablePages strong, #availablePages a {
	margin-right:			3px;
	margin-left:			3px;
}

.message .original {
	padding-top:			5px;
	padding-bottom:			4px;
	padding-left:			5px;
}

.message .original strong {
	border-bottom:			none;
	vertical-align:			top;
	white-space:			nowrap;
	font-weight:			normal;
	color:					#aaa;
}

.message .compareAction a {
	margin-top:				2px;
	font-weight:			bold;
	float:					right;
	padding:				2px;
	border:					1px solid #aaa;
}


div.autocomplete {
      position:absolute;
      width:450px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
div.autocomplete ul li.selected { 
	background-color: #ffb;
}
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
}

.checkApplication {
	font-size:			16px;
	font-weight:		bold;
	list-style-type:	none;
	background:			transparent url("../img/check-application.png") no-repeat 0px 2px;
	padding-left:		20px;
}

.checkDocumentation {
	font-size:			16px;
	font-weight:		bold;
	list-style-type:	none;
	background:			transparent url("../img/check-documentation.png") no-repeat 0px 2px;
	padding-left:		20px;
}

td.completeness {
	padding-right: 1em !important;
	color: rgb(230, 115, 0);
	font-weight: bold;
}
