@charset "utf-8";

/* =Debug
-----------------------------------------------------------------------------*/
/* { border: 1px solid #f00; }*/


/* =General
-----------------------------------------------------------------------------*/
* {
	margin:0pt;
	padding:0pt;
	}
body {
	margin: 0px;
	background: url(../img/top_bg.gif);
	background-repeat: repeat-x;
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
    font-size: 0.6em;
	}
.clearer {
	display: block;
	clear: both;
	width: 100%;
	height:0px;
	overflow:hidden;
	}
.center {
	margin: 0 auto;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
#yui-history-iframe {
	position:absolute;
	top:0; left:0;
	width:1px; height:1px;
	visibility:hidden;
	}


/* =Headers
-----------------------------------------------------------------------------*/
#header_logo {
	position:relative;
	top:33px;
	color: white;
	letter-spacing: 3px;	
	font-weight: normal;	
	margin: 0px;	
	display:block;
	float:left;
	padding-left: 10px;
	font-size: 2.4em;
	top:33px;	
	background: url(../img/bg_t.gif) no-repeat;
	}
#header_logo a {
	color: white;
	text-decoration: none;
	}
#header_logo a:hover {
	color: #93B300;
	}
h1 {
	margin:0pt 0pt 20px;
	/*color: #9f9f9f;*/
	color: #666666;	
	padding:0px;
	font-size: 1.28em;
	text-align: center;
	/*font-weight: normal;*/
	}
h2 {
	width: 100%;
	margin: 0;
	/*color: #9f9f9f;*/
	padding:0px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
	}
h3 {
	background:#3D67CE;
	color:#FFFFFF;
	display:block;
	font-size:1em;
	font-weight:normal;
	padding: 1px 0 2px 20px;
	}


/* =Links
-----------------------------------------------------------------------------*/
a:link { color: #93B300; }
a:visited { color: green; }
a:hover { text-decoration: none; } 
a:active { color: #93B300; }


/* =Forms
-----------------------------------------------------------------------------*/
input, button, textarea, select {
	color:#333333;
	}
fieldset {
	border: 0px solid transparent;
	padding: 10px;
	}
fieldset.vis_fieldset {
	border: 1px solid #ccc;
	}  
legend {
	color: #a7a7a7;
	margin-left: 0px;  
	}
select {
	/*height: 17px;*/
	height: 19px;
	font-size: 11px;
	}
input[type="text"],
input[type="password"] {
	height: 16px;
	font-size: 13px;
	}  
/*
button {
	height: 24px;
	width: 100px;
}   */
input:focus, textarea:focus {
	background: #ffffef;  
	}
  

/* =Tables
-----------------------------------------------------------------------------*/
table {
	border-collapse:collapse;   
	}
caption {
	padding: 0 0 5px 0;	
	text-align: right;
	}
td, th {
	vertical-align: top;
	}
th {
	background:#3D67CE none repeat scroll 0%;
	color:#FFFFFF;
	text-align:left;
	}
tr.dark td, col.dark, row.dark {
	background-color:#F8F8F1;
	}
  
/* =Structure
-----------------------------------------------------------------------------*/

/* Main Container */
#wrap {
    margin-left: auto;
    margin-right: auto;
    width: 730px;
	}

/* Top */
#top {
	width: 100%;
	height: 88px;
	color: #fff;
	background: #000 url(../img/top_bg.gif);
	/*overflow:hidden;*/
	position: relative;
	}
#lang {
	color:#666666;
	position:absolute;
	top:91px;
	}

/* Main Menu */
#menu {
	display: block;
	float:right;
	}
#menu a {
	float: left;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	padding: 55px 14px 12px 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	}

* html #menu a {width:1%;}

#menu a:hover {
	background: url(../img/bg_menu.gif);
	}
#menu a.current {
	letter-spacing: 1px;
	color: gray;
	background: url(../img/bg_menu.gif);
	}
#menu a.current:hover {
	color: #fff;
	}
#menu a.current:hover {
	color: #fff;
	}

/* Content Container */
#content {
	/*width: 100%;*/
	margin-top:30px;
	padding: 0 20px 0 20px;
	font-size: 1.2em;
	}
#content h2 {
	margin: 0;
	padding:12px 0pt 5px;
	}	

/* nav */

#nav{ list-style: none; margin: 2.0em 0; width: 25em; float: right;}
#nav li{ padding: 0; margin: 0; }
#nav a{
	display: block;
	height: 2.0em;
	padding: 0.3em 0.3em 0.3em 0.8em;
	border-bottom: 2px; /*solid #1a1a1a*/
	border-top: 2px; /*solid #1a1a1a*/
	color: #93B300;
	background-color: #F7F9FB;
	font-weight: bold;
	text-decoration: none;
	}
#nav a:hover{
	color: #1a1a1a;
	background: url(../img/bg_t.gif) no-repeat;
	background-color: #fff;
	font-weight: bold;
	}	

/* Footer */
#footer {
	font-size:0.85em;
    margin: 40px auto 0 auto;
	text-align: center;
	border-top: dotted 1px gray;
	padding: 20px 0 20px 0;
	width: 70%;
	}
#footer p {
	margin: 0px;
	padding: 0;
	}

/* loading */
#load_indicator {
	/*background-color: purple;*/
	background: transparent url(../img/bg_t.gif) repeat scroll 0 0;
	padding: 5px 10px;
	position: absolute;	
	right: 0;
	top: 0;
	color: white;
	display: none;
	}
	
/* box */
.box {
	background:#EDF5FF none repeat scroll 0%;
	border-color:#243356 rgb(128, 128, 128) rgb(128, 128, 128);
	border-style:solid;
	border-width:1px;
	padding:0.25em 0.5em;
	}

/* =Misc
-----------------------------------------------------------------------------*/
p {
	line-height: 17px;
	margin: 11px 0 10px 0;
	padding: 0px;
	}
.msg {
	text-align:justify;
	text-indent:2em;
	}
blockquote{
	background: #F7FDE3;
	color: #606060;
	padding: 10px;
	}
.alert {
	/*color: purple;*/
	color: #2647A0;	
	font-weight: bold;
	font-size: 0.9em;
	}  
.center_text {
	text-align: center;
	}
.little_text {
	font-size:0.8em;
	}  
.tips {
	font-style: italic;
	font-size: 0.9em;	
	}
hr.dots {
	border-color:#2647A0;
	border-style:dotted none none;
	border-width:1px 0px 0px;
	color:white;
	height:1px;
	/*margin-bottom:0.7em;
	margin-top:0.7em;*/
	}
hr.solid {
	background-color:#243356;
	border-width:0px;
	color:#243356;
	height:1px;
	} 
.data_header {
	background:#3D67CE;
	color:#FFFFFF;
	padding: 1px 0 2px 20px;
	}
.data_header dd, 
.data_header li {
	color:#FFFFFF;
	}
.pass_input_container {
	position: relative;
	text-align:left;
	}
.pass_indicator {
	border-top: 3px solid;
	/*height:3px;*/	
	position:absolute;
	top:20px;
	left:0;
	width: 0;
	}
* html .pass_indicator {	
	
	}
#pass_length {
	width: 2em;
	}
#dialog_pass_length	{
	width: 2em;
	}
code {
	font-family:monospace;
	font-size: 1.2em;
	border: 1px solid lightgrey;
	padding: 2px 4px;
	margin: 6px 0 6px;
	display: block;
	text-align:left;
	text-indent:0;
	margin:5px 0 15px;
	}
.img_title {
	display:block;
	font-style:italic;
	text-align:center;
	}
	
/* =Tabs
-----------------------------------------------------------------------------*/
#content .yui-navset .yui-nav a,
#content .yui-navset .yui-navset-top .yui-nav a {
	background:#d8d8d8 url(../img/sprite.png) repeat-x left top;
	}
#content .yui-navset .yui-nav .selected a,
#content .yui-navset .yui-nav .selected a:focus,
#content .yui-navset .yui-nav .selected a:hover{
	background:#2647a0 url(../img/sprite.png) repeat-x left -1400px;
	}
#content .yui-navset .yui-nav a:hover,
#content .yui-navset .yui-nav a:focus{
	background:#bfdaff url(../img/sprite.png) repeat-x left -1300px;
	}


/* =Lists
-----------------------------------------------------------------------------*/
ul {
	/*font-size: 10px;*/
	margin:0;
	padding:0;
	list-style: none;	
	}
ul.bullet {
	/*list-style-image: url(../img/bullet.gif);*/
	list-style-type:square;
	padding: 15px 0pt 15px 35px;
	}
ul.bullet li { 
/*	margin-bottom:5px;*/
	line-height:1.6em;
	}
dl.citata {
	padding: 0 0 10px;
	}
dl.citata dt {
	display: block;
	width: 100%;
	text-align: right;
	font-style: italic;
	}
dl.citata dd {
	color: #9F9F9F;
	display: block;
	padding: 7px 0;
	width: 100%;
	text-align: right;
	}
dl.news {
	padding: 10px 0px 15px;
	line-height: 1.6em;
	}
dl.news dt {
	font-style: italic;
	margin:5px 0;
	}
dl.news dd {
	padding-left: 35px;
	}	


/* Page: =main
-----------------------------------------------------------------------------*/

#citata_div {
	float: right;
	padding: 15px 10px 0;
	width: 250px;
	}
#big_buttons {
	overflow:hidden;
	zoom:1;
	padding:0pt 0pt 0pt 19px;
	
	}	
#big_buttons li {
	display:block;
	float:left;
	width:128px;
	font-size: 1.3em;
	margin:0pt 40px;
	text-align:center;
	font-weight:bold;
	}	
#big_buttons li a {	
	text-decoration:none;
	}
#big_buttons a img {
	border:0;
	}	
#bottom_links {
	width:100%;
	text-align:center;	
	}
.news_alert {
	color: #2647A0;	
	font-weight: bold;
	}


/* Page: =container_login
-----------------------------------------------------------------------------*/

#container_login input {
	width: 460px;
	}
#container_login .box {
	padding: 0px 20px 3px;
	margin: 0 auto;
	/*width: 400px;*/
	}
#container_login label {	
	float: left;
	font-weight: bold;
	padding:3px 0 0 43px;
	text-align: left;
	width:72px;
	}
#pass_indicator_login {
	left:115px;
	}
* html #pass_indicator_login {
	left:0;
	}	
#login_error,
#pass_error {
	display:block;
	padding-left:115px;
	}

/* Page: =container_registration
-----------------------------------------------------------------------------*/

#container_registration .yui-content {
	padding: 0;
	}

#container_registration label {
	display: block;
	float: left;
	font-weight:bold;
	padding:0pt 5px 0pt 0pt;
	width: 138px;
	text-align: right;
	}
#container_registration .input_text {
	width:300px;
	}
#container_registration .yui-content p {
	display: block;
	/*padding: 0 3px 0 90px;*/
	text-align: left;
	}
#container_registration .alert {
	padding: 0 0 0 5px;
	}
#pass_indicator_register_ind,
#pass_indicator_register_kol,
#pass_indicator_register_pris {
	left:143px;
	}
* html #pass_indicator_register_ind,
* html #pass_indicator_register_kol,
* html #pass_indicator_register_pris {	
	left:0px;
	}	
	
/* Page: =container_cards
-----------------------------------------------------------------------------*/	
#cards_mask {
	height: 1024px;
	z-index:0;
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	opacity:.25;	
	filter:alpha(opacity=25);
	}
#cards_mask {
	width: expression(document.documentElement.clientWidth + "px");	
	*height: expression(document.documentElement.clientHeight + "px");	
}
#cards_tabs .yui-content {
	padding: 0pt 9px 6px 11px;
	z-index:301;	
	}
#cards_tabs {
	margin: 5px 0 0;
	}	
#container_cards .yui-navset-left .yui-nav {
	width:160px;
	}
#container_cards .yui-navset-left {
	padding:0pt 0pt 0pt 160px;
	}
#container_cards #cards_buttons {
	text-align: right;
	}
#nocards_error {
	display:none;
	height:77px;
	line-height:111px;	
	}

.card_records {
	clear:left;
	padding: 5px 0 5px 20px;
	}	
.card_records dt {
	float: left;
	width: 170px;	
	}
.card_records dt,
.card_records dd {	
	font-family:monospace;
	font-size:15px;
	}
#container_cards .data_header dt,
#container_cards .data_header  dd {
	font-family: Verdana, Arial, sans-serif;
	font-size:1.2em;
	}
#container_cards dd {	
	color:#666666;
	margin:0pt 0pt 0pt 170px;
	}
#container_cards dl.data_header {
	padding: 1px 0 2px 20px;
	}
#container_cards dl.data_header dd {
	color:#FFFFFF;
	}
#container_cards dd input {
	width: 314px;
	}	
#container_cards dl.card_note dd {
	margin:0px;
	font-style:italic;
	}
	
#container_cards td,
#container_cards th {
	border: 0;
	padding: 4px 3px 0px;
	}
#container_cards th {
	padding-top: 2px;
	padding-bottom: 2px;	
	}
#container_cards .left_td {
	padding-left: 0;
	}
#container_cards table .yui-button button {	
	font-size:0.8em;
	padding:0pt 6px;
	}	
#container_cards select {		
	width: 66px;
	}
#container_cards #edit_card_top {
	margin-bottom:11px;
	margin-left:10px;
	margin-right:10px;
	margin-top:12px;
	}	
#container_cards #card_name_input,
#container_cards textarea {
	width:100%;
	}
#container_cards #card_name_input {
	margin: 0 0 4px;
	}
#container_cards .card_record_label {
	width: 122px;/*142px;*/
	}
#container_cards .card_record_data {	
	width: 244px;
	}	

/* Page: =container_tools
-----------------------------------------------------------------------------*/	
/*
#container_tools .yui-content div {
	min-height: 200px;
	height: auto !important;	
	height: 200px;
	}*/
#container_tools .yui-content .tool_tab {
	min-height: 200px;
	height: auto !important;	
	height: 200px;
	}
#container_tools .yui-navset-left .yui-nav {
	width:160px;
	}
#container_tools .yui-navset-left {
	padding:0pt 0pt 0pt 160px;
	}
#container_tools .yui-content {
	padding:0pt 20px 10px 20px;
	}
#container_tools .yui-button {
	vertical-align:bottom;
	}
#login_history_table table{
	width: 100%;
	}
#login_history_table table td {	
	vertical-align:middle;
	}
#login_history_table table th {	
	text-align: center;
	}
#backup_table table {
	width:100%;
	}	
#backup_table table th,
#backup_table table td {	
	vertical-align:middle;
	text-align: center;
	}	
#backup_year_container {
	display:inline;
}		

/* Page: =container_tools
-----------------------------------------------------------------------------*/	
.printable-version h1 {
	color: white;
	display: inline;
	font-size:2.4em;
	font-weight:normal;
	letter-spacing:3px;
	margin:225px;
	line-height: 73px;
	}
.printable-version th,
.printable-version td {
	padding-left: 20px;
	}	
/*.printable-version td {
	border: 1px solid black;
	}		*/
.printable-version table {	
	font-family:monospace;
	margin:20px 0 10px 20px;
	font-size:14px;
	border-collapse:separate; 
	}
.change_pass_container label {
	display: block;
	float: left;	
	padding:0pt 5px 0pt 0pt;
	width: 176px;
	text-align: right;
	}
.change_pass_container input {
	wwidth: 100px;
	}
#cur_pass_input,
#new_pass_input,
#new_again_pass_input {
	width:282px;
	}
#pass_indicator_newpass {
	margin-left:182px;
	}
* html #pass_indicator_newpass {
	margin-left:0;
	}	
.printable-version a {
	text-decoration: none;
	}	
.printable-version .catalog_name {
	border-bottom:1px solid gray;
	display:block;
	font-weight:bold;
	margin:20px 0 0 20px;
	text-align:center;
	width:644px;
	}
	
/* Page: =help_tools
-----------------------------------------------------------------------------*/	
.help_navigation {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;	
	border-left: 0px;
	border-right: 0px;	
	padding:10px;
	text-align:center;
	overflow: hidden;
	zoom:1;
	position:relative;
	margin-top:2em;
	}
.help_navigation a {	
	text-decoration: none;
	}
.help_navigation .help_navigation_prev {
	float: left;
	}		
.help_navigation .help_navigation_next {
	float: right;
	}	
.help_navigation .help_navigation_contents {
	display:block;
	width:100px;	
	margin:0 auto;	
	}
	
/* =editable_select
-------------------------------------------------------------------------*/	
.selectBoxArrow{
	margin-top:1px;
	float:left;
	position:absolute;
	right:1px;	
	height:16px;
}	
.selectBoxInput{
	border:0px;
	padding-left:1px;
	height:16px;
	position:absolute;
	top:0px;
	left:0px;
}

.selectBox{
	border:1px solid #A5ACB2;
	height:18px; /*20px;	*/
}
.selectBoxOptionContainer{
	position:absolute;
	border:1px solid #7f9db9;
	/*height:100px;*/
	background-color:#FFF;
	left:-1px;
	top:20px;
	visibility:hidden;
	overflow:auto;
	/*z-index:1000;*/
	z-index:1;	
}
.selectBoxIframe{
	position:absolute;
	background-color:#FFF;
	border:0px;
	z-index:999;
}
.selectBoxAnOption{
	font-family:arial;
	font-size:12px;
	cursor:default;
	margin:1px;
	overflow:hidden;
	white-space:nowrap;
}