.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
.oneColFixLtHdr #mainContent { zoom: 1; }



body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	background: url('back_hor.png') top left repeat-x;
	/*background: #666600;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url('back.png') top left repeat-y; 
} 

.oneColFixLtHdr #container { 
	  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url('back_hor.png') top left repeat-x;  
} 

#header { 
	background: #b8cb98; 
	padding: 0 10px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 80px;
	width: 100%;
	border-bottom: 2px solid #426900;

} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size:18px
}

.twoColFixLtHdr #sidebar1 form{
		padding: 5px 0px 5px 20px;
	

}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*
	background: #EFEFEF;  the background color will be displayed for the length of the content in the column, but no further 
	border-right: 2px solid #b8cb98;
	border-bottom: 2px solid #b8cb98;
	*/

	padding: 15px 0px 15px 0px;
	

}

.twoColFixLtHdr #sidebar1 a{
	
	font: 15px Helvetica, Arial, sans-serif;
	padding: 3px 0px 2px 5px;
	display:block;
	text-decoration:none;
	width:179px;
	background-color:#e7ffb9;
	
	border-top: solid 1px #b8cb98;
	border-bottom: solid 1px #b8cb98;
	color:#000146;
	margin-bottom:5px;

}

.twoColFixLtHdr #sidebar1 a:hover{
	
	font: 15px Helvetica, Arial, sans-serif;
	padding: 3px 0px 2px 5px;
	display:block;
	text-decoration:none;
	width:179px;
	background-color:#ffffff;
	
	border-top: solid 1px #b8cb98;
	border-bottom: solid 1px #b8cb98;
	color:#000146;
	margin-bottom:5px;

}

.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 185px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.oneColFixLtHdr #mainContent { 
	margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-top: 4px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#footer { 

	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
	text-align:right;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/*.heading {
padding-top: 7px;
position: absolute;

	font-size:22px;
font-weight:bold;

}*/

.heading {
	visibility: hidden; 

}



.logohead { 
	  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0;
	padding:0px;
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url('header.png');  
	display:block;
	height:80px ;
	background-repeat: no-repeat;
	


}

h2 {
font-size:18px;
font-weight:bold;
color:#333333;
padding:0 0 5px 0;
margin:0px;


}

h2 a {text-decoration:none;}

.h2 {
font-size:18px;
font-weight:bold;
color:#333333;

}

.ramecek{
border: solid 2px #eee;
width:400px;
padding:10px;
text-align:left;
font: 13px Courier;

}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


input.form
{
	background-color : #ffffff;
	padding-left: 3px;
	margin: 0px;
	margin-bottom: 1px;
	border: 1px;
	border-style : solid;
	color: #274678;
	border-color: black;

}

.form
{
	background-color : #ffffff;
	padding-left: 3px;
	margin: 0px;
	margin-bottom: 1px;
	border: 1px;
	border-style : solid;
	color: #274678;
	border-color: black;

}

.form_disabled
{
	background-color : #888888;
	padding-left: 3px;
	margin: 0px;
	margin-bottom: 1px;
	border: 1px;
	border-style : solid;
	color: #000000;
	border-color: black;

}

.btn
{
	
	padding: 1px;
	margin: 0px;
	margin-bottom: 1px;
	border: 2px;
	border-style: solid;
	border-left-color: #404040;
	border-bottom-color: #000000;
	border-top-color: #404040;
	border-right-color: #000000;
	color: White;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #5C5C5C;
	FONT-SIZE: 12px;
}


.btn[disabled]
{
	
	padding: 1px;
	margin: 0px;
	margin-bottom: 1px;
	border: 2px;
	border-style: solid;
	border-left-color: #A1A1A1;
	border-bottom-color: #868686;
	border-top-color: #A1A1A1;
	border-right-color: #868686;
	color: White;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #E7E7E7;
	FONT-SIZE: 12px;
}


.searchbtn
{
	background: url('search.gif'); 
	
	padding-left: 3px;
	margin: 0px;
	
	border: 0px;
	border-style : solid;
	color: #274678;
	border-color: black;
	cursor:pointer;
	width:23px;
	height:23px;
}

.generate
{
	
	padding: 1px;
	margin: 0px;
	margin-bottom: 1px;
	border: 2px;
	border-style: solid;
	border-left-color: #404040;
	border-bottom-color: #000000;
	border-top-color: #404040;
	border-right-color: #000000;
	color: White;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #5C5C5C;
	
	FONT-SIZE: 12px;
}

.divhidden
{
	
cursor:pointer;
	border: 0px;

	width:200px;


}



.field { border:2px solid #b8cb98; border-width: 1px 0;
background-color: #FAFFF1; /*#F3FFDC; */
margin-bottom:10px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;}

legend {
	padding: 0.2em 0.5em;
	border:2px solid #b8cb98;
	color:#006600;
	font-size:100%;
	font-weight:bold;
	text-align:right;
	background-color : #ffffff;
  }
  
  fieldset.infieldsetb {
	border:1px solid #000066;
	background-color: #D9FFDE;
}

	legend.infieldsetb{
	padding: 0.2em 0.5em;
	border:1px solid #000066;
	color:#000066;
	font-size:100%;
	font-weight:bold;
	text-align:right;
	background-color : #ffffff;
  }
  
  
    fieldset.infieldsetr {
	border:1px solid #333333;
	background-color: #E8E8E8;
}

	legend.infieldsetr{
	padding: 0.2em 0.5em;
	border:1px solid #333333;
	color:#333333;
	font-size:100%;
	font-weight:bold;
	text-align:right;
	background-color : #ffffff;
  }
  
       .overflo {
overflow: hidden;
width:auto; 
 
  
  }
   
      .rollable {
overflow: auto;
width: 200px;  
  }
  

    .roll {
	border-top:1px solid #b8cb98;
	
	background-color: #E7FFB9;
	padding:5px;



  }
  
      .reference {
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	background-color: #E2FFAB;
	padding:5px;
  }
  
      .zvetsovatko {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	
  }
  
  
  .highlight {
	color:#666666;
	font-size:110%;
	font-weight:bold;
  }
  
  .big{
  font-size:210%;
  }
  
  
  tr.tab
  {
  background-color:#999999;

  }
  
    td.tab
  {
  background-color:#999999;
  border-left:solid;
  border-bottom:solid;
  border-color:#003300;
  border-left-width:1px;
  border-bottom-width:2px;
 
  }
  
   td.tab-bottom
  {
  background-color:#999999;

  border-bottom:solid;
  border-color:#003300;

  border-bottom-width:2px;
 
  }
  
    td.graph
  {
	background-color:#b8cb98;
	border-bottom:solid;
  	border-color:black;
  	border-width:1px;
  	
  }
  
      td.graphb
  {
	background-color:#b8cb98;
	border-bottom:solid;
	border-left:solid;
  	border-color:black;
  	border-width:1px;
  }
        td.white
  {
	background-color:#ffffff;
	border-left:solid;
  	border-color:black;
  	border-width:1px;
  }
  
  
      tr.order
  {
	background-color:#E8FFBF;

  }
  
      td.order
  {
	background-color:#E8FFBF;
	border-left:solid;
  	border-color:#003300;
  	border-width:1px;
  }
  
      tr.line_a
  {
	background-color:#EFEFEF;
  }
  
      td.line_a
  {
	background-color:#EFEFEF;
	border-left:solid;
  	border-color:#999999;
  	border-width:1px;
  	
  }
  

  
       tr.line_b
  {
	background-color:#ffffff;
  }
  
      td.line_b
  {
	background-color:#ffffff;
	border-left:solid;
	border-color:#999999;
	border-width:1px;

  }
  
        td.error
  {
	background-color:#FF0000;
	border-left:solid;
  	border-color:#999999;
  	border-width:1px;
  }
  
    table.sortable
  {
  border:solid;
  border-color:#003300;
  border-width:2px;
 
   }
   
 
   
  
    th
  {
	background-color:#b8cb98;
	border-right:solid;
  	border-color:#FFFFFF;
  	border-width:1px;
  }
  
      .model
  {
  border:solid;
  border-color:#000000;
  border-width:2px;
 
   }
  
  
.rollable{

    color:#111111;
    font-weight: bold;
    cursor: pointer;
}
 


  .tohide {
	display: none; 

}

  .toshow {
	display: block; 

}

  .graph_button
{
	
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
	
	width:90px;
	height:24px;

}

  .attention
{
	color:#666666;
	font-size:150%;
	font-weight:bold;

}

  option.select_all
{
	color:#333333;
	background-color:#9FFCFF;
	font-size:110%;
	font-weight:bold;

}

  option.select_none
{
	color:#333333;
	background-color:#A4FF9F;
	font-size:110%;
	font-weight:bold;

}

  option.select_left
{
	color:#333333;
	background-color:#F7FF8E;
	font-size:110%;
	font-weight:bold;

}

  option.select_right
{
	color:#333333;
	background-color:#FF8C88;
	font-size:110%;
	font-weight:bold;

}

  /*
advanced search engine
*/
.search_table
{
	background-color:#E8FFBF;
	border:solid;
	border-color:#999999;
	border-width:1px;
}

.energy_color
{
	background-color:#C7FF62;
	
}

.molecule_color
{
	background-color:#A5D59E;
	
}

.dataset_color
{
	
	background-color:#E7FFB9;
}

.tag_color
{
	background-color:#8CFF8D;
	
}

.red
{
	color:#FF0500;
	font-size:110%;
	font-weight:bold;
}


.bracket
{
	color:#FF0500;
	font-size:150%;
	font-weight:bold;
		float:left;
	width:100px;

		
}

.inbracket
{

	width:100px;
		background-color:#ffFFBF;
		
}

.bracketb
{
	color:#000000;
	font-size:150%;
	float:left;
	
}

.left_line
{
	padding:5px;
		float:left;
}

.right_line
{
	padding:5px;
		float:left;

	
}

.float_left
{
	padding:5px;
		float:left;

	
}


.oneline
{
	height:30px;
	padding:5px;

}

.bracket_check
{
	display:inline;
	padding:5px;
	color:red;
}
 
  /*
CALENDAR SMALL FOR DATE SET
*/


 input.calendar, select.calendar  {
width : 110px;
}

.formkalendar
{
	background-color : #ffffff;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
	border: 1px;
	border-style : solid;
	color: #274678;
	border-color: black;
	float: left;




}

 .hidden  {
position : absolute;
}

button.calendar {
background-image: url(calendar.gif);
display: block;
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 20px;
	margin-left: 6px;

}

button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}


 div.calendar {
	background-color: #7B7B7B;
	height: 155px;
	padding: 5px 5px;
	text-align: center;
	border: #000000;
	border-style: solid;
	border-width: 5px;
	cursor : move;
	margin-left: 10px;
}

 div.calendar div  {
	background: none;
	cursor: default;
	height: 165px;
	overflow: hidden;
	position: relative;
	width: 142px;
}

  div.calendar caption  {
	color: White;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-top: 3px;
	text-align: center;
	width: 100%;
}

 div.calendar caption a  {
	cursor: pointer;
	color: #DCDCDC;
}


div.calendar caption span.month {
padding-right : 8px;
}


.prev {

}
.next{

}
.month {
font-weight: bold;

}
.year {
font-weight: bold;
}
.invalid {
background-color: Silver;
width: 10px;
cursor: pointer;

}
.valid {
	background-color: #A4A4A4;
	width: 10px;
	cursor: pointer;
}
.inactive {
cursor: pointer;
width: 10px;
}
.active {
	background-color: Red;
	cursor: pointer;
	width: 10px;
}
.hover {
background-color: white;
width: 10px;
	cursor: pointer;
}

 div.calendar td, div.calendar th  {
border : 0;
text-align : center;

}

/*
mootools tip 
*/

.tool-tip {
	width: 450px;
	z-index: 99;
	color: #000;	

}
 
.tool-title {
font-weight: bold;
	font-size: 11px;
	margin: 0;

	color: #fff;

	padding: 2px 5px 2px 5px;
	text-align: center;
background: #165B00;
	border-bottom-style: solid;
	border-color: #004a74;
	border-bottom-width: 2px;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	color: #fff;
	  background-color:#4F4D4D;
}

.Tips1
{
position: absolute;
cursor: help;
}

.faqlist li {padding-bottom: 0.8em;}