@import "content.css";


/* BACKGROUND */

/* http://www.dafont.com/theme.php?cat=704 */
body
{ 
/*	margin: 0 0 0 0; 
	padding: 0 0 0 0; */
/*	width:1000px; 
	height:800px;
        margin:                 0;
        padding:                0;
	position: relative; 
	margin-left: auto;
	margin-right: auto;*/



/*    background:             #fff url(./theme/logop_guerrahispania.jpg) no-repeat right bottom fixed; */
/*    background:             #fff url(./theme/aeg.gif) no-repeat left bottom fixed; */
	font: normal 11px/13px verdana, Arial, Helvetica, sans-serif; 


  scrollbar-highlight-color: #ffffff; 
  scrollbar-shadow-color: #ffffff; 
  scrollbar-3dlight-color: #ffca66; 
  scrollbar-arrow-color: #ffca66; 
  scrollbar-track-color: #dddddd; 
  scrollbar-face-color: #eeeeee; 
  scrollbar-darkshadow-color: #ffca66;

}


/* FONT COLORS */

#bodycontent
{ 
	
/*	width:1000px; 
	height:800px;*/
        margin:                 0;
        padding:                0;
	position: relative; 
	margin-left: auto;
	margin-right: auto;
/*	border-right: 1px solid #29719C; 
	border-left: 1px solid #29719C;*/

/*	background : transparent url(./theme/P45.JPG) no-repeat; */
/*	background : transparent url(./theme/bando.gif) no-repeat;
	background-position: 420px 0px; */
    

  scrollbar-highlight-color: #ffffff; 
  scrollbar-shadow-color: #ffffff; 
  scrollbar-3dlight-color: #ffca66; 
  scrollbar-arrow-color: #ffca66; 
  scrollbar-track-color: #dddddd; 
  scrollbar-face-color: #eeeeee; 
  scrollbar-darkshadow-color: #ffca66;


	/*background-repeat: no-repeat;*/
}


/* body { color:#fffff;} */ /* General font color */
input,select,textarea { color:#000000; background-color:#f4f4f4} /* Forms font color */
.titreMenu, .titreMenu a, .info, .admin{ color:#6e6e6e;} /* Menu & sections titles */
.titrePage, .titreMenu a:hover { color:#919191;} /* Page title */
.comment{ color:#888888;  text-align:left;} /* Comments */
.commentDate { color:#888888;} /* Comments date */
.throw { color:#888888;} /* First line of tables */
.bouton, .errors { color:#888888;} /* Buttons & errors */





/* Update results (admin side only) */
.update_summary_new, .best_gen_time
{ color:#9cb4ce;}

/* Update results (admin side only) */
.update_summary_del,.worst_gen_time
{ color:#aaaaaa;}

/* ANCHORS */

a { text-decoration:none; color:#6e6e6e;}
a:hover { text-decoration:none; color:#3FB0CD;}
a.none:hover { text-decoration:none; color:##3FB0CD;}
a.image:hover { text-decoration:none; color:#EF9C01;}
a.thumbLink:hover { text-decoration:none; color:#EF9C01; }
a.thumbnail:hover {  color:#EF9C01;border-color:#EF9C01; }
td.thumbnail:hover {  color:#EF9C01;border-color:#EF9C01; }


/* FONT STYLES */

/*
body 
{
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size:12px;
  margin:5px;
}
*/

h1 /* H1 tag style (admin side only) */
{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-decoration:none; 
	line-height:	120%;
	font-size:18px;
	font-weight: bold;
}

h2 /* H2 tag style (admin side only) */
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none; 
	line-height:	120%; 
	font-size:12px;
	font-weight: bold;
}

.titreMenu /* Menu titles */
{
  font-size:12px;
  font-weight:600;
}

.titrePage /* Page titles */
{
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-weight:600;
  font-size:14px;
}

.commentTitle /* Comments title */
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

.menu, .thumbnail, .thumb_picture, .totalImages { font-size:11px; color:#6e6e6e;}
.small{ font-size:10px;}
.menuCategorySelected, .throw, .admin, .errors { font-weight:bold;}
.menuCategoryNotSelected, .dateSelected, .pageNumberSelected, .thumb_picture, .thumb_category  { font-weight:normal;}
.commentDate, .bouton { font-weight:lighter;}
.commentImage { font-style:italic; font-size:14px; color:#6e6e6e ;text-align:center; }
.nameImage { font-size:20px;}
.info { font-size:16px;}
.copyright { font-size:10px; text-align:center; letter-spacing:-1px;}
div.information {  font-size:10px; font-weight:bold;}
.expandall { font-size:16px;}
/*----------------------------------------------*/
/* Under this point, do not modify the values   */
/* unless you are aware of what you are doing!  */
/*----------------------------------------------*/

/* POSITION */

#gauche,#droite
{
  float:left;
  width:30%;
  text-align:left;
  white-space:nowrap;
}

#centre
{
  float:left;
  width:39%;
  text-align:center;
}

#droite{text-align:right;}
#left {float:left; }
#right{float:right; }

/* GENERAL LAYOUT STYLES */

.main 
{
	border: 0px solid #E0E0E0; 
	width:100%;
	padding-bottom:30px;
	text-align:center;
	display:block;
}

.home
{
  border: 0px solid #000000;
  display:block;
  text-align:center;
  width:100%;
}

.navigationBar 
{
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
  font-size:10px;
}

.info 
{
  margin:5px 0px 5px 0px;
  /* white-space:nowrap; */
  text-align:center;
}

.errors 
{
  text-align:left;
  margin-top:5px;
  margin-bottom:5px;
  border:1px solid black;
}

div.information {
  text-align:left;
  margin:10px;
  padding:5px;
}

span.dateSelected, span.pageNumberSelected {
  text-decoration:underline;
}
/* MENU LAYOUT STYLES */

.titreMenu,.titrePage
{
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 0px solid #000000;
  border-right: 0px solid #000000;
  height: 25px;
  line-height: 25px;
  text-align:center;
}
.titrePage {text-align:left;}

.menu 
{
  margin:10px 5px 10px 5px;
  white-space:nowrap;
  text-align:left;
}

ul.menu 
{
  text-align:left;
  list-style-type: square ;
  padding-left:15px;
  margin:5px;
}

.totalImages {
  text-align:left;
  margin-top:15px;
  font-size:12px;
  color:#000000;
}

 /* IMAGE LAYOUT STYLES */
 
.image 
{
	border : 1px solid #A0A0A0;
	margin : 10px 4px 10px 4px;
}

#imgBarMenu
{
  width:100%;
  display:block;
  height:25px;
  border-bottom: 1px solid #000000;
}
  
.imgMenu
{
  width:100px;
  border:none;
  float:right;
}

.imgMenu img
{
 border:none;
 text-align:center;
 margin-top:4px;
}
  
.imgMenu a
{
/*  display:block;*/
  height: 25px;
  border-bottom: 0px solid #000000;
  border-left: 0px solid #838383;
  border-right: 0px solid #000000; 
}

.imgMenu a:hover
{

  border-bottom: 0px solid #3F3F3F;
  border-left: 0px solid #3F3F3F;
  border-right: 0px solid #3F3F3F;
}

.rotMenu
{
  width:20px;
  border:none;
  float:right;
}

.rotMenu img
{
 border:none;
 text-align:center;
 margin-top:4px;
}
  
.rotMenu a
{
/*  display:block;*/
  height: 25px;
  border-bottom: 0px solid #000000;
  border-left: 0px solid #838383;
  border-right: 0px solid #000000; 
}

.rotMenu a:hover
{
  border-bottom: 0px solid #3F3F3F;
  border-left: 0px solid #3F3F3F;
  border-right: 0px solid #3F3F3F;
}

.commentImage {
  text-align:justify;
  margin-top: 10px;
  margin-bottom: 10px;
	margin :10px 0px 10px 10px;
}

/* TABLE LAYOUT STYLES */

.table1
{
  border: 0px solid #000000;
  display:block;
}
  
.table2 {
	border: 1px solid #000000; 
	margin:	0px 10px 0px 0px;
	padding:0px;
}

.tablecompact{
  width:100%;
  border-collapse:collapse;
}

.row1,.row2 {
  text-align:left;
  padding:1px 0px 1px 0px;
  height:5px;
  font-size:10px;
} 

.row3 {
  text-align:left;
  padding:1px 0px 1px 0px;
  height:5px;
  font-size:11px;
  font-weight: bold;
} 

.row4 {
  text-align:left;
  padding:1px 0px 1px 0px;
  height:5px;
  font-size:11px;
  font-weight: bold;
} 

.throw {
  text-align:center;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000; 
  height:20px;
}

td.throw{
  text-align:left;
  width:auto;
}

/* THUMBNAILS LAYOUT STYLES */


.thumbnail {
	text-align:center;
	vertical-align: middle;
	align:center;
	white-space: wrap;
	border-style: solid;
	border-width:1px;
	border-color: #A0A0A0;


}

.thumb_picture {
	text-align:center;
	vertical-align: middle;
	align:center;
	white-space: wrap;
}

.bigthumbnail {
	text-align:center;
	vertical-align: middle;
	align:center;
	white-space: wrap;
	border-style: solid;
	border-width:0px;
	border-color: #A0A0A0;

}

table.thumbnail {
  border-collapse:separate;
  display:inline-table;
}

.thumbLink {
	border-style: solid;
	border-width:0px;
	border-color: #A0A0A0;
	margin: 2px;
}

/* COMMENTS LAYOUT STYLES */

.commentTitle {  padding: 15px 5px 10px 5px; }
.commentDate {
  text-align:right;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000;
}

/* FORM LAYOUT STYLES */

form
{
  text-align:left;
  padding:10px;
}

.bouton
{
  border: 1px solid #404750;
  padding-left: 3px;
  padding-right: 3px;
  background-position : bottom;
  margin-top:10px;


}

input,select,textarea 
{
 text-indent:2px;
 border: 1px solid #797979;
 padding: 0;
}

.radio{  border:0;}

/* ADMIN LAYOUT STYLES */

.adminMenu 
{
  text-align:center;
  font-size:12px;
white-space:nowrap;	
}

div.adminMenu{ margin:10px 50px 10px 50px; }

.admin 
{
margin:0px 0px 12px 0px;
text-align: center;
padding:0px;
}

div.remoteOutput, div.remoteLocal {
  border:1px solid black;
  margin:10px;
  text-align:left;
  padding:5px;
}

div.remoteLocal {
  text-align:center;
}

/* for debugging purpose */
pre { text-align:left; }

#zoom-caption-container
{
	margin :10px 0px 10px 10px;
	color: #6e6e6e;
        font-size: 11px;
}

.labelWidth
{
	float: left;
	width: 250px;
  white-space:nowrap;
} 
.PadLeft
{
	margin-left: 250px;
	/*width: 600px;*/
        width:80%;

}

.labelWidthD
{
	float: left;
	width: 200px;
  white-space:nowrap;
} 
.PadLeftD
{
	margin-left: 200px;
	/*width: 600px;*/
        width:80%;

}


.translit {font-family: Transliteration}


/**
 * Filter forms are displayed label by label with the input (or select...)
 * below the label
 */
FIELDSET {
  padding: 1em;
  margin: 1em;
}

FORM.filter FIELDSET LABEL {
  display: block;
  float: left;
  width: auto;
  margin-right: 10px;
  padding: 0;
}

FORM.filter FIELDSET LABEL INPUT,
FORM.filter FIELDSET LABEL SELECT,
FORM.filter FIELDSET LABEL TEXTAREA {
  display: block;
  margin: 0.5em 0;
}

FORM.filter FIELDSET P,
FORM.filter FIELDSET INPUT,
FORM.filter FIELDSET TEXTAREA {
  clear: left;
  display: block;
}

FORM.filter INPUT[type="submit"] {
  margin-top: 1em;
}

FORM.properties UL, FORM#update UL {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

FORM.properties LI, FORM#update UL  {
  margin-bottom: 0.5em;
  padding: 0;
  line-height: 1.8em;
}

FORM.properties LABEL {
  float: left;
  width: 50%;
  text-align: right;
  margin: 0;
  padding: 0 0 0 0;
}

FORM.properties LABEL.mandatory {
  font-weight: bold;
}

FORM.properties .focus {
  background-color: whitesmoke;
}

FORM.properties .nofocus {
  background-color: lightgrey; /* must be the same as input background-color */
}

FIELDSET.elementEdit A {
  display: block;
  float: right;
}