/*
** HTML elements
*/

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.8em;
    font-family: "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
    color: #535353;
    background-color: #000060;
}


/*
** HTML Tags
*/

h1, h2, h3, h4
{
    padding: 0;
    text-align: left;
    font-weight: bold;
    color: #f7800a;
    background-color: #000060;
}
h1 {
    margin: 0 0 0.3em 0;
    font-size: 1.7em;
}
h2, h3, h4 {
    margin: 1.3em 0 0 0.3em
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.2em;
}

a:link {
    padding-bottom: 0;
    text-decoration: none;
    color: #FFAA80;
}

a:visited {
    padding-bottom: 0;
    text-decoration: none;
    color: #FFAA80;
}


a[href]: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-color: #000060;
    border: #2f6fab dashed;
    border-width: 1px;
    overflow: auto;
    line-height: 1.1em;
}

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

blockquote {
    margin: 0.3em;
    padding-left: 2.5em;
    background-color: #000060;
}

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-color: #000060;
    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;
    background-color: #000060;
    border-bottom: #bcbcbc 1px solid;
}

#header_top {
    margin: 0 auto;
    padding: 0;
    width: 60em;
    min-width: 770px;
    max-width: 45em;
    vertical-align: middle;
    color: #ffffff;
    background-color: #000060;
}

#header_top div {
    margin: 0 auto;
    padding: 0;
    background-color: #000060;
}

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

#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: 60em;
    min-width: 770px;
    max-width: 45em;
    vertical-align: middle;
    text-align: right;
    background-color: #000060;
}

#location {
    padding: 0 0 0 1.5em;
    text-align: left;
    line-height: normal;
    font-size: 1.1em;
    font-weight:bold;
    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: 60em;
    min-width: 770px;
    max-width: 45em;
    border: #bcbcbc solid;
    border-width: 0 0 0 1px;
}

#body {
    margin: 0;
    padding: 0;
    width: 60em;
    min-width: 770px;
    max-width: 45em;
}

#right {
    float: right;
    margin: 0;
    padding: 0;
    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 ul {
    text-align: left;
}

.menu_box li {
    list-style-type: none;
    text-align: left;
    margin-left: 0.1em;
}

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

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

.menu_box .active{
    color: #cf4913;
}

.menutitle {
    margin: 0.6em 0 1.2em 0;
    padding:0;
    color: #ffffff;
    background-color: #000060;
}
.menutitle div {
    margin: 0;
    padding:0;
    background-color: #000060;
}
.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;
    background-color: #000060;
}
.menutitle div h2 a {
    color: #ffffff;
}
.clearer {
    clear: both;
    height: 1px;
}


/*
** Footer
*/
#footer {
        width: 100%;
    background-color: #000060;
}

#footer_text {
    margin: 0 auto;
    padding: 1em 0 1em 3.5em;
    width: 51.5em;
    text-align: left;
    color: #000000;
    background-color: #000060;
}

#footer a:link, #footer a:visited {
    color: #FFAA80;
}

#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;
}

/*
 * Accueil
 */
.banner {
	text-align:			center;
}

/*
 * Fix bad image layout
 */
#header_top img {
	margin-right:		0px !important;
}

/*
 * Listes numérotées a., b., c., d.
 * Actuellement utilisées dans le sommaire de la page pology.php
 */
ol.alpha
{
	list-style-type: lower-alpha;
}

/*
 * Page d'aide à la relecture
 */
#aideRelecture li {
	margin-bottom:		10px;
	
}

/*
 * Galerie des contributeurs
 */
.galleryList {
	width:				100%;
}

.galleryList thead th {
	text-align:				center;
	background-color:		#4189DE;
	color:					#FFFFFF;
	font-weight:			bold;
}

.galleryList td, .galleryList th {
	border:					1px solid #aaa;
	padding:				2px;
}

/*
 * Page des contacts
 */
.coordinator {
	margin-left:			40px;
	padding-left:			15px;
	font-size:				1.1em;
	background:			#fff url("../img/li.png") no-repeat 0px 5px;
}

/*
 * Pages d'états des traductions
 */
.packages {
	margin-left:		auto;
	margin-right:		auto;
	padding:			0px;
	background-color:	#ffffff;
	border-collapse:	collapse;
	width:				100%;
	margin-top:			5px;
}

h1 {
	font-size:			1.5em;
}

h2 {
	font-size:			1.4em;
}

h3 {
	margin-left:		0px;
	font-size:			1.3em;
}

.packages td {
	padding-left:		15px;
	background:			#fff url("../img/li.png") no-repeat 0px 5px;
}

hr {
	margin-top:			15px;
	margin-bottom:		15px;
	border:				1px solid #aaa;
	border-bottom:		none;
	width:				50%;
	margin-left:		auto;
	margin-right:		auto;
}

#sommaire {
	font-weight:			bold;
	font-size:				1em;
}

#sommaire li {
	list-style-type: 		none;
}
#sommaire li img {
	vertical-align:			middle;
}

#legend {
	width:					700px;
}

.dictionnaire {
	margin-top:				10px;
	border:					1px solid #aaa;
	background-color:		#ffffff;
	border-collapse:		collapse;
	width:					750px;
}

.dictionnaire thead th {
	text-align:				center;
	background-color:		#4189DE;
	color:					#fff;
}

.dictionnaire td, .dictionnaire th {
	border:					1px solid #aaa;
	padding:				3px;
}

.dictionnaire tbody tr td:first-child {
	background-color:		#D6DEFF;
	min-width:				30%;
}

.dictionnaire tbody td p {
	margin-top:				2px;
	font-style:				italic;
	font-size:				11px;
	margin-bottom:			0px;
	margin-left:			10px;
	border-left:			1px solid #D6DEFF;
	padding-left:			5px;
}

.retour {
	text-align:				center;
	padding-left:			20px;
	background:				url("../img/top.png") no-repeat 0px 0px;
}

.retour:visited {
	color:					#0057AE;
}

.poFiles {
	padding:				0px;
	border:					1px solid #aaa;
	background-color:		#ffffff;
	border-collapse:		collapse;
	width:					750px;
}

.poFiles td, .poFiles th {
	border:					1px solid #aaa;
	padding:				2px;
}

.poFiles tbody tr:hover {
    background-color:       #FFFFE2;
}

.poFiles tbody tr:hover td, .poFiles tbody tr:hover th {
   border:                 1px solid #C7751D;
}

.poFiles tbody tr:hover td, .poFiles tbody tr:hover th, .poFiles tbody tr:hover td a {
    color:                  #C7751D;
}

.poFiles thead th, .poFiles thead th a, .poFiles thead th a:visited {
	text-align:				center;
	background-color:		#4189DE;
	color:					#FFFFFF;
	font-weight:			bold;
    font-size:              11px;
}

.poFiles tfoot td, .poFiles tfoot td a, .poFiles tfoot td a:visited {
    text-align:             right;
    background-color:       #4189DE;
    color:                  #FFFFFF;
    font-weight:            bold;
    font-size:              11px;
}

.poFiles .date, .poFiles .somebody, .poFiles .nobody {
	text-align:				center;
}

.poFiles .nobody {
	font-style:				italic;
}

.poFiles .odd {
	background-color:		#D6DEFF;
}

.poFiles .even {
	background-color:		#fff;
}

.poFiles tbody th a {
    display:                block;
}

.poFiles td.translator, .poFiles td.bookingDate {
    text-align:             center;
}

.poFiles td.translator em {
    color:                  #000;
}

.poFiles .translated th a, .poFiles .translated td.pology a, strong.translated {
	color:					#3AAE20;
}

.poFiles .translated.hasPologyErrors th a, strong.translated.hasPologyErrors {
	color:					#3995EB;
}

.poFiles td.pology a, .poFiles .translated.hasPologyErrors td.pology a {
    color:                  #E4A512;
}

.poFiles td img {
    vertical-align:         middle;
}

.poFiles .partial th a, strong.partial {
	color:					#EE892A;
}

.poFiles .untranslated th a, strong.untranslated {
	color:					#CD2C2C;
}


.poFiles td {
	text-align:				right;
}

#lastUpdate {
	margin-top:				15px;
	margin-left:			auto;
	margin-right:			auto;
	color:					#999;
}

/*
 * Erreurs Pology
 */
#pologyErrors .error {
	margin-bottom:			20px;
	border:					1px solid #eee;
	width:					700px;
	padding:				2px;
}

#pologyErrors #module {
	color:					#cf4913;
	margin-top:				-5px;
}


#fixErrors {
    margin-left:            auto;
    margin-right:           auto;
    margin-top:             15px;
    margin-bottom:          15px;
    padding:                5px;
    text-align:             center;
}

#fixErrors a {
    color:                  #cf4913;
    font-size:              14px; 
    font-weight:            bold;
}

#fixErrors img {
    vertical-align:         middle;
    margin-right:           10px;
}

#pologyErrors .line {
	margin-left:			2px;
}

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

#pologyErrors .original {
	color:					#777;
}

#pologyErrors .error .highlight {
	background-color:		#E23838;
	border:					1px solid #C23030;
	color:					#fff;
}

#pologyErrors .error .hint {
	padding:				5px 5px 5px 5px;
	background-color:		#D6DEFF;
	border:					1px solid #BBD7F6;
	margin-top:				6px;
	margin-left:			2px;
	margin-right:			2px;
}

#pologyErrors .error .hint img {
	vertical-align:			middle;
	margin-right:			5px;
}

#pologyErrors .error .misc {
	color:					#aaa;
	font-size:				0.8em;
	margin-left:			2px;
}

#pologyErrors .error .position {
	float:					right;
	margin-right:			2px;
}

#pologyErrors .suggestions ul {
	margin-top:				0px;
	margin-bottom:			0px;
	padding-left:			10px;

}

#pologyErrors .suggestions ul li {
	padding-left:			0px;
	list-style-type: 		none;
}

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

#back {
	margin-left:			auto;
	margin-right:			auto;
	width:					80px;
	margin-top:				30px;
	padding:				5px;
	text-align:				center;
	border:					1px solid #BBD7F6;

}

#back a {
    display:                block;
}

#back img {
	vertical-align:			middle;
	margin-right:			10px;
}

/*
 * Dictionnaire
 */
div.info {
	background-color: 	#FFCC33;
	padding: 		0.5em;
	border: 		1px dotted #CC0000;
	text-align:		center;
	margin-top:		1em;
	margin-left:		auto;
	margin-right:		auto;
	font-weight:		normal;
}

.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;	
}

#formFalsePositive table {
	width:				100%;
}

/* 
 * Web PO Files (from l10n.kde.org CSS)
 */

/* 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;
}


/* 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;
}

/* Hover */
.stats tbody tr.row:hover {
    background-color:       #EEEEEE;
}