body {
	color: black;
	background: url('../pics/bodybg.gif') repeat-y top rgb(243, 243, 243);
	font-family: Tahoma, Arial, Lucida, sans-serif;
	font-size: 0.7em;
}







a {
	color: #e57d7d;
}
a:hover {
	color: red;
}


		
		body.loginLayout {
			background: url('/pics/loginBg.gif') repeat-x #64789f;	
			color: white;
		}
		body.loginLayout #loginLayoutContent {
			width: 30em;
			margin: 100px auto 0;
		}
		body.loginLayout h2 {
			color: white;	
		}
		body.loginLayout form a {
			color: white;
			font-size: 90%;
		}
	
	




#appLogoHeader {
	display: none;	
}

#appTitleBg {
	width: 100%;
	background: url('../pics/panelbg.gif') no-repeat top rgb(61, 74, 101);
	height: 6em;
	clear:both;
	}
	#appTitle {
		position: relative;
		width:980px;
		margin: 0 auto;
		height: 6em;
		color: white;
	}
	#appTitle #appLogoHeader {
		float:left;
		margin:22px 0 0 12px;
		padding:0;
		font-weight: bold;
		font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
		font-size: 190%;
		font-weight: normal;
	}
	#appTitle sup { /* beta */
		font-size:110%;
		color:#7183a9;
		font-family:Verdana;	
	}
	#appTitle p {
		/*margin-top:25px;*/
		margin-right:17px;
		float:right;
		font-size:110%;
		line-height:65px;
	}
	#appTitle p img { /* REDIZO logo */
		float:none;
		vertical-align:middle;
		margin-right:0;
		margin-top:4px;
	}
	#appLogo {
		
		margin:15px 0 0 16px;
		vertical-align: middle;
	}
	
	
	
	
	
#appSectionHeader {
	float:left;
	margin:8px 0 0 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 140%;
	font-weight: normal;
	padding: 1em 0;
	color: #f9fbff;
	}
	#appSectionHeader a {
		text-decoration: none;
		color: #f9fbff;
		font-weight: normal;
	}
	#appSectionHeader a:hover {
		text-decoration: underline;
	}
	#appTitle .user {
		padding-left: 44px;
		background: url(../pics/icons4/panel/users.gif) no-repeat left;	
	}	
	#appTitle .classBookEntry, #appTitle .class {
		padding-left: 46px;
		background: url(../pics/icons4/panel/classbook.gif) no-repeat left;	
	}
	#appTitle .schoolCommunity, #appTitle .IZOUnit, #appTitle .REDIZOUnit {
		padding-left: 43px;
		background: url(../pics/icons4/panel/house.gif) no-repeat left;	
	}
	#appTitle .admin {
		padding-left: 48px;
		background: url(../pics/icons4/panel/administrative.gif) no-repeat left;	
	}
	#appTitle .entranceProcess {
		padding-left: 48px;
		background: url(../pics/icons4/panel/entranceProcess.gif) no-repeat left;	
	}	
	#appTitle .schoolBoard {
		padding-left: 58px;
		background: url(../pics/icons4/panel/schoolBoard.gif) no-repeat left;	
	}	
		
	

	
	/*
	.secureLayout #appTitle #appLogo {
		margin: 6px 0 0 16px;
	}
	.secureLayout #appTitle h1 {
		margin: 12px 0 0 12px;
	}
	.secureLayout #appTitle {
		height: 4.5em;
	}	
	*/
	
	
	#panelTools {
		right: 0;
		top: 0;
		background: url('../pics/panelToolsBg.gif') top right no-repeat;
		padding: 5px 16px 5px 10px;
		position: absolute;
		margin-right: 26px;
		overflow: hidden;
	}
	.secureLayout #panelTools {
		padding-right: 150px;
	}
	#panelTools li {
		float: left;
		margin-left: 8px;
	}
	#panelTools li a {
		display: block;
		cursor: pointer;
		padding: 5px 0;
	}
	#panelTools li a img {
		vertical-align: middle;
	}
	#panelTools li a, #panelTools li a:visited {
		color:white;
		text-decoration: none;
	}
	#panelTools li a:hover, #panelTools .sel {
		color:white;
		text-decoration: underline;
	}
	#panelTools #tahutiMark {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		background: url('../pics/tahutiLogoSmall.gif') no-repeat top right;
		width: 130px;
		height: 50px;
	}
	#panelTools #header-edituser  {
		margin-right: 8px;
	}
	#panelTools #header-edituser a {
		padding-left: 14px;
		background: url('../pics/icons4/menuarrow.gif') no-repeat 0 10px;
	}
	#panelTools .signInLink {
		font-weight: bold;
		margin-right: 8px;
	}
	/* TODO - opravit */
	.publicLayout #panelTools #tahutiMark {
		display: none !important;
	}
	.panelToolsSubMenu {
		display: none;
		/*border: 1px solid silver;*/
		border-top: 0;
		background: #182132;
	}

	.panelToolsSubMenu li a, .panelToolsSubMenu li a:visited {
		display:block;
		color: white;
		text-decoration:none;
		padding:4px 11px;
		width:12em;
	}
	.panelToolsSubMenu li a:hover {
		text-decoration:none;
		color:white;
		background: #f57979;
	}
	
	
	
#panelBg {
	background: rgb(228, 236, 246);
	/*height: 2.3em;*/
	}
	#panel {
		font-size: 100%;
		width: 980px;
		margin:0 auto;
	}
	#panel ul {
		padding-left:8px;
	}
	#panel li {
		display:block;
		float:left;
		
	}
	#panel li a, #panel li a:visited {
		text-decoration: none;
		display:block;
		padding:0.5em 0.6em;
		font-weight:bold;
		color: #3d4a65;
		cursor: pointer;
	}
	#panel li a:hover, #panel .sel {
		/*text-decoration: underline;*/
		background-color: #fbfcff !important;
	}
	
	#panel #backmenu a, #panel #backmenu a:visited {
		color: rgb(126, 144, 165);
		font-weight: normal;
		background: url('../pics/icons4/backArrow.gif') no-repeat 8px 8px;
		padding-left: 25px;
		border-right: 1px solid rgb(126, 144, 165);
	}
	#panel #goToAppLink a, #panel #goToAppLink a:visited {
		color: rgb(126, 144, 165);
		font-weight: normal;
		padding-right: 18px;
		border-left: 1px solid rgb(126, 144, 165);
		background: url('../pics/icons4/nextArrow.gif') no-repeat right;
	}
	#panel #backmenu a:hover, #panel #goToAppLink a:hover {
		color:#47596d;
	}

		

	/* Submenu - DOM independent */
	.subMenu {
		display:none;
		list-style:none;
		position:absolute;
		color: white;
		background: #fbfcff;
		border: 1px solid #9aaec2;
		border-top: 0;
	}
	.subMenu li {
		margin:0 !important;
		padding:0 !important;
	}
	.subMenu li a, .subMenu li a:visited {
		display:block;
		color: #3d4a65;
		text-decoration:none;
		padding:4px 11px;
		width:12em;
	}
	.subMenu li a:hover {
		text-decoration:none;
		color:white;
		background: #f57979;
	}
  		






#bodyHelper {
	width: 980px;
	margin:0 auto;
}
#colWrapper {
	background: white;
	padding: 12px 20px;
}









/* Footer */
#footer {
	width:100%;
	clear: both;
	float: left;
	background: rgb(125, 157, 193);
	color: rgb(222, 233, 246);
	}
	#footer p {
		padding:4px 0;
		margin:0;
	}
	#footer .left {
		float: left;
		margin-left:8px;
	}
	#footer img {
		vertical-align:middle;
		margin-right:6px;
	}
	#footer .right {
		float: right;
		margin-right:8px;
	}
	#footer a, #footer a:visited {
		color: white;
	}
	#footer a:hover {
		color: white;
	}
	#footer strong.evaluationPeriodNote {
		color: white;
		padding-left: 30px;
		background: url('../pics/icons4/warning.gif') no-repeat 12px 2px;
	}
	#footer strong.evaluationPeriodNote a {
		font-weight: normal;
	}



/* SECURED LAYOUT */
/* TODO - toto pujde pryc */
.secureLayout #contentColumn {

	}
	.secureLayout #sidebarColumn {
		background: silver;
		clear: both;
	}
	.secureLayout #contentColumn .space {
		padding:14px 0 10px 0;
	}
	.secureLayout #sidebarColumn .space {
		padding:10px 0 10px 0;
	}

	









/* Navbar - breadcrumbs */
#navBar {
	color:#4a6bae;
	float: right;
}




/* General content formatting */

/* Page title */
h2 {
	margin: 0 0 0;
	font-size: 190%;
	font-weight: normal;
	font-family: Arial;
	color: rgb(76, 121, 172);
}

#content h2 {
	margin-bottom: 8px;
}
#content {
	color: rgb(50, 50, 50);	
}


	/* Typography of index page */
	#content h3 {
		clear: both;
		margin:0.8em 0;
		font-size:120% !important;
		margin-top: 1.2em;
		font-size: 130%;
		position: relative;
		font-weight: bold;
	}
#content h4 {
	font-size: 100%;
	position:relative;
	margin-bottom:3px !important;
	margin: 0em 0em 7px;
}
#content h5, #content h6, #content caption {
	font-size: 100%;
	margin: 0em 0em 7px;	
}

#content .bold {
	font-weight: bold;
}
#content .center {
	text-align: center;
}

#content ol {
	padding-left: 2em;	
	margin-bottom: 0.4em;
	list-style-type: decimal !important;
}
#content ul.list, #content ol.list {
	list-style: square;
	padding-left:2em;
	margin-bottom:0.4em;	
}
#content ul.list li, #content ol.list li  {
	padding-bottom:0.4em;
}
#content p {
	margin-bottom:0.6em;
	line-height:1.52em;
}
#content blockquote {
	font-style: italic;	
}
#content .right {
	float: right;	
}
#content h3 .right, #content h4 .right, #content h3 .right2, #content h4 .right2  { /* icons */
	position:absolute;
	float:none;
	right:4px;
	top:5px;
}
#content h3 .right2, #content h4 .right2  { /* icons */
	right:24px;
}
#content .left {
	float: left;	
}







/* Zakladni paragrafy */
#content p.noData {
	background:url('../pics/icons4/bulb.gif') no-repeat 8px 50%; /*#fff9db;	*/
	padding:8px 10px 8px 30px;
	padding-left: 30px !important;
	margin: 0;
	color: gray;
}
#content p.dataCount {
	margin-top: 1em;
	padding: 0;	
}
#content p.success {
	background:url('../pics/icons/ok.gif') no-repeat 8px 50%;	
	border:1px solid #52cf5e;
	padding:6px 10px 6px 30px;
	color:#199d1c;
	font-weight:bold;
}





/* STANDARD LAYOUT */
#content .toolBox {
	/* TODO remove unused resource */
	/*background: url('../pics/toolsBoxBg.gif') repeat-y top;*/	
}
#content .toolBox .formBox {
	float: left;
	width: 710px;
	background: url('../pics/icons4/filter.gif') no-repeat 12px 13px #f1f5fb;
}
#content .toolBox form {
	padding: 10px 15px 8px 35px;
}
#content .toolBox .actionsMenu {
	float: right;
	width: 200px;
	background: #f1f5fb;
}
#content .toolBox .actionsMenu li {
	height: 25px;
}

#content .toolBoxSimple {
	background: #f1f5fb;	
	padding:6px 10px;
}


/* Action menu actions */
#content .actionsMenu, #content #contextMenu ul { /* TOD po refaktorovani smazat */
	padding: 5px 0;	
	font-weight: bold;
	margin-top: 0;
	}
	#content .dashboardFrame .actionsMenu {
		height: 27px;
		padding: 0 26px 0 12px;
		border-left: 1px solid silver;
		border-top: 0;
		float: left;
		background: url('../pics/panelBottomBg.gif') no-repeat bottom right;
	}
	#content table .actionsMenu {
		margin: 0;
	}
#content .actionsMenu li, #content #contextMenu ul li {
	margin-left: 10px;
	}
	#content .dashboardFrame .actionsMenu  li {
		float: left;
		margin-left: 0;
		margin-right: 15px;
	}
#content .actionsMenu li a, #content #contextMenu ul li a {
	display: block;
	line-height: 25px;
}

/* DEFINICE IKON */
	.editLink {
		padding-left: 22px;
		background: url('../pics/icons4/edit.gif') no-repeat left;
	}
	.addLink {
		padding-left: 22px;
		background: url('../pics/icons4/add.gif') no-repeat left;
	}
	.searchLink {
		padding-left: 22px;
		background: url('../pics/icons4/filter.gif') no-repeat left;
	}
	.profileLink {
		padding-left: 22px;
		background: url('../pics/icons4/profile.gif') no-repeat left;
	}
	.importLink {
		padding-left: 22px;
		background: url('../pics/icons4/import.gif') no-repeat left;
	}
	.nominationLink {
		padding-left: 22px;
		background: url('../pics/icons4/nomination.gif') no-repeat left;
	}
	.stopLink {
		padding-left: 22px;
		background: url('../pics/icons4/stop.gif') no-repeat left;
	}
	.goLink {
		padding-left: 22px;
		background: url('../pics/icons4/go.gif') no-repeat left;
	}
	.lockLink {
		padding-left: 22px;
		background: url('../pics/icons4/lock.gif') no-repeat left;
	}
	.bookLink {
		padding-left: 22px;
		background: url('../pics/icons4/book.gif') no-repeat left;
	}
	.discardLink {
		padding-left: 22px;
		background: url('../pics/icons4/discard.gif') no-repeat left;
	}
	.moveLink {
		padding-left: 22px;
		background: url('../pics/icons4/move.gif') no-repeat left;
	}
	.mergeLink {
		padding-left: 22px;
		background: url('../pics/icons4/merge.gif') no-repeat left;
	}
	.timeLink {
		padding-left: 22px;
		background: url('../pics/icons4/time.gif') no-repeat left;
	}
	.backLink {
		padding-left: 22px;
		background: url('../pics/icons4/goPage.gif') no-repeat left;
	}
	.acceptLink {
		padding-left: 22px;
		background: url('../pics/icons4/goPage.gif') no-repeat left;
	}
	.sendLink {
		padding-left: 22px;
		background: url('../pics/icons4/goPage.gif') no-repeat left;
	}
	.closeLink {
		padding-left: 22px;
		background: url('../pics/icons4/goPage.gif') no-repeat left;
	}
	.reopenLink {
		padding-left: 22px;
		background: url('../pics/icons4/goPage.gif') no-repeat left;
	}




#content .detailMenu {
	font-size: 120%;
	font-weight: bold;
	/*border-left: 1px solid silver;
	padding-left: 30px;*/
}
#content .detailMenu li {
	
}
#content .detailMenu li a {
	padding: 5px 0;
	display: block;
}



/* TABLES */

#content table {
	margin: 3px 0 15px;
	width: 100%;
	}
	/* Neutralize nested tables */
	#content table table {
		background: none;
		border: 0;
		margin: 5px 0;
		padding: 0;
	}
#content table td {
	padding: 2px 3px;
	vertical-align: middle;
}
#content table a {
	text-decoration: none;
}
#content table.list th {
	color: #515151;
	text-align: center;
	background: #d2dfee;
	font-weight: bold;
	padding: 4px 3px;
}

/* Sorting headers */
#content table.list th a {
	color: #48689e;
	text-decoration: none;
}
#content table.list th a:hover {
	text-decoration: underline;
}

#content table.list td.number, #content table.listLeveled td.number {
	text-align: right;
}
#content table.list table { /* Fixes borders around nested tables */
	margin:-1px -1px -1px -1px !important;
	width:100% !important;
}

#content td.top_align {
	vertical-align: top;
	text-align: right;
	font-weight: bolder;
}

#content table.standard tr td.first {
	text-align: right;
	width: 150px;
	margin-right: 15px;
}
	
/** STANDARD NESTED TABLE */
#content table.standard-nested {
	width: 100%;
	border: 1px solid #ccc;
}
#content table.standard-nested td {
	width: 50%;
}
#content table.standard-nested table.standard {
	border: none;
}
#content table.list td, #content table.listLeveled td {
	vertical-align: top;
	border:1px solid #BBCEDC;
}
#content table.list tr.highlighted, #content table.listLeveled tr.highlighted {
	background-color: silver;
	font-weight: bold;
}

/* Sorting */
#content table.list th a.asc {
	padding-left: 12px;
	background: url(../pics/icons/arrowasc.gif) no-repeat;
	background-position: 2px 3px;
}
#content table.list th a.desc {
	padding-left: 12px;
	background: url(../pics/icons/arrowdesc.gif) no-repeat;
	background-position: 2px 3px;
}

#content table.listLeveled tr td, #content table.listLeveled tr td input {
	font-weight: bold;
}

/* New styles for tables */
#content table tr.commonHeader {
	border:0;
	background:#e0eef8;
	color:black;
	text-align:left;
	padding:8px 5px 3px;
	font-weight:normal;
}
#content table.tightMargin {
	margin:0;

}

#content .align-middle td {
	vertical-align:middle !important;
}




/* Details tables */

#content table.detailsList, #content table.detailsList table {
	background:none !important;
	border:0 !important;
	border-top:1px solid rgb(220, 220, 220);	
}
#content table.detailsList th {
	text-align: left;
	width: 18em;
}
#content table.detailsList td, #content table.detailsList th {
	padding: 4px;	
}














tr.hover td {
	background:#ffffbe !important;
}
table.hide {
	display:none;
}







a.pdf {
	background:url('../pics/icons2/pdf.gif') no-repeat 0 50%;	
	padding:9px 10px 9px 40px;
	font-weight:bold;
}
a.stepNext {
	background:url('../pics/icons2/next.gif') no-repeat 0 50%;	
	padding:9px 10px 9px 40px;
	font-weight:bold;
}
p.stepNext {
	background:url('../pics/icons2/next.gif') no-repeat 0 50%;	
	padding:2px 10px 2px 40px;
	font-weight:bold;
}









/* Images popup */
img.popupImage {
	border:5px solid white;	
	background:white;
}
.popupImageCloser {
	color:white;
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
	background: white;
	color: black;
	padding: 3px 30px;
}





table.narrow {
	width:50% !important;
}







.dynamicFormDelete, .dynamicFormAdd {
	cursor: pointer !important;
}


#content p.warningFrame {
	background: url('../pics/icons2/warning.gif') 0 0 no-repeat;	
	padding:0 0 0 70px;
}

p.tools {
	
}

#workflowNext {
	
}





p.center {
	text-align: center;
}


table.layouter {
	margin: 0 !important;
}
table.layouter td {
	vertical-align: top !important;
	padding-right: 15px !important;
}

table.redizoUnitDetails h3 {
	margin-top: 20px !important;
	border: 0 !important;
}

table.redizoUnitDetails .first {
	margin-top: 0 !important;
}




/* Dashboard frame */
	#content .dashboardFrame {
		margin-bottom: 22px;
	}
	#content .dashboardFrame h3 {
		background: #536079;
		padding: 4px 10px;
		color: white;
		font-weight: normal;
		margin: 0;
	}
	#content .dashboardFrame h4 {
		border: 1px solid silver;
		border-top: 0;
		margin: 0;
		padding: 4px 8px;
	}
	
	#content .dashboardFrame p {
		border: 1px solid silver;
		border-top: 0;
		margin: 0;
		padding: 4px 8px;
	}
	#content .dashboardFrame .linksMenu {
		border: 1px solid silver;
		border-top: 0;
		padding: 4px 8px;
		height: 2.3em;
		font-weight: bold;
		} 
		#content .dashboardFrame .linksMenu li {
			float: left;
			margin-right: 25px;
		}
		#content .dashboardFrame .linksMenu li a {
			padding-top: 6px;
			padding-bottom: 6px;
			display: block;
		}
	
	#content .dashboardFrame table {
		border: 1px solid silver;
		/*border-bottom: 1px dotted silver;*/
		margin: 0;
	}
	#content .dashboardFrame table td, #content .dashboardFrame table th {
		vertical-align: top;
		padding:3px 6px;
		border-top: 1px solid rgb(200, 200, 200);
	}
	#content .dashboardFrame table td {
		
	}
	#content .dashboardFrame table th {
		width: 140px; 
		background: rgb(240, 240, 240);
		text-align: left;
	}
	#content .dashboardFrame table td.imgTd {
		vertical-align: top;
		padding: 4px;
	}





/* PROFILE BAR */

	#content .userProfileBar {
	    height: 52px; 
		margin-top: -5px;            
		margin-bottom: 20px;      
	}
	#content .userProfileBar h2 {
		padding-top: 14px;	
		margin-left: 16px;	
		float:left;
	}
	#content .userProfileBar .emptyUserImage, #content .userProfileBar img {
		margin: 0;
		float: left;
		vertical-align: middle;
		border: 1px solid gray;
	}
	#content .userProfileBar .emptyUserImage {
		height: 52px;
		width: 46px;
		overflow: hidden;
		display: block;
		background: #efefef;
		text-align: center;
		font-size: 85%;
	}
	#content .userProfileBar .actionsMenu {
		float: right;
		height: 52px;
		width: 600px;
		clear: right;
		margin-top: 6px;
	}
	#content .userProfileBar .actionsMenu li {
		float: right;
		margin-left: 17px;
	}

/* ADDRESS */
#content p.address_street {
	margin: 0;
	border: 0;
	padding: 0;
}
#content p.address_city {
	margin: 0;	
	border: 0;
	padding: 0;
}
#content p.address_zip {
	margin: 0;	
	border: 0;
	padding: 0;
}
#content p.address_state {
	margin: 0;
	border: 0;
	padding: 0;
	color: gray;
}





#exportMenu {
	clear: both;
	float: right;	
	border: 1px solid silver;
	padding: 2px;
}
#exportMenu img {	
	margin: 2px;
	vertical-align: middle;
}


/* POPUP */


#ajaxFormWrapper {
	background: white;	
	padding: 20px;
}





#content .tabNavigation {
	height: 2em;
	clear: both;
	margin-top: 0;
}
#content .tabNavigation li {
	float: left;
	background: rgb(240, 240, 240);
}
#content .tabNavigation li a {
	padding: 4px 9px;
	border: 1px solid gray;
	display: block;
}
#content .tabNavigation li.sel {
	background: white;
	font-weight: bold;
}
#content .tabNavigation li.sel a {
	color: black;
	text-decoration: none;
}
#content .tabNavigationContent {
	clear: both;
	border-top: 1px solid silver;
	padding-top: 10px;
}







/* TODO */
#content .commentsHeader {

	margin-top: 0;
}

.newForm {
	width: 47%;
	padding: 12px 10px;
}
.newForm textarea {
	width: 100%; 
}
.newForm .layouter {
	width: 100% !important;
}


#content .commentsTable th {
	background: #d2e1f2;
	padding: 3px 5px 2px;
	border: 1px solid silver;
	border-bottom: 0;
}
#content .commentsTable td {
	padding: 5px 7px 4px;
	border: 1px solid silver;
}



.activateForm {
	color: red;
	font-weight: bold;
}

#content .verticalDEForm td, .verticalDEForm th {
	padding: 4px !important;
	border-bottom: 1px solid silver;
}
#content .verticalDEForm td input,#content .verticalDEForm td select, #content .verticalDEForm td textarea  {
	width: 100%;
}