/* RESET ************************************** */	
	* {outline:0;}
	html{color:#000; background:#FFF}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0; padding:0}
	table{border-collapse:collapse; border-spacing:0}
	fieldset, img{border:0}
	address, caption, cite, code, dfn, em, strong, th, var, optgroup{font-style:inherit; font-weight:inherit}
	del, ins{text-decoration:none}
	li{list-style:none}
	caption, th{text-align:left}
	h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
	q:before, q:after{content:''}
	abbr, acronym{border:0; font-variant:normal}
	sup{vertical-align:baseline}
	sub{vertical-align:baseline}
	legend{color:#000}
	input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
	input, button, textarea, select{*font-size:100%}

/* GRID ************************************** 12 columns, 60 pixels each, with 20 pixel gutter */	

	.grid_1{width:60px}		.grid_2{width:140px}	.grid_3{width:220px}	.grid_4{width:300px}
	.grid_5{width:380px}	.grid_6{width:460px}	.grid_7{width:540px}	.grid_8{width:620px}
	.grid_9{width:700px}	.grid_10{width:780px}	.grid_11{width:860px}	.grid_12{width:940px}
	.column, .col{margin:0 10px; overflow:hidden; float:left; display:inline}
	.column0, .col0{margin:0; overflow:hidden; float:left; display:inline}
	.row0{width:100%; overflow:hidden; float:left; display:inline}
	.row{width:960px; margin:0 auto; overflow:hidden}
	.row .row{margin:0 0px; width:auto; display:inline-block}
	.full{width:940px; margin:0 auto; overflow:hidden; padding:0 10px}
	.r {float:right;}
	.grey {color:#aaa !important;}
	.task:hover .grey {color:#444 !important;}

/* DEFAULTS ************************************** */	

	html {

		background-color: #FFF;
		background: url(../images/background.png) center 90px no-repeat #FFF;
		background: url(../images/bg.jpg) repeat-x #FFF;

	}
    body {

		margin:0;
		font-size: 80%;
		font-family: Arial, Verdana;
		cursor:default;
		color:#444;
	}
    h1
    {
	  font-family: Arial, Verdana;
      font-weight: normal;
      font-size:22px;
      margin: 0 0 10px 0;
	  font-family: Helvetica, Arial, serif;
    }
    ul {padding-left:20px;}
    ul, li {list-style-type:disc; }
	h2,h3,h4 {font-size:medium;font-weight:normal;; color:#2C98C4; margin:20px 0 20px 0; }
	a {color:#0F98CB;text-decoration:none}
	a:hover {text-decoration:underline;cursor:pointer;}
	a img {border:none;}
	b, strong {color:#444;}	
	p {margin:10px 0;}
	input[type=password],input[type=text],textarea {

		background-color: #fcfcfc;
		border-color: #fff #ddd #ddd #fff;
		border: 1px solid #ccc;
		padding:8px 10px;
		color:#222;
	}
	input[type=submit] {cursor:pointer;}
	select	{ padding:1px; }
	form {width:100%;font-size:1.2em; }
	form label {padding-top:10px;}
	form {overflow:auto;padding:1px;padding:20px; background:#fff}
	/*form p.information {padding:15px;background:#36B6EC; width:850px;margin:10px 0;color:#fff;font-weight:bold;}*/
	form p.information {padding:15px;background:#f7f7f7; width:850px;margin:10px 0;color:#555; font-style:italic; }
	form h1 {font-size:2em;margin-bottom:20px;}
	form input[type=text] {float:left;margin-top:10px;}
	form input[type=radio] {float:left;margin-left:20px;margin-bottom:10px;margin-top:0px;}
	form .submit {display:block;position:relative;width:400px;margin-left:180px;text-align:right;}
	form textarea {float:left;width:650px;margin-top:10px;min-height: 100px;}
	form select {float:left;width:260px;padding:5px;margin-top:10px;}
	form input[type=text] {width:650px;}
	form br, form hr  {clear:both;}
	form hr  {padding-top:20px;margin-top:10px;display:block;border:0;border-bottom:1px solid #eee;}
	form label {float:left;margin-top:10px;width:200px;padding:5px;}
	form .cancel {display:block;padding:5px 0 5px 7px;}
	form .cancel a {color:#FC7C4D}
	table td {	padding:2px 5px;}

/* ******************************************* LAYOUT ************************************** */	

	#wrapper {

		width:100%;
		margin:0 auto;
		padding:0;
	}

    #header 				{ background:url() #fff; overflow:auto; }
    
    #header div 			{ float:left;}
    #header #logo 			{ float:left; padding:0px; padding-left: 0px;}
    #header #logo img 		{ height:55px; padding: 15px 15px 17px 30px;}
    #header #logo a b 		{ display:block; float:left; margin-left:10px;padding-top:10px; }
	#header #login-link		{ position:absolute; top:10px; right:10px; font-size:1.2em; color:#222;}
	#header #logout-link	{ position:absolute; top:10px; right:10px; font-size:1.2em; color:#222;}
	#header #logout-link a	{ color:#222; font-size:x-small;}
	#header #petitpress {position:absolute; top:14px; right:20px;z-index:99;}

			#overlay 
			{
				display:none;
				position:fixed;
				background:#555;
				width:100%;
				z-index:100;
				height:100%;
				opacity:0.2;
			}

	/* navigation */

	#navigation { 
	    
	    padding:0; 
	    float:left; 
	    margin-top:10px; 
	    -webkit-border-radius:3px;
		padding-top:20px;
	    
    }
	
    #navigation ul li {position:relative; padding:0px; z-index:90; list-style-type:none; display:block; float:left; background-color:transparent;}
	#navigation ul {padding-top:0px; list-style-type:none;}
	#navigation ul li a {
		
		
		margin-left:10px;
		border:0;
		display:block;
		background:transparent;
		text-decoration:none;		
		font-size:14px;
		padding:7px !important;
		letter-spacing:-0.15px;
		color:#444;
		
	}
	#navigation ul li.section > a {
	
	    color:#000 !important;
	    font-weight:bold;
	    padding-right:40px !important;
	    /*background:#F2F2F2 !important;*/
	    background: url(../images/system/follow.png) #f2f2f2 no-repeat 95% 7px;
	        
	}
	#navigation ul li.section.add > a {
	    background: url(../images/system/add.png) #f2f2f2 no-repeat 95% 7px;
	}
	#navigation ul > li.section > a:hover {color:#000 !important;}
	#navigation ul > li > a:hover {
	    
        color:#000 !important;
        text-decoration:underline;
	}
	#navigation span.small{ display:block; float:right; margin-left:7px;margin-top:8px;font-size:9px;}
	#navigation ul > li:hover a {
		/*background-color:#090909;*/
		color:#000;
	}
	#navigation ul > li a:hover {
		color:#000;	
	}
	#navigation ul > li a.selected { background-color:#161616;color:#fff;background-color:#000;}
	#navigation li ul {display:none; border:1px solid #000; position:absolute; width:150px; top:6px; left:0px; background-color:#fff;border-top:0px solid #000;color:#222;z-index:9999}
    #navigation li ul li {  display:block; width:150px;font-size:1em; border-top:1px solid #999;}
    #navigation li ul li:hover {background-color:#eee;cursor:pointer;}
    #navigation li ul li a {text-decoration:none;  text-align:left; font-size:1em; font-family:'segoe ui'; display:block; color:#222; padding:8px 15px;;}
    #navigation li ul li a:hover { background-color:#333; color:#fff;}

	/* loginform */
		
	#loginform 
	{
		position:absolute;
		z-index:9999;
		right:170px;
		top:34px;
						text-align:right;
	}
	#loginform ul li {list-style-type:none;}
	#loginform > a
	{
		display:block;
		text-decoration:none;
		float:right;
		clear:both;
		padding:5px 10px;
		color:#fff;
		background:#93EAA7;
	}
	#loginform a.selected 
	{
		background:#888;
		color:#fff;
	}
	#loginform > form
	{
		text-align:left;
		display:none;
		margin-top:2px;
		/*background: url(content/images/system/bottomgradient.png) #fff repeat-x bottom left;*/
		clear:both;
		width:250px;
		padding:10px;
		border:3px solid #888;
		background-color:#fcfcfc;
		
	}
	#loginform div p {padding:10px 20px 0 0;}
	#loginform form { font-size:11px !important;}
	#loginform form label { padding:3px; width:100px;}
	#loginform form input[type=password], #loginform form input[type=text] { 
		
		margin:0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding:3px; width:90% !important;
		
	}
	a#login_button {color:#999 !important; padding:3px 10px;}
	a#login_button.selected, a#login_button.selected:hover
	{
		background:#888 !important;
		
		color:#fff !important;
	}

	#noviny {border-bottom:1px solid #ccc;position:relative;background:url(../images/noviny.jpg) #E0E0E0 top left no-repeat;height:200px;}
	#noviny p {position:absolute;bottom:10px;right:120px;background:#fff;color:#000;font-style:italic;width:600px;padding:10px;}

	#content {

		background-size:380px;
    	z-index:99;
    	-webkit-border-radius:3px;
		width:960px;
		padding:0 20px;
		overflow:hidden;
		margin:0 auto;
	}

/* *******************************************	FOOTER ************************************** */
	
    #footer {
    	
    	width:960px;
		margin:0 auto;
		padding:60px 0 30px 0;
		overflow:auto;
	
    }
	#footer p {
		
		margin-right:35px;
		font-size:10px;
		padding: 15px 20px 0 20px;
		border-top:1px solid #36B6EC;
		text-align:left;
		float:left;
		color:#555;
		
	}
	#footer p:last-child {
	
		border-top:1px solid #71AD57;
	}
	#loginlogout {
		position:absolute;top:80px;border:0px solid #222;z-index:9;right:20px
	}
	#loginlogout a {
		color:#fff;border-bottom:1px dotted #fff;font-size:small;
	}

/* 	CUSTOM ///////////////////////////////////// */

	a.no-underline {text-decoration:none;}
	a.no-underline:hover {text-decoration:underline;}
	.l {float:left; display:block;clear:both;}
	.r {float:right;display:block;}

	a.button, input[type=submit],input[type=button]
	{
		cursor:pointer;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		text-decoration:none;;		
		background-color:#eee;
		color:#444;
		text-align:center;
		background: url(../images/system/button.png);
		background: url(../images/system/button_small.png) #fff -20px center;
		border:none;
		border:1px solid #ccc;
		font-size:12px !important;
		padding:4px 8px !important;
		margin:3px 0;
		font-weight:bold !important;
	}
	a.button, input[type=submit],input[type=button] {
		-webkit-transition: .2s ease-in-out;
	}
	#search:hover, a.button:hover, input[type=submit]:hover,input[type=button]:hover {
		-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, .2);
		box-shadow: 0px 1px 10px rgba(0, 0, 0, .2);
		-webkit-transition: .2s ease-in-out;
	}
	.button img {vertical-align:top;}
	a.button:hover, input[type=submit]:hover,input[type=button]:hover {
		color:#000;
		text-decoration:none;
		border:1px solid #ccc;
	}
	a.blue { background: url(../../images/system/button_small.png) #36A2D6 top center !important; color:#fff !important;  }	

/* 	///////////////////////////////////// CLASSES ////////////////////////////////////	*/

	
	.clear   	{ 	clear:both; 			}
	.biglink	{ 	cursor:pointer;			}
	.border0 	{ 	border:none !important;	}
    .logo 		{ 	margin-left:0px; 		}
    .sub 		{	color:#888;    			}
    .select 	{  	cursor:pointer;   		}
    .text 		{   font-size:1.2em; 		}
	.intro		{ 	text-align: left;   	}
	.player,
	.playvideo 	{ 	border:1px solid #999;	}
	.white 		{ 	background:#fff; padding: 20px;}
    .gradient   {   
    	
    	border:1px solid #eee !important;
    	border-right:1px solid #ddd !important;
    	border-bottom:1px solid #ddd !important;
		-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
		-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

    	/*background: url(../images/system/bottomgradient.png) #fff repeat-x bottom left;  */
    	
    	
	}

	.close {float:right;font-size:12px;position:absolute;top:5px;right:10px;}

	

/* 	///////////////////////////////////// TABLESORTER ////////////////////////////////////	*/

		/* tablesorter */

			/* tables */
			table.tablesorter {
				font-family:arial;
				background-color: #FFF;
				clear:both;
				margin:10px 0pt;
				
				font-size: 12px;
				text-align: left;
			}
			table.tablesorter thead tr {
			    
			    
			    background-image: url(../images/system/table_header.jpg);
			    -webkit-border-radius:8px  !important;
			    
			}
			
			table.tablesorter tbody tr {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
			
			table.tablesorter thead tr th:first-child {-webkit-border-radius:6px 0 0 0 !important;}
			table.tablesorter thead tr th:last-child {-webkit-border-radius:0 6px 0 0 !important;}
            
			/*
			table.tablesorter tbody tr:last-child td:first-child {-webkit-border-radius:0 0 0 6px !important;}
			table.tablesorter tbody tr:last-child td:last-child {-webkit-border-radius:0 0 6px 0 !important;}
            */
            
			table.tablesorter thead tr th, table.tablesorter tfoot tr th {
				
				color:#333;
				font-size: 12px;
				font-weight:bold;
				padding: 6px 15px;
			}
			table.tablesorter thead tr .header {
				
				background-repeat: no-repeat;
				background-position: center right;
				cursor: pointer;
			}
			table.tablesorter tbody td {
				color: #3D3D3D;
				padding: 4px 6px;
				background-color: #f9f9f9;
				vertical-align: top;
			}
			table.tablesorter tbody tr.odd td {
				background-color:#F4F4F4;
			}
			table.tablesorter tbody tr:hover td {
				
				/*border-bottom:1px solid #bbb;*/
				
			}
			table.tablesorter thead tr .headerSortUp {
				background-image: url(../images/system/tablesorter/asc.gif);
			}
			table.tablesorter thead tr .headerSortDown {
				background-image: url(../images/system/tablesorter/desc.gif);
			}
			table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
			background-color: #C4C1C1;
			}

	label.error {
		
		position:absolute;
		color:#3CBF4C;
		z-index:9999;
		font-weight:bold;
		font-size:11px;
		
	}
	
/* 	///////////////////////////////////// PAGING ////////////////////////////////////	*/

	#paging {padding:10px;}
	#paging a {padding:10px;font-size:1.5em;}
	#paging a.currentPage {font-weight:bold; color:#333;}
	
/* 	///////////////////////////////////// SYSTEM MESSAGE ////////////////////////////////////	*/
	
	#message {display:none;background-color:#4DB2D3;-moz-border-radius:5px;width:280px;position:fixed;bottom:10px;right:10px;color:#fff;font-size:17px;padding:20px;text-align:left;z-index:9999;}
	#message .close {font-size:small;}
	#message a {color:#fff !important;}
	

/* 	//////////////////////////////////////////// TABS ////////////////////////////////////////////	*/

	.tabs-nav {
		
	    list-style: none;
	    margin: 0;
	    padding: 0 0 0 0px;
	    clear:both;
	    font-size:1em;
	    /*display:block;float:left;*/
	    outline:0 !important;
	    font-weight:bold;
	    background:transparent;
	}
	.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	    display: block;
	    clear: both;
	    content: " ";
	}
	.tabs-nav li {
		
		background:url(../images/tab.png);
	    float: left;
	    margin: 0 0 0 -1px;
	    min-width: 54px; /* be nice to Opera */
	    opacity:0.8;
	}
	.tabs-nav li * {outline:0 !important;}
	.tabs-nav a {
	    display: block;
	    padding: 8px 20px;
	    border:1px solid #ccc;
	    border-bottom:0;
	    color:#222;
	    text-decoration:none !important;
	}
	.tabs-nav:hover a:hover {
		text-decoration:underline;
	}
	.tabs-nav .tabs-selected a {
	    background:#fff;
	    outline:0 !important;
	}
	.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	    outline: 0; /* prevent dotted border in Firefox */
	}
	.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	}
	.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	    cursor: pointer;
	}
	.tabs-nav li:hover {opacity:1;}
	.tabs-nav .tabs-selected {opacity:1;}
	.tabs-nav .tabs-disabled {
	    opacity: .4;
	}
	.tabs-container {
	    
	    outline:0 !important;
	    padding: 10px;
	    width:100%;
	    margin-left:-1px;
	    margin-top:-1px;
	    border:1px solid #ccc;
	    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	}
	.tabs-loading em {
	    padding: 0 0 0 20px;
	    background: url(loading.gif) no-repeat 0 50%;
	}


  .tipsy { 
	
  	padding: 5px; font-size: 10px; opacity: 1; background-repeat: no-repeat;  background-image: url(../images/system/tipsy.gif); opacity:0.8; }
  .tipsy-inner { padding: 6px 12px 6px 12px; border:1px solid #000; background-color: black; color: white; max-width: 140px; text-align: left; }
  .tipsy-inner { -moz-border-radius:0px; -webkit-border-radius:0px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom -229px; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

	.profiler {text-align:right;padding:0px; font-size:10px;position:fixed; right:10px; bottom:10px;background:transparent;}


	
	a.edit 		{ background:url(../images/icons/application_edit.png);}
	a.create 	{ background:url(../images/icons/text_padding_top.png);}
	
	a.icon {
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border:1px solid #fff;
		padding:5px 10px;
		padding-left:30px;	
		background-position:8px;
		background-repeat:no-repeat;
	}
	a.icon:hover {
		
		background-color:#f6f6f6;
		border:1px solid #eee;
		
	}
    
	button[type=submit], button[type=cancel], button[type=image] { 
	
		border:0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		color:#fff;
		margin-top:10px;
		font-weight:bold;	
		font-size:11px;
		padding:5px 10px;
		opacity:0.8;
		background:#62B929;
		
	}
	button:hover { 
		opacity:1;
		cursor:pointer;
	}
	
	button[type=cancel] {background:#eee;color:#555;margin-left:5px;}
	
	button[type=image] { background:#676262; position:relative; padding:7px; padding-left:25px; }
	button[type=image] > img { width:14px; position:absolute; top:5px; left:5px; display:block; z-index:99; float:left; }
	
	
    .padding30 {padding:30px 0;}
    
    .nopadding * {padding:0;}
    
	div.header {clear:both;overflow:auto;}
	div.header > h1
	{
		width:100%;
		background:#222;
		padding:10px;
		color:#fff !important;
		position:absolute;;
		top:0;
		left:0;
		border-bottom:1px solid #ddd;
	}
	div.header > h1 b {color:#fff;}