/* BACKGROUND */

/* General background color */

/* Main background color */
.main, .throw, .admin {
  background-color:#f5f5f5;
}

/* Tables & forms */
.row1, input, select, textarea, .table1, .home {
  background-color:#fff;
}

.errors { background-color:#ffe1e1;} /* Errors display */

/* Buttons background image */
.bouton, {
  background-color:#65A7DE;
}

.imgMenu a {
  background-color:#FBFBFB;
  border: 1px solid #FBFBFB;
}

.imgMenu a:hover {
  background-color:#FFFFFF;
  border: 1px solid #EEEEEE;
}

#imgBarMenu {
  background-color:#FBFBFB;
}

/* FONT COLORS */
* {
  color:gray; /* dimgray */
}

/* Forms font color */
input,select,textarea {
  color:black;
}

blockquote {
  background-color:#FBFBFB;
  border-left:2px solid #797979;
  text-align:left;
  padding:5px;
}

.userCommentHeader {
  text-align:left;
  margin-top:5px;
}

.userCommentDelete {
  float:right;
}

hr {
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:#797979;
  height:1px;
}

.comment{ color:#C6B78E;} /* Comments */
.commentDate { color:#999999;} /* Comments date */
.throw { color:#FFFFCC;} /* First line of tables */
.errors { color:red;} /* Buttons & errors */

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

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

/* ANCHORS */

a {
  text-decoration:none;
  color:#005e89;
}

a:hover {
  text-decoration:underline;
}

a.none:hover { text-decoration:none;}
a.image:hover { text-decoration:none;}
a.thumbLink:hover { text-decoration:none;}

/* FONT STYLES */
#upload_image_form select {
 color:#005e89;
 font-size:10px;
 }

h1 /* H1 tag style (admin side only) */
{
	
	text-decoration:none; 
	line-height:	120%;
	font-size:14px;
	font-weight: bold;
}

h2 /* H2 tag style (admin side only) */
{

	text-decoration:none; 
	line-height:120%; 
	font-size:12px;
	font-weight:bold;
}

.titreMenu /* Menu titles */
{
  font-size:10px;
  font-weight:bold;
  color:white;
}

.titreMenu a {
 color:white;
}


.titrePage /* Page titles */
{
  
  font-weight:bold;
  font-size:12px;
  color:white;
}

.titrePage a /* Page titles */
{
  color:white;
}

.commentTitle /* Comments title */
{
  font-size:12px;
  font-weight:bold;
}

.menu, .thumbnail, .totalImages { font-size:10px;}
.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:16px;}
.nameImage { font-size:15px;color:white;}
.info { font-size:16px;}

.copyright {
  margin-top:5px;
  font-size:10px;
  text-align:center;
}

div.information {  font-size:14px; font-weight:bold;}

/*----------------------------------------------*/
/* Under this point, do not modify the values   */
/* unless you are aware of what you are doing!  */
/*----------------------------------------------*/

/* POSITION */

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

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

#centre2
{
  float:left;
  width:30%;
  text-align:center;
}

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

/* GENERAL LAYOUT STYLES */

.main 
{
	width:100%;
	padding-bottom:30px;
	text-align:center;
	display:block;
}

.home
{
  border: 1px solid #65A7DE;
  display:block;
  text-align:center;
  width:100%;
}

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

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

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

.errors ul li
{
  color:red;
  font-weight:normal;
}

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

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

.titreMenu,.titrePage
{
  margin-top:0px;
  padding-right: 10px;
  padding-left: 10px;
  background:#65A7DE url('http://www.fony.sk/obr/pozadie_logo.png') bottom left repeat-x;
  /*background:#61C23D;*/
  height: 20px;
  line-height: 20px;
  text-align:center;
}

.titrePage {
  text-align:left;
  margin-bottom:5px;
}

.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:center;
  margin-top:5px;
}

 /* IMAGE LAYOUT STYLES */
 
.image 
{
	/*border : 3px solid #65A7DE;*/
	border : 3px solid #000000;
	margin : 10px 4px 10px 4px;
}

#imgBarMenu
{
  padding: 3px 0px 0px 0px;
  margin: 0 auto 0 auto;
  width:700px;
  height:18px;
  border:1px solid #65A7DE;
}
  
.imgMenu
{
  vertical-align:middle;
  width:70px;
  border:none;
  float:left;
}

.imgMenu img
{
 border:none;
 text-align:center;
 margin-top:4px;
}
  
.imgMenu a
{
  display:block;
  height: 30px;
/*
  border-left: 1px solid #838383;
  border-right: 1px solid #65A7DE;
*/
}

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

/* TABLE LAYOUT STYLES */

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

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

.row1,.row2 {
  text-align:left;
  padding:5px 0px 5px 0px;
  height:20px;
} 

.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: baseline;
	white-space: nowrap;
}

.thumbnail a {
	font-weight:bold;
}

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

.thumbLink {
	border-style: solid;
	border-width:3px;
	/*border-color: #A0A0A0;*/
	border-color:#000000;
	margin: 2px;
	}
	
/* COMMENTS LAYOUT STYLES */

.commentTitle {
/*  padding:5px 5px 10px 5px;*/
  padding:10px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#FBFBFB;
  border:1px solid #65A7DE;
}

.commentDate {
  text-align:right;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000;
}

/* FORM LAYOUT STYLES */

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

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

input[type=submit], input[type=reset] {
  padding-left:3px;
  padding-right:3px;
  margin-top:10px;
}

.radio{  border:0;}

/* ADMIN LAYOUT STYLES */

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

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