@charset "utf-8";

/* basic formating */
html{
	font-size:16px;
}
body {
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica,Arial,Tahoma,sans-serif;
}
h1 {
	font-size:4.5em;
}
h2 {
	font-size:2.2em;
	margin-bottom:0.818182em;
}
h3 {
	font-size:1.8em;
	line-height:1em;
	margin-bottom:1em;
}
h4 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:1.2em;
}
h5 {
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:1.2em;
}
h6 {
	font-size:1.3em;
	margin-bottom:1.23077em;
}
p, label {
	font-size:1.2em; /* 12px */
}
li {
	font-size: 1.4em;
}
.left {
	float: left;
}
.right {
	float: right;
}

#ApplicationLogo {
	height: 38px;
}


/* CSS Document */
p {
	margin: 5px;
}
#header {
	margin: 10px auto;
	width: 550px;
	height: 40px;
	padding: 0;
}
#header img {
	float: left;
}

#header #lang-combo {
	float: right;
	padding-top: 15px;
}

/* Prihlasovacia cast */
#login {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px auto;
	width: 570px;
	height: 236px;
}
#login form {
	float: left;
	margin: 30px 0 0 40px;
}
#login label {
	width: 80px;
	display: inline-block;
	margin-right: 20px;
}

#login-error-msg {
	color: red;
	padding-left: 104px;
	display: none;
}

/* DEMO -- prava cast loginu */
/*#login div {*/
#demo {
	background-position: right 0;
	background-repeat: no-repeat;
	padding: 0;
	width: 180px;
	height: 206px;
	float: right;
}
/*#login div p {*/
#demo p {
	padding: 30px 10px 0 20px;
	margin: 0px 5px 0 0;
	line-height: 2em;
	background-position: right 33px;
	background-repeat: no-repeat;
}
/*#login div p a {*/
#demo p a {
	text-decoration: none;
}


/*#login div p a span {*/
#demo p a span {
	font-size: 30px; 
	line-height: 1.6em;
}

/* Novinky a oznamy */
.info-message {
	margin: 10px auto;
	width: 480px;
	padding: 0;
	padding-left: 75px;
	background-position: left 0px;
	background-repeat: no-repeat;
	min-height: 70px;
}
.info-message p {
	padding-bottom: 20px;
}
.info-message a:hover {
	text-decoration: none;
}
.info-message span {
	font-size: 14px; 
	line-height: 1.5em;
}

.info-message.news { background-image: url(../images/default/icons/ico_news_64.png); }
.info-message.maintenance { background-image: url(../images/default/icons/ico_udrzba_64.png); }
.info-message.failure { background-image: url(../images/default/icons/ico_vypadok_64.png); }
.info-message.action { background-image: url(../images/default/icons/ico_akcia_64.png); }
.info-message.hint { background-image: url(../images/default/icons/ico_tip_64.png); }
.info-message.poll { background-image: url(../images/default/icons/ico_anketa_64.png); }
.info-message.alert { background-image: url(../images/default/icons/ico_upozornenie_64.png); }


/* Copyright */
.copy {
	text-align: center;
}
.copy.ymonitor {
	font-weight: bold;
}
.copy.ymonitor em {
	font-weight: normal;
	font-style: italic;
}
.copy.ymonitor a {
	text-decoration: none;
	border-bottom: 1px dotted;
}


.ico-login { background-image:url(../images/default/ico_action_login.png) !important; }
.ico-login-process { background-image:url(../images/default/loading.gif) !important; }


#remember-checkbox .x-form-check-wrap {
	background-image: none;
	border-left: none;
	float: none;
	height: auto;
	padding-left: 3px;
	width: auto;
}


/** vim: ts=4:sw=4:nu:fdc=4:nospell
*
* Ext.ux.IconCombo Stylesheets
*
* @author    Ing.Jozef Sakáloš
* @copyright (c) 2008, by Ing. Jozef Sakáloš
* @date      5. April 2008
* @version   $Id: Ext.ux.IconCombo.css 140 2008-04-06 01:24:10Z jozo $
*
* @license Ext.ux.IconCombo.css is licensed under the terms of the Open Source
* LGPL 3.0 license. Commercial use is permitted to the extent that the 
* code/component(s) do NOT become part of another Open Source or Commercially
* licensed development library or toolkit without explicit permission.
* 
* License details: http://www.gnu.org/licenses/lgpl.html
*/
.ux-icon-combo-icon {
	background-repeat:no-repeat;
	background-position:0 50%;
	width:18px;
	height:14px;
}
.ux-icon-combo-input {
	padding-left:25px;
}
.x-form-field-wrap .ux-icon-combo-icon {
	top:3px;
	left:5px;
}
.ux-icon-combo-item {
	background-repeat:no-repeat ! important;
	background-position:3px 50% ! important;
	padding-left:24px ! important;
}

.ux-flag-en {
	background-image:url(../images/default/flags/gb.png) ! important;
}
.ux-flag-sk {
	background-image:url(../images/default/flags/sk.png) ! important;
}
.ux-flag-de {
	background-image:url(../images/default/flags/de.png) ! important;
}
.ux-flag-cs {
	background-image:url(../images/default/flags/cz.png) ! important;
}
.ux-flag-hu {
	background-image:url(../images/default/flags/hu.png) ! important;
}
.ux-flag-ru {
	background-image:url(../images/default/flags/ru.png) ! important;
}
.ux-flag-sr {
	background-image:url(../images/default/flags/sr.png) ! important;
}


/* .ext-el-mask */
.ext-el-mask {
	background-color: #333;
}
.ext-el-mask {
	-moz-opacity: 0.6;
	opacity: .60;
	filter: alpha(opacity=60);
}



/* bug v IE: v quirk mode sa necentruje login dialog */
body.ext-ie {
	text-align: center;
}
body.ext-ie div {
	text-align: left;
}
body.ext-ie #header {
	text-align: left;
}
body.ext-ie #ApplicationLogo {
	float: left;
}


a#PasswordRestore {
	color: #aaa;
}
a#PasswordRestore:hover {
	color: #fff;
}


/* .action button */
.action .x-btn-tl, .action .x-btn-tr, .action .x-btn-tc, .action .x-btn-ml, .action .x-btn-mr, .action .x-btn-mc, .action .x-btn-bl, .action .x-btn-br, .action .x-btn-bc {
	background-image:url(../images/default/button/btn-action.gif);
}
.action.x-btn button {
    color: #FFFFFF;
}
.action.x-btn-click .x-btn-text, .action.x-btn-menu-active .x-btn-text, .action.x-btn-pressed .x-btn-text{
    color:#FFFFFF;
}
.action.x-btn.x-item-disabled span {
	color: #dddddd !important;
}

/* .confirm button */
.confirm .x-btn-tl, .confirm .x-btn-tr, .confirm .x-btn-tc, .confirm .x-btn-ml, .confirm .x-btn-mr, .confirm .x-btn-mc, .confirm .x-btn-bl, .confirm .x-btn-br, .confirm .x-btn-bc {
	background-image:url(../images/default/button/btn-confirm.gif);
}
.confirm.x-btn button {
    color: #FFFFFF;
}
.confirm.x-btn-click .x-btn-text, .confirm.x-btn-menu-active .x-btn-text, .confirm.x-btn-pressed .x-btn-text{
    color:#FFFFFF;
}
.confirm.x-btn.x-item-disabled span {
	color: #dddddd !important;
}

/* .decline button */
.decline .x-btn-tl, .decline .x-btn-tr, .decline .x-btn-tc, .decline .x-btn-ml, .decline .x-btn-mr, .decline .x-btn-mc, .decline .x-btn-bl, .decline .x-btn-br, .decline .x-btn-bc {
	background-image:url(../images/default/button/btn-decline.gif);
}
.decline.x-btn button {
    color: #FFFFFF;
}
.decline.x-btn-click .x-btn-text, .decline.x-btn-menu-active .x-btn-text, .decline.x-btn-pressed .x-btn-text{
    color:#FFFFFF;
}
.decline.x-btn.x-item-disabled span {
	color: #dddddd !important;
}





/* registration form */
.registration-form form
{
	padding:40px;
	/*border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;*/
	background-color:#fafafa;
	border-color:#ddd;
	border-width:1px;
	margin-bottom: 50px;
}


.x-form-invalid, textarea.x-form-invalid{
    background-color: #ffeeee;
    background-image: none;
}