/* DEFAULTS
/*____________________________________________________________________________________________________________________________________*/
body   
{
	margin: 0; 
	padding: 0;
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	background: #ddd url(../images/main/body_bg.gif) repeat-x;
	color: #000;
}

#page
{
    width: 1008px;
    background-color:#034484;
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
}

.container {
	width: 1008px;
	margin: 0 auto;
	position: relative;
}

#header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #000000;
    width: 100%;
    font: 12px normal Arial, Helvetica, sans-serif;
}
#logo 
{
    height:100px;     
    background: url(../images/main/ineligy_header.jpg);
}
.logocontent
{
	width:468px; 
	height:60px;
	float:right;
	padding-top:20px;
}
#menu {
	padding-top: 0px;
}
#menu .disclaimer {
	color: #999;
	padding: 100px 0 7px 0;
	text-align: right;
	display: block;
	position: absolute;
	top: 0; right: 0;
}
#menu .disclaimer a {	color: #ccc;}

ul.topnav {
	list-style: none;
	padding: 0 0px;	
	margin: 0;
	float: left;
	width: 1008px;
	background: #222;
	font-size: 1.2em;
	background: url(../images/main/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/main/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/main/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/main/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/main/dropdown_linkbg.gif) no-repeat 10px center; 
}
#menu img {
	margin: 20px 0 10px;
}

#main
{
	padding-top:40px;
    background-color:#034484;
}

.main_left
{
    width:190px;
	float:left;
}
.main_center
{
	margin-left:190px;
	width:818px;
}
.main_center_left
{
	width:484px;
	float:left;
}
.main_center_right
{
	margin-left:484px;
	width:330px;
}
#login
{
	margin-left:200px;
	width:418px;
}

#footer
{
    color: white;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    width:1008px; height:120px;
    font: 12px normal Arial, Helvetica, sans-serif;
	border-top: 3px solid white;
	background: url(../images/main/body_bg_rev.gif) repeat-x;
}
/* Dialog
/*____________________________________________________________________________________________________________________________________*/
.dialog {
	width:100%;
	margin:0px 0;
	min-width:160px;
	max-width:1054px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
	font-size:1px; /* ensure minimum height */
	height:11px;
}

.dialog .ft .c {
	height:14px;
}

.dialog .hd {
	background:transparent url(../images/main/tl.png) no-repeat 0px 0px;
	margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
	background:transparent url(../images/main/tr.png) no-repeat right 0px;
	margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
	background:transparent url(../images/main/ml.png) repeat-y 0px 0px;
	margin-right:6px;
}

.dialog .bd .c {
	background:transparent url(../images/main/mr.png) repeat-y right 0px;
	margin-right:-6px;
}

.dialog .bd .c .s {
	margin:0px 8px 0px 4px;
	background:#000 url(../images/main/ms.jpg) repeat-x 0px 0px;
	padding:1em;
}

.dialog .ft {
	background:transparent url(../images/main/bl.png) no-repeat 0px 0px;
	margin-right:14px;
}

.dialog .ft .c {
	background:transparent url(../images/main/br.png) no-repeat right 0px;
	margin-right:-14px;
}

/* content-specific */
.dialog h1 {
	/* header */
	font-size:2em;
	margin:0px;
	padding:0px;
	margin-top:-0.6em;
}
.dialog h2 {
	/* header */
	font-size:1,5em;
	margin:0px;
	padding:0px;
	margin-top:-0.6em;
}
.dialog h3{
	/* header */
	font-size:1em;
	margin:0px;
	padding:0px;
	margin-top:-0.6em;
}
.dialogimg
{
	margin-top:-1em;
}
p {
	font-family:verdana,tahoma,arial,"sans serif";
	opacity:1;
}

.dialog p {
	margin:0.5em 0px 0px 0px;
	padding:0px;
	font:0.95em/1.5em arial,tahoma,"sans serif";
}

.dialog pre {
	font-size:1.1em;
 }
 /*Round
 /*____________________________________________________________________________________________________________________________________*/
div#dlogin { 
	background-color: white; 
	color:black; 
	padding: 10px; 
	height: 100%; 
	border:1px 
}
div#dround { 
	background-color: white; 
	color:black; 
	padding: 10px; 
	height: 100%; 
	border:1px 
}
#curveBox {
    color: #fff;
    text-align: left;
    background-color: transparent;
    border: 2px solid #fff;
}
.dround { 
	background-color: white; 
	color:black; 
	padding: 10px; 
	height: 100%; 
	border:1px 
}

div.rounded-box {
    position:relative;
    width: 300px; height:250px;
    background-color: black;
    margin: 3px;
}

/*********************
GLOBAL ATTRIBUTES
*********************/
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;}

div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position:relative; font-size:150px; font-family:arial; color:black; line-height: 40px;}

/*********************
SPECIFIC ATTRIBUTES
*********************/

div.top-left-corner { top:0px; left:0px; }
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}

div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}

div.box-contents {
	position: relative; padding: 8px; color:#000;
}
/* Nadhlad img
/*____________________________________________________________________________________________________________________________________*/
.thumbnail
{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}
/* Autocomplete
/*____________________________________________________________________________________________________________________________________*/
.suggestionsBox {
	position: absolute;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 200px; height:250px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #FFFFFF;
	z-index:100;
}
	
.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}
	
.suggestionList li:hover {
	background-color: #659CD8;
}
/*____________________________________________________________________________________________________________________________________*/
#scrollingContainer{
	width:100%;	/* 170 pixels in width */
	padding:2px;	/* A little bit of space between border of box and text inside */
	float:left;	/* I want the text to wrap around the box */
	margin-right:10px;	/* Right margin of 10 pixels */
	font-size:0.9em;	/* Smaller font size than the rest of the page */
		
	overflow:hidden;
}
/*____________________________________________________________________________________________________________________________________*/

#dhtmlgoodies_tooltip{
	background-color:#EEE;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	
}
#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}
/* Marquee
/*____________________________________________________________________________________________________________________________________*/
#dhtmlgoodies_marquee
{
	/* general marquee layout*/
	padding-top:3px;
	height:25px;
	background-color: #000;
	/* End general marquee layout */
	position:absolute;
	left:0px;
	z-index:1000;
	bottom:0px;
	display:none;
	width:100%;
	overflow:hidden;
}
body > div#dhtmlgoodies_marquee
{	/* Firefox rule */
	position:fixed;
}
#dhtmlgoodies_marquee .textObj
{	/* Layout for the marquee text */
	position:absolute;
	color: #FFF;
	font-weight:bold;
	white-space:nowrap;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
/* Just some layout classes used in this script */
.highlighted
{
	color:#F00;
}
.greenText
{
	color:#0F0;
}
/* Dropdown content
/*____________________________________________________________________________________________________________________________________*/
.dhtmlgoodies_contentBox{
	height:0px;
	visibility:hidden;
	position:absolute;
	background-color:#E2EBED;
	overflow:hidden;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #FFFFFF;
	z-index:100;
}
.dhtmlgoodies_content{
	position:relative;	
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	width:100%;
	font-size:0.8em;	
}
/* Accordion
/*____________________________________________________________________________________________________________________________________*/
.accordian {
	width: 158px;
	/* border: 1px solid #d8d8d8;*/
}

.accordian li {
	list-style-type: none;
	padding: 2px;
}

.dimension {
	padding: 0px;
}
	
.even, .odd {
	font-weight: bold;
	height: 18px;
	padding-top: 1px;
}
	
.even {
	border: 1px solid black;
}
	
.odd {
	border: 1px solid black;
}
/*____________________________________________________________________________________________________________________________________*/
.clear
{
    clear: both;
}
.divTransparent {
	padding: 3px;
	font-weight: bold;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid white;
	border-bottom:1px solid white;
	background: url(../images/main/Images/transparent.png) 0 0;
}
.input_user
{
	margin:0;
	width:120px;
	height:20px;
	padding:6px 0 0 11px;
	border-style:none;
	background:url(../images/main/input_user.png) no-repeat 0 0;
	color:black;
}
.input_datum
{
	margin:0;
	width:101px;
	height:20px;
	padding:6px 0 0 11px;
	border-style:none;
	background:url(../images/main/input_datum.png) no-repeat 0 0;
	color:black;
}
.input_datum_cas
{
	margin:0;
	width:120px;
	height:20px;
	padding:6px 0 0 11px;
	border-style:none;
	background:url(../images/main/input_datumcas.png) no-repeat 0 0;
	color:black;
}
input.textRequired, textarea.textRequired
{
    border: 2px ridge;
    border-color:#e1e1e1;
    background-color:#ffffa0;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:black;
}
select
{
    border: 2px groove;
    border-color:#E1E1E1;
    background-color:#FFFFFF;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:black;    
}
select.textRequired
{
    border: 2px groove;
    border-color:#E1E1E1;
    background-color:#f0e68c;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:black;    
}
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/main/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../images/main/radio.png) no-repeat;
}
.boldwhite
{
    font-size: 12px; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: White;
}
.boldblack
{
    font-size: 12px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: Black;
}
.boldred
{
    font-size: 12px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: Red;
}
.boldgreen
{
    font-size: 12px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: Green;
}
.boldorange
{
    font-size: 12px; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: Orange;
}
.linkbutton
{
    font-size: 12px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000080;
}
input.scale1
{
	background-color: black;
	font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #DDD;

}
input.scale2
{
	background-color: black;
	font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: white;
}
input.scale3
{
	background-color:black; 
	font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #EDF3F7;
}
input.scale4
{
	background-color: black; 
	font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: orange;
}
input.scale5
{
	background-color: black; 
	font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: burlywood;
}
input.scale6
{
	background-color: black; 
	font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: khaki;
}
input.button
{
	background-color: black; 
    font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: white;
}
input.filter
{
	background-color: black; 
    font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: white;
}
input.reset
{
	background-color: black; 
    font-size: 11px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: red;
}
table.data
{
	border-collapse: collapse; 
	width:100%;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
}
table.data thead tr,
table.data tfoot tr
 {
	height:24px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-top:1px Solid Gray; 
	border-bottom:1px Solid Gray;
	color:white;
}
table.data td, table.data th
{
	padding-left:2px;
	padding-bottom:1px;
	padding-top:1px;
}
table.data a:link, table.data a:visited
{
	color:white;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size: 12px;
}
table.data a:hover
{
    color:gray;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size: 12px;
}
td.home_top
{
	height:40px;
	background:transparent url(../images/main/backg_top.png) no-repeat;
}
td.home_center
{
	background:white url(../images/main/backg_center.png) repeat-x;
}
td.home_bottom
{
	height:40px;
	background:transparent url(../images/main/backg_bottom.png) no-repeat 0 -25px;
}
table td.pagingup
{
	padding-top:7px;
	padding-bottom:7px;
}
table td.pagingdown
{
	padding-top:18px;
}
.selectedrowstyle td
{
	background-color: transparent;
    border-top:1px solid white;
	border-bottom:1px solid white;
	color:white;
}
.tranparentrowstyle td
{
    background-color: transparent;
}
.bold
{
    font-weight: bold;
}
.boldwhiteclickable
{
    font-size: 12px; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: White;
	cursor: pointer;
}
.clickable
{
	cursor: pointer;
}
.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.diskusia a:link, .diskusia a:visited
{
	font-size: 12px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000080;
	text-decoration:none;
}
.diskusia a:hover
{
    color:#000080;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size: 12px;
	text-decoration:none;
}

a:link, a:visited
{
	font-size: 12px;  
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:white;
	text-decoration:none;
}
a:hover
{
    color:gray;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size: 12px;
	text-decoration:none;
}
a:active
{
    color:#000000;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size: 12px;
}
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}