/* 
    Document   : global
    Created on : 20.11.2008, 16:15:56
    Author     : Spurny
    Description:
        Main site style.
*/

 	body {
		font: normal 9pt Tahoma, sans-serif;
		padding: 6px;
	}

	a:link, a:visited, a:hover, a:active {
		font: normal 9pt Tahoma, sans-serif;
		color: #000080;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}

	table {
		font: normal 9pt Tahoma, sans-serif;
		border-collapse: collapse; color: #999;
	}

	table td {
		border: 1px solid #ccc;
		padding: 2px 4px;
	}

	table.noVisual td {
		border: none; background: none;
	}

	td.header, td.header strong {
		background: #999; color: #eee;
		font: bold 9pt Tahoma, sans-serif;
	}

	td { background: #fefefe; color: #888; }
	td.input { background: #efefef; padding: 0px; margin: 0px; }
	table.print td.input { padding: 0px 4px; }

	input, select, textarea {
		font: normal 9pt Tahoma, sans-serif;
		border: 1px solid #afafaf; background: #cfcfcf; padding: 2px;
		margin: 0px; width: 150px; color: #000;
	}

	input.button, button.button {
		font: bold 10pt Tahoma, sans-serif;
		background: #efefef;
		padding: 4px 12px;
	}

	button.button {
		border: 0px; background: #afafaf;
		margin: 0px;
	}
	
	input.checkbox {
		width: 16px; height: 16px;
	}
	
	a.button:link, a.button:visited, a.button:hover, a.button:active, input.button2,
	a.button2:link, a.button2:visited, a.button2:hover, a.button2:active {
		padding: 4px 10px; border: 1px outset #aaa;
		background: #ddd; text-decoration: none; width: auto;
	}
	
	a.button:hover, a.button2:hover {
		background: #ddd; 
	}
	
	a.red {
		font-size: 160%;	
	}
	
	a.button:active, a.button2:active {border-style: inset;}
	
	a.button2 { width: 180px; display: block; text-align: left; margin-bottom: 4px; }

	.focused, .focused option {
		background: #cfe5eb;
	}

	.error, .error option, .errorField, .errorField option, ul.errors li {
		background: #e4bcb2;
	}

	.unfocused {  background: #efefef; }

	strong { color: #1688ab; }
	.errorStr { color: #800000; }
	.noErrorStr { color: #008000; }

.errorStr, ul.errors li {
	display: block;
	background: #fff6bf url(/img/icons-gif/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}


ul.errors li {  margin-top: 4px; margin-bottom: 4px; }

	h1, h2, h3, h4 {
		font: normal 22pt "Arial Narrow", sans-serif;
		color: #1688ab; padding: 0px; margin: 0px;
		
	}

    h2.invert { background: #1688ab; color: #fff; }
    h2.invert strong { color: #fff; }

    h2 strong { background: #1688ab; color: #fff; padding: 4px 4px; font-size: 120%; }

	h2 {
		font-size: 14pt;
	}

	h3 {
		color: #666; font-size: 14pt; font-weight: bold;
	}
	
	h4 { color: #666; font-size: 12pt; }

	#displayContent {
		width: 700px; position: relative;
		left: 50%; margin-left: -350px;
	}

.hint {
   	display: inline;
    position: absolute;
    top: 80px;
    right: 50px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/img/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/img/pointer.gif) left top no-repeat;
}

.error, .information, .info, .help {
	background: #fff6bf url(/img/icons-gif/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.information, .help, .info {
	background: #f8fafc url(/img/icons-gif/information.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 2px solid #3a589a;
	border-bottom: 2px solid #3a589a;
}

.help {
	background: #f8fafc url(/img/icons-gif/help.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 2px solid #3a589a;
	border-bottom: 2px solid #3a589a;
}




/************************* NOVA ****************************/

body
{
    background: #fff; margin: 0px; padding: 0px;
    font: normal 9pt Tahoma, sans-serif; padding: 20px;
}

#root {
    width: 860px; position: absolute; left: 50%;
    margin-left: -430px;
}

#header {
    
    width: 100%; height: 50px; background: #0389b2 url(/img/header-back.png);
    padding: 0px; margin: 0px;
}

#header-menu {
    float: right; padding-top: 20px; margin-right: 20px;
}

#header-logo { float: left; }

#header-menu a:link, #header-menu a:visited, #header-menu a:hover,
#header-menu a:active {

    height: 20px; padding: 4px 6px; margin: 0px 2px;
    font: bold 8pt Tahoma, sans-serif; color: #fff;
    text-decoration: none;
    border: 1px solid #0389b2;
}

#header-menu a:hover {
    border: 1px solid #045f78;
    background: #047998;

}

#content {
    padding: 20px 0 20px 0;
    margin: 0 0 20px 0;
}

#footer {
	border-top: 1px solid #cecece;
	margin: 20px 0 0 0;
    padding: 10px 0 20px 0;
    clear: both;
	color: #cecece;
	font-size: 10px;
}

#footer a {
	color: #777;
}

#left-content, #left-content-prihlaska {
    float: left;
    width: 610px; 
    border-right: 1px solid #cecece;
    padding: 0 20px 0 0;
    margin: 0 0 20px 0;
}

#right-content, #right-content-prihlaska {
    float:left; 
    width: 200px;
    margin: 0 0 20px 20px;
}


a img { border: none; }
p {
   text-align: left; 
   padding: 0px;
   margin: 8px 0px 8px 0; 
}

div.gray { background: #eee; padding: 15px; border-bottom: 4px solid #ccc; }
div.gray hr, hr { height: 1px; margin: 0px; padding: 0px; border: none; background: #ccc; color: #ccc; }

hr { margin-bottom: 4px; margin-top: 4px; }
div.gray hr { margin: 0px; }

	fieldset.login {
		border: 1px solid #ccc;padding: 20px;
		font: normal 9pt Tahoma, sans-serif;
	}
	
	fieldset {
		border: 1px solid #ccc;padding: 5px 15px;
		font: normal 9pt Tahoma, sans-serif; margin-top: 10px;		
	}
	
	div.formCheckboxes input 
	{
		width: auto; height: auto;
	}
	
	div.formRadioboxes input {
		width: auto; height: auto; border: none;
	}
	
	td.tdImportant, td.tdImportantG {
		padding: 10px; background: #e9c7c8;
		color: #000; border: 2px solid #999;
	}
	
	td.tdImportantG { background: #cce9c7; }

    button { padding: 2px; }

    a small { text-decoration: none; color: #555; }
    
    table.data {
    	background: #ccc; border-collapse: collapse;
    	font-size: 11px;margin-top: 10px;
    }
    
    table.data thead, table.data tr.header { 
    	background: #0389B2; color: #fff;
    	text-align: left; 
    }
    
    table.data th, table.data td {
    	padding: 2px 8px; color: #000; background: #ddd;
		border: none; border-right: 1px solid #fff;
    }
    
    table.data tr {
    	border-bottom: 2px solid #fff;
    }
    
    table.data td.hover {
    	background: #fff;
    }
    
    table.data thead th {
    	background: #0389B2; color: #fff;
    }
    
    table.data tr.header td {
    	background: #999; color: #fff;
    }
    
    /* ochranna lhuta */
    table.data tr.prihlaska-stav-1-GSKOLNI td,
    table.data tr.prihlaska-stav-1-GOKRESNI td,
    table.data tr.prihlaska-stav-10-GOKRESNI td,
    table.data tr.prihlaska-stav-19-GOKRESNI td {
    	background: #ddd;
    }
    
    /* skolni kolo */
    table.data tr.prihlaska-stav-10-GSKOLNI td,
    table.data tr.prihlaska-stav-20-GOKRESNI td {
    	background: #d3e0fd;
    }
    
    table.data tr.prihlaska-stav-19-GSKOLNI td,
    table.data tr.prihlaska-stav-29-GOKRESNI td {
    	background: #f8ccce;
    }
    
    table.data tr.prihlaska-stav-20-GSKOLNI td,
    table.data tr.prihlaska-stav-30-GOKRESNI td {
    	background: #d7f8cc;
    }