body {
  margin: 0 auto;
  font-family: arial;
  background-color: #246a7e; 
}
a img { border: 0; }
h1,h2,h3,h4,h5 { margin: 0; }
a { color: inherit; text-decoration: none; color: #fff; }
hr { background-color:#ddd; border:medium none; clear:both; color:#DDDDDD; height:1px; }

#table_container { overflow: auto; overflow-y: hidden; width: 100%; }
#foto_bar {
   margin-left: 5px;
   margin: 10px auto;
   width: 99%; 
   background-color: #BFBFFF;
   border: 1px solid #8D8DFF; 
   white-space: nowrap; 
   overflow: auto;
   overflow-y:hidden; 
}
#foto_bar2 {
	margin: 10px;
}

table.adminTable {
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   font-family: arial;
   border-collapse:collapse;
   border-spacing:0;
   margin: 0 auto;
   margin-top: 5px;
   width: 99%; 
   padding: 10px;
}

table.adminTable td { 
    border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; 
}
.adminTable th, .adminTable td {
    padding: 7px;
}

.adminTable th {
    font-size: 12px;
    background-color: #BFBFFF; 
    border: 1px solid #8D8DFF; 
    color: #fff;
}
.adminTable td {
    font-size: 11px;
}
.adminTable tr:hover {
    background-color: #FFFFCD;
}

.adminTable tr.trNoHover td {
    border-bottom: 0px;
	border-top: 1px solid #ccc;
	/*background-color: #EFEFFF;*/
}

.adminTable tr.trNoHover td img { margin: 0 5px; }
.adminTable tr.trNoHover td strong { font-size: 13px; }

.adminTable tr.trNoHover:hover {
    background-color: transparent;
}
.adminTable tr.trNoHover a.positive { color: #264409; background-color: #E6EFC2; border: 1px solid #C6D880; }
.adminTable tr.trNoHover a.positive:hover { background-color: #C6D880; }

.adminTable .firstRow  { background-color: #F7F7FF; }
.adminTable .secondRow { background-color: #EFEFFF }

.adminTable a { color: #fff; }

.adminTable td.record { word-spacing:3px; }
.adminTable td.record a { border-bottom: 1px dashed #aaa; }
.adminTable td.record a.arrow { border-bottom: 0; }

.adminTable th div.columnName { position: relative; padding-right: 15px; }
.adminTable th.sorted { background-color: #E6EFC2; border:1px solid #C6D880; color: #000; }
.adminTable th.sorted a { color: #000; }
.adminTable td a { color: #000; }
.adminTable tr td div.indexOption { float: right; }

form { font-size: 11px; margin: 5px 0; padding: 0; }
form  label { font-weight: bold; margin-right: 10px; }
input[type="text"], input[type="password"], select, textarea { border: 1px solid #8D8DFF; font-size: 14px; font-family: verdana; }
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover { border-color: #000; }

input[type="submit"], button, a.button { 
  padding:3px 10px 3px 7px;
  background-color:#F5F5F5;
  border: 1px solid #ddd;
  color:#565656;
  cursor:pointer;
  display:inline-block;
  font-weight:bold;
  line-height:130%;
  font-size: 13px;
  text-decoration:none;
  text-align: center;
  margin: 2px 0;
}
input[type="submit"]:hover, button:hover, a.button:hover { background-color:#DFF4FF; border:1px solid #C2E1EF; color:#336699; }

button.small { padding:2px 6px 2px 4px; font-size: 10px; }
a.small { padding:2px 6px 2px 4px; font-size: 11px; font-weight: bold; }
.letterbar a { width: 10px; }
a.negative { color: #D12F19; }
a.negative:hover { background-color: #FBE3E4; border:1px solid #FBC2C4; color:#D12F19; }

input[type="submit"].positive { color: #264409; }
input[type="submit"].positive:hover  { background-color: #E6EFC2; border-color: #C6D880; }

a.positive { color: #264409; background-color: #E6EFC2; border: 1px solid #C6D880; }
a.positive:hover { background-color: #C6D880; border: 1px solid #E6EFC2; }

strong.important { color: #F0B528; font-size: 120%; }

.help_ico { cursor: pointer; }
.pager_bar { float: right; margin: 3px 0; float: inline; }
.clear { clear: both; }
.helpDialog { font-size: 11px; display: none; }
.center { text-align: center; }
.option_content { float: left; display: none; }
.option_content form { margin: 0; }
.option_content form label { margin: 0; margin-right: 5px; }
.option_content input[type="submit"] { border-color: #BFBFFF; }

.default_column { color: #aaa; }

.arrow_record { position: relative; padding-right: 20px; }
.arrow { display: block; width: 10px; height: 10px; background: url('../gfx/link.png') no-repeat;
		position: absolute;	right: 0; top: 0px; }

.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.number { font-size: 120%; }

.show_top { text-align: center; font-size: 12px; padding: 30px; }
.show_top h1 { font-size: 24px; font-style: italic; margin-bottom: 8px; }
.show_top h4 { font-size: 16px; margin-top: 8px; }
.show_help { float: right; margin-top: 2px; }
.h_anhors { color: #aaa; }
.h_anhors:hover { color: #666; }

/* Layout */
#main_content { margin: 20px 0; padding: 0 20px; }
  #top_text { color: #fff; font-size: 20px; margin-bottom: 10px; margin-left: 20px; float: left; }
  #top_langs { float: right; }
#top_level2 { clear: both; height: 22px; }
  #directory_link_content { position: absolute; right: 20px; top: 53px;  }
    #dl_open, #login_open  { cursor: pointer; }
	#dl_open { vertical-align: 5px; }
	.top_contener { position:absolute; right:0; top:24px; background-color:#BFBFFF; border:1px solid #8D8DFF; display:block; padding:10px;
				   width:420px; font-size: 12px; display: none;  }
	#direct_link input { width: 410px; margin-top: 5px; }		
	#login { width: 420px; color: #fff; }
		#login input[type="text"], #login input[type="password"] { width: 130px; margin-right: 10px; }
  #menu_help { margin-left: 5px; float: left; }
#middle { clear: both; background-color: #fff; padding: 20px; border: 1px solid #eee; }
  #middle h2 { font-size: 17px; font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-weight:bold; }
  #advanced_search_bnt { margin-top: 6px; }
#fotter_text { font-size: 11px; margin-top: 20px; }

/* admin */
#admin_tools { 
	position: absolute; 
	/*width: 79px;*/
	width: inherit;
	height: 48px; 
	padding: 7px; 
	display: none; 
	background-color: #F7F7FF; 
    border: 1px solid #FF8000; 
	opacity: 0.7; 
}
#admin_tools img { cursor: pointer; }
#admin_tools:hover { opacity: 1; }
#admin_tools .admin_option { float: left; padding: 0 5px; }
#admin_tools .admin_option:hover { font-weight: bold; }
#admin_tools .admin_option_text { text-align: center; font-size: 11px; }
/*#close_admin_tools { position: relative; left: 4px; top: -8px; }*/

.helpLink {
  position: absolute; display: block;
  width: 7px; height: 10px;
  right: 3px; top: 2px;
  cursor: pointer;
}
.close_system_column {
  position: relative;
  top: -3px;
  left: 2px;
}

.sortLink {
  position: relative; display: block;
  right: 0px; top: 0px;
}

/* Filter bar */
#filterBar {
    background-color: #F7F7FF; 
    border: 1px solid #FF8000; 
    margin: 4px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	font-size: 12px;
	margin-bottom: 10px;
}
#filterBar .title {
    background-color: #FFC080;
    padding: 3px 7px; 
    color: #fff;
    font-weight: bold;
	font-size: 12px;
    height: 17px;
}
#filterBar .title #text{ float: left; }
#filterBar .title img.help_ico { float: left; margin-left: 7px; margin-top: 2px; }

#clear_all_filter { float: right; }
#filterBar .list ul {
    list-style-type: none;
    border: 0px;
    margin: 9px 0px;
	padding: 0 10px;
}
#filterBar .list ul li {
    background-color: #FFC080; 
    border: 1px solid #FF8000; 
    display: inline-block;
    padding: 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	display: inline;
	margin: 5px 5px 5px 0;
}

div#index_message_box div { font-size: 11px; }

/* select_columns table */
table#select_columns { padding: 0; border: 0; margin: 0; }
table#select_columns tr:hover { background-color: transparent; }
table#select_columns td { border: 0; padding: 0; }

#select_option { float: left; width: 95px; border-right: 1px solid #aaa; margin-right: 10px; }
#select_option button { width: 40px; border-color: #BFBFFF;  }

/* admin */
#add_edit_contener { margin: 20px auto; background-color: #fff; width: 90%; padding: 10px; border: 1px solid #333; }
#add_edit_contener form { margin-top: 20px; font-size: 12px; }
#add_edit_contener form fieldset { margin-top: 10px; }
#add_edit_contener form fieldset legend { font-weight: bold; font-size: 14px; }

#add_edit_contener form textarea { height: 100px; }

#add_edit_contener form input, #add_edit_contener form select, #add_edit_contener form textarea  { float: left; margin-top: 2px; width: 400px; }
.input_name { 
	width: 150px; 
	height: 25px; 
	/*background-color: red;*/
	clear: both; 
	float: left; 
	padding-top: 3px; 
	margin-top: 2px; 
	margin-right: 10px;
	text-align: right; 
}
.next_input {
	height: 25px; 
	/*background-color: red;*/
	float: left;
	margin-left: 10px;
}
.next_input button { margin-top: 0; }
.must_be { color: #f00; margin-right: 5px; font-weight: bold; font-size: 14px;  }

/* gallery */
#gallery_container { margin: 0 auto; width: 99%; overflow: auto; overflow-x:hidden; height: 600px; }
#gallery_container div.folder { float: left; margin: 10px; border: 1px solid #ddd; height: 160px; width: 128px; padding: 5px; font-size: 11px; text-align: center; }
#gallery_container div.folder:hover { border: 1px solid #8D8DFF; background-color: #eef; }
#gallery_container div.folder img { margin-top: 5px; }

#gallery_container div.view_type img { border: 1px solid transparent; padding: 1px; }
#gallery_container div.view_type img:hover { border: 1px solid #8D8DFF; }

#foto_content { margin: 0 auto; width: 99%; overflow: auto; overflow-x:hidden; height: 600px; }
#foto_content div.foto_div { width: 180px;  float: left;  height: 240px;  text-align:center; }
#foto_content div.foto_div a img { margin: 0 auto; padding: 7px; border: 1px solid #ddd; }
#foto_content div.foto_div a img:hover { border: 1px solid #8D8DFF; background-color: #eef; }

#foto_content div.foto_div div.foto_memo { font-size: 11px; }

a.index { color: #3366CC; }
a.index:hover { color: #666; }

#gallery_sort { color: #ddd; font-size: 11px; }
#gallery_sort .name { color: #000; font-size: 12px; font-weight: bold;  margin-right: 10px; }
#gallery_sort a { color: #3366CC; font-weight: bold; font-size: 13px; margin: 0 5px; }
#gallery_sort a:hover { color: #666; }

.dashed { border-bottom: 1px dashed #000; }
.to_finger { width: 16px; height: 16px; background: url('../gfx/pen.png') no-repeat; float: left; }
/* fieldset.info_fieldset input, fieldset.info_fieldset select, fieldset.info_fieldset textarea { color: #000; background-color: #ddd; } */
img.in_db { margin-left: 10px; vertical-align: -10px; }
img.edit_finger_add {  margin-left: 10px; vertical-align: -10px; background:#FBE3E4; padding: 8px;border:2px solid #FBC2C4;}
div.similar { margin-top: 40px; display: block; width: 680px; }

/* intro */
#intro_title { text-align: center; color: #fff; margin-bottom: 40px; }
#intro_menu { float: left; width: 19%; margin-left: 20px; }
	#intro_menu div { margin-bottom: 20px; }
	#intro_menu a { display: block; }
	#intro_menu a:hover { color: #e7ff88; }
#intro_content { float: left; width: 75%; }
#intro_footer { clear: left; padding-top: 30px; }
#intro_footer div { font-size: 12px; padding: 0 20px; text-align: center; }