body	{
	font-family: Arial, Helvetica, sans-serif;
  text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 11px;
}

/* --- global --- */
a 						{text-decoration: underline;}
a:hover 				{text-decoration: none;}
a:visited 			{}
a:link 				{}
a:focus 				{}
a span 				{display: none;}

em, i					{}
p 						{ margin: 10px 0px 10px 0px; line-height: 1.5em; }
code 					{font-size: 140%; font-weight: bold;}

ul						{list-style: none; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol						{padding: 4px 0px 0px 5px;}

img 					{border: 0px;}
img.border 			{padding: 0px;}
img.toleft, .article_image.toleft			{margin-right: 10px;}
img.toright			{margin-left: 10px;}

sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

h1, h2, h3, h4, h5, h6 		{clear: both; font-size: 1.2em; margin: 0px; font-weight: normal;}
h1									{padding: 0px;	margin: 5px 0px 15px 0px; font-size: 1.8em;  line-height: 1.2em;}
h2									{padding: 0px;	margin: 5px 0px 10px 0px; font-size: 1.4em; line-height: 1.2em;}
h3 								{font-size: 1.3em; padding: 0px; margin: 10px 0px 10px 0px; line-height: 1.2em;}
h4									{font-size: 1.2em; padding: 0px; margin: 10px 0px 5px 0px; line-height: 1.2em;}

hr									{font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 1px; border: 0px;}

input				{}
select			{}
form				{margin: 0px; padding: 0px;}
legend			{padding: 3px 5px 3px 5px;border: 0px; font-size: 13px}
fieldset 		{}

.clear			{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px;}
.small 			{font-size: 0.8em;}
.left				{text-align: left;}
.right 			{text-align: right;}
.center			{text-align: center;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.bold				{font-weight: bold;}
.big				{text-transform: uppercase;}
.nobold			{font-weight: normal;}
.hidden			{display: none;}
.border			{border: 1px solid #000000; padding:7px;}
.line				{clear: both; font-size: 0px; padding: 0px; margin: 10px 0px 10px 0px; line-height: 0px; height: 1px; background: #C7C7C7;}
.space			{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 10px;}
.nowrap 			{white-space: nowrap;}

#layout{
	width: 980px;
	margin: auto;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.0em;
}


/*-------------------------- TOP BAR + LOGO --- */
#layout #top_bar{
	padding: 4px 19px 0px 19px;
	margin-bottom: 10px;
	height: 22px;
	background: url(../img/bcg_top_bar.png) no-repeat 0px -15px;
}
#top_bar {color :#000000;}
#top_bar a{color :#C92500; text-decoration: underline;}
#top_bar a:hover{color :#C92500; text-decoration: underline;}
#top_bar a#logo_mysquad{
	display: block;
	float: left;
	width: 120px;
	height: 20px;
}

/*
#top_bar #links {
	float: left; 
	width: 692px;
	height: 40px;
	padding: 0px 0px 0px 0px; 
	text-shadow:1px 1px 0px #FFFFFF
}
 #top_bar #links b {font-weight: normal; color:#000000} 
#top_bar #links span {margin: 11px 0px 0px 0px; display: block; float: left;}
#top_bar #links span.space_top{
	width: 2px;
	height: 21px;
	padding: 0px 10px 0px 10px; 
	margin: 9px 0px 0px 0px; 
	background: url(../img/top_bar_line.png) no-repeat center 0px ;
	line-height: 0px;
}

#top_bar #logo_esports {
	display: block;
	float: left;
	width: 130px;
	padding: 11px 0px 0px 0px; 
	text-align: right;
	text-shadow:1px 1px 0px #FFFFFF
}

*/
#layout #logo 	 {position: relative; height: 160px;background: url(../webcss/header.png) no-repeat 0px 0px;}

#layout #logo .logoBanner {
	position: absolute;
	top: 40%;
	left: 70%;
	width: 30%;
}

/*-------------------------- MENU --------*/
#layout #menu {
	margin: auto;
	width: 980px;
	height: 45px;
}

#menu ul {	
	display: block;
	position: relative;
	float: left;
	width: 740px;
	height: 45px;
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 45px;
        position:relative;
}
#menu ul li a 			{
	display: block; 
	width: auto;
	padding: 13px 0px 0px 0px;
	text-align: center;
	height: 32px;  
	cursor:pointer;
	text-decoration: none;
	font-size: 14px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
#menu ul li a:hover 	{height: 32px; display: block; }
#menu ul li.show a 	{}
#menu ul li a span 	{display: inline;}

#menu ul li a {padding-left: 10px; padding-right: 10px}

#menu ul li ol {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 45px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	border-top: 0px;
	z-index: 80;
}


#menu ul li ol li {
	display: block;
	float: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 30px;
	text-align: left;
	width: 200px;
}
#menu ul li ol li a {
   text-decoration: none;
	padding: 7px 0px 0px 10px;
	font-size: 12px;
	display: block;
	height: 22px;
	width: 190px; 
	text-align: left;
	text-transform: none;
}
#menu ul li.show ol li a 	{}
#menu ul li ol li a:hover{height: 22px; text-decoration: underline;}

#menu ul li.matches ol li {
	display: block;
	float: none;
	padding: 5px 15px 5px 15px;
	margin: 0px;
	width: 450px; 
	height: auto;
	text-align: left;
}
#menu ul li.matches ol li a{
	background: transparent;
	text-decoration: none;
	font-size: 12px;
	display: inline;
	padding: 0px;
	width: auto;
	height: auto;
	text-decoration: none;
	
}
#menu ul li.matches ol li a:hover {text-decoration: underline;}
#menu ul li.matches ol li span {display: block; padding: 4px 0px 4px 0px;}
#menu ul li.matches ol li span.clear  {height: 1px; padding: 0px;}
#menu ul li.matches ol li span  strong{display: block; float: left;font-weight: normal;}
#menu ul li.matches ol li span  strong.submenu_header{font-weight: bold; text-align: right; width: 80px; padding-right: 10px; text-transform: uppercase;}

/*-------------------------- SEARCH BOX --------*/
#menu #search_box{
	float: right;
	width: 210px;
	margin: 8px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#search_box #search_text{
	float: left;
	width: 165px;
	font-size: 13px;
	margin: 0px;
	border: 0px;
	line-height: 12px;
	padding: 7px 10px 4px 10px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}
#search_box #search_submit{
	float: right;
	width: 25px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	margin: 0px 0px 0px 0px;
	border: 0px;
	cursor: pointer;
}
#layout #bottom-top {
	padding: 10px 10px 10px 10px;	
        font-size: 1.1em;        
}
/*-------------------------- Bottom --- */
#layout #bottom {
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 1.1em
}
#layout #bottom a {}

#layout #bottom_menu {
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 1.0em;
	text-align: center;
}
#bottom_menu ul {
	text-align: center;
}
#bottom_menu ul li {
	display: inline;
	padding: 0px 5px 0px 5px;
}
#bottom_menu a {
	color:#C7C7C7; 
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em
}

#layout #bottom_logo {padding: 15px 0px 15px 0px;}
#bottom_logo a{
	background: url(../img/logo_mysquad.png) no-repeat 0px 0px;
	display: block;
	width: 88px;
	height: 16px;
	margin: auto;
}

a.rss {width: 30px; float: right;}
 
/*-------------------------- Layout --- */
#layout #content {
	padding: 20px 20px 20px 20px;
	margin: auto; 
	min-height: 800px;
	font-size: 1.1em;
	line-height: 1.5em;
}

#content .header {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
}
#content .header a {}
#content .header a.link {padding: 0px 12px 0px 0px;  background: url(../img/arrow_header.png) no-repeat right 6px; font-size: 0.8em; text-transform: none;}

#content .box {
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	font-size: 0.9em
}

#content .box ul {padding: 0px; margin: 0px;}
#content .box ul li{padding: 0px 0px 0px 12px;  background: url(../img/arrow.png) no-repeat 0px 6px;}
#content .box ul li strong{font-size:1.1em;}
#content .box ul li.lined {padding-bottom: 4px; margin-bottom: 7px;}

#content .box.tabs {padding: 0px;margin-bottom: 0px;}
#content .box.tabs nav {background: #0d550b url(bg_menu.jpg) repeat-x;}
#content .box.tabs nav a {color: white;display:inline-block;padding: 5px; cursor:pointer; text-decoration:none;}
#content .box.tabs nav a.active {background: #C92500}

#content #col_news{
	float: left;
	width: 210px;
}

#content #col_text{
	float: left;
	width: 480px;
	min-height: 800px;
	font-size: 1.2em;
	line-height: 1.4em
}

#content #col_games{
	float: left;
	width: 210px;
}

#content #col_video{
	float: left;
	width: 440px;
}

#content #col_top{
	float: left;
	width: 440px;
}

#content #col_bottom{
	float: right;
	width: 440px;
}

/*-------------------------- NEWS --- */
#col_news .news_panel{
	height: 350px;
}
#col_news .jScrollPaneTrack {background: url(../img/scroll_track.png) repeat-y;}
#col_news .jScrollPaneDrag {background: url(../img/scroll_drag_middle.png) no-repeat 0 50%;}
#col_news .jScrollPaneDragTop {background: url(../img/scroll_drag_top.png) no-repeat; height: 4px;}
#col_news .jScrollPaneDragBottom {background: url(../img/scroll_drag_bottom.png) no-repeat; height: 4px;	}
#col_news a.jScrollArrowUp {height: 17px;	background: url(../img/scroll_arrow_up.png) no-repeat 0 0;}
#col_news a.jScrollArrowUp:hover {background-position: 0 -20px;	}
#col_news a.jScrollArrowDown {	height: 17px;	background: url(../img/scroll_arrow_down.png) no-repeat 0 0;}
#col_news a.jScrollArrowDown:hover {	background-position: 0 -20px;	}
#col_news a.jScrollActiveArrowButton, #news a.jScrollActiveArrowButton:hover {		background-position: 0 -41px;	}
.news_panel .header_news {
	font-weight: bold;
	display: block;
	font-size: 1.1em;
	padding-bottom: 3px;
}

.news_panel .title {
	font-size:14px; 
	color:#000000;
}

.news_panel p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 1.4em
}

/*-------------------------- Anketa --- */
#col_news .anketa									{line-height: 1.3em;}
#col_news .anketa .anketa_otazka 			{text-align: left; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px;}
#col_news .anketa .anketa_odpoved 			{padding: 0px 0px 5px 0px; margin: 0px;}
#col_news .anketa .anketa_odpoved input  	{padding: 0px 0px 0px 0px; margin: 0px; width: 15px; height: 12px;  float: left;}
#col_news .anketa .anketa_odpoved label  	{padding: 0px 0px 0px 2px;	margin: 0px; float: left; width: 170px;}
#col_news .anketa .anketa_graf 				{display: block;	float: left;	font-size: 0px;	width: 150px; height: 8px;	line-height: 0px;margin: 0px 0px 10px 0px;	padding: 2px 2px 2px 2px;}
#col_news .anketa .anketa_graf_vyplnene 	{display: block;	float: left;	font-size: 0px;	height: 8px;	line-height: 0px;	}
#col_news .anketa .anketa_procenta 			{text-align: center;	margin: 0px;	padding: 0px;	font-size: 10px; font-weight: bold;}
#col_news .anketa .hlasuj 						{padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}
#col_news .anketa .hlasuj input				{width:70px; height: 20px;font-size: 11px;	margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: right;  text-decoration: none;  cursor: pointer; text-align: center; font-weight: bold;}
#col_news .anketa #q_status					{float: left; padding: 7px 0px 0px 3px; font-weight: bold;}

/*-------------------------- Games --- */
#col_games .box.games 			{text-align: center;}
#col_games .box.games .logos{padding: 5px 0px 5px 0px;}
#col_games .box.games .teams	{font-size: 1.1em;}
#col_games .box.games .score	{font-size: 1.6em;}
#col_games .box.games .line	{margin: 7px 0px 6px 0px;}
#col_games .box.games .logo img {width: 50px; height: 50px;display:block;}
#col_games .box.games .logo {display: inline-block;vertical-align:middle;}
#col_games .box.games .middle {display: inline-block; width: 40px;font-size: 1.6em;vertical-align:middle;}
#col_games .box.games .middle a {text-decoration: none;}

#col_games .box.games .teams {width: 100%;table-layout: fixed;}
#col_games .box.games .teams td {padding: 0px!important;vertical-align: top;}
#col_games .box.games .teams .team1 {text-align: right;}
#col_games .box.games .teams .separator {width: 15px;}
#col_games .box.games .teams .team2 {text-align: left;}

/*-------------------------- Games --- */
#col_news .box.games 			{text-align: center;}
#col_news .box.games .logos{padding: 5px 0px 5px 0px;}
#col_news .box.games .teams	{font-size: 1.1em;}
#col_news .box.games .score	{font-size: 1.6em;}
#col_news .box.games .line	{margin: 7px 0px 6px 0px;}
#col_news .box.games .logo img {width: 50px; height: 50px;display:block;}
#col_news .box.games .logo {display: inline-block;vertical-align:middle;}
#col_news .box.games .middle {display: inline-block; width: 40px;font-size: 1.6em;vertical-align:middle;}
#col_news .box.games .middle a {text-decoration: none;}

#col_news .box.games .teams {width: 100%;table-layout: fixed;}
#col_news .box.games .teams td {padding: 0px!important;vertical-align: top;}
#col_news .box.games .teams .team1 {text-align: right;}
#col_news .box.games .teams .separator {width: 15px;}
#col_news .box.games .teams .team2 {text-align: left;}

#col_text #infobar {
	background: #F1F1F1;
	border:1px solid #E5E5E5;
	padding: 10px 10px 10px 10px;
}

#col_text ul 		{margin: 0px; padding: 0px 0px 0px 0px;}
#col_text ul li	{margin: 0px; padding: 0px 0px 0px 12px; background: url(../img/arrow.png) no-repeat 0px 7px;}
#col_text ul li a {}
#col_text ol 		{margin: 0px; padding: 0px 0px 0px 25px;}
#col_text ol li	{list-style: decimal;}
#col_text p			{padding: 5px 0px 5px 0px;}
#col_text h1		{font-size: 1.5em; padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; line-height: 1.3em; font-weight: bold;}
#col_text h2		{font-size: 1.2em; padding: 10px 0px 2px 0px; margin: 10px 0px 10px 0px;}
#col_text h3		{font-size: 1.1em; padding: 6px 0px 7px 0px;}
#col_text h4		{font-size: 1.0em; padding: 3px 0px 2px 0px;  font-weight: bold;}
#col_text h1	a	{}
#col_text h2	a	{}
#col_text h3	a	{}
#col_text h4	a	{}
#col_text .author	{border-bottom: 1px solid #C3C3C3; padding: 0px 0px 5px 0px; font-size: 0.8em}
#col_text .article_image {margin-top: 4px;}
.article_video {position: relative; display:block;}
.article_video_play {display:block; position: absolute; z-index: 10;width: 100%;height: 100%;background: url(../img/play-icon.png) no-repeat center;}
#col_text .link 	{white-space: nowrap;font-weight: bold; padding: 0px 12px 0px 0px; background: url(../img/arrow_link.png) no-repeat right 6px;}

#col_text ul#next_articles li{padding: 0px 0px 7px 12px;}


/*-------------------------- WebTV --- */
#col_video .box.webTV {margin-bottom: 0px;}
#col_video .box.webTV #box_player{float: left;	width: 240px;}
#col_video .box.webTV #box_list{float: right;	width: 170px;}
#col_video .box.webTV #box_list ul li{padding: 0px 0px 10px 17px;  background: url(../img/arrow_webtv.png) no-repeat 0px 2px; line-height: 1.4em;}
#col_video .box.webTV #box_list ul li a{ font-size: 1.1em}

/*-------------------------- Events --- */
form#month_select {display:inline;float:right;}
table.event_calendar {width: 100%;table-layout:fixed;border-collapse: collapse;margin-bottom: 20px;}
table.event_calendar thead th {border: solid black 1px;text-align:center;/*text-transform: capitalize;*/}
table.event_calendar tbody td {border: solid black 1px;vertical-align:top;background: #F1F1F1;}
table.event_calendar tbody td.fullheight {height: 60px;}
table.event_calendar tbody td span.day {display:block;text-align:left;}
table.event_calendar tbody td a.event {display:block;	}
table.event_calendar tbody td a.event span {display: block;}
table.event_calendar tbody td a.event span.event-location {font-size: 12px; line-height: 14px; margin-top: 7px;}
table.event_calendar tbody td.event, .event_calendar_help .event span.color {background-color: yellow;}
table.event_calendar tbody td.match_home, .event_calendar_help .match_home span.color {background-color: green;}
table.event_calendar tbody td.match_guest, .event_calendar_help .match_guest span.color {background-color: red;}
div.event_calendar_help div {display: inline-block;min-width: 150px;line-height: 32px;}
div.event_calendar_help div span.text {display: inline-block;padding: 0px 10px;vertical-align: middle;}
div.event_calendar_help div span.color {display: inline-block;height: 30px;width: 30px;border: solid black 1px;vertical-align: middle;}

/*----------------------------upravy--------*/

/*
table {margin:0; border-width: 1px;}
table.width100 {width:100%;}
table th {padding:5px 2px;}
table td {padding:4px 2px;}
table th {text-align:left; vertical-align:middle; font-weight:bold;}

*/

#url-label, #url {
	display: none;
}


#anketa .anketa									{}
#anketa .anketa .anketa_otazka 			{text-align: left; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px;}
#anketa .anketa .anketa_odpoved 			{padding: 0px 0px 5px 0px; margin: 0px;}
#anketa .anketa .anketa_odpoved input  	{padding: 0px 0px 0px 0px; margin: 0px; width: 15px; height: 12px;  float: left;}
#anketa .anketa .anketa_odpoved label  	{padding: 0px 0px 0px 2px;	margin: 0px; float: left; width: 480px;}
#anketa .anketa .anketa_graf 				{display: block;	float: left;	font-size: 0px;	width: 400px; height: 8px;	line-height: 0px;margin: 0px 0px 10px 0px;	padding: 2px 2px 2px 2px;}
#anketa .anketa .anketa_graf_vyplnene 	{display: block;	float: left;	font-size: 0px;	height: 8px;	line-height: 0px;	}
#anketa .anketa .anketa_procenta 			{text-align: center;	margin: 0px;	padding: 0px;	font-size: 10px; font-weight: bold;}
#anketa .anketa .hlasuj 						{padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}
#anketa .anketa .hlasuj input				{width:70px; height: 20px;font-size: 11px;	margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: right;  text-decoration: none;  cursor: pointer; text-align: center; font-weight: bold;}
#anketa .anketa #q_status					{float: left; padding: 7px 0px 0px 3px; font-weight: bold;}

#anketa .anketa .anketa_otazka 			{border-bottom: 1px solid #C3C3C3;}
#anketa .anketa .anketa_graf 				{background: #ffffff;}
#anketa .anketa .anketa_graf_vyplnene 	{background:#C3C3C3;}
#anketa .anketa .hlasuj 						{border-top: 1px solid #C3C3C3;}
#anketa .anketa .hlasuj input				{color:#868686;}

table 			 	{font-size: 1.0em; border-collapse: collapse;}
table.width100                  {width:100%;}
table tr th                     {padding: 4px 4px 4px 4px;}
table tr th a                   {color:#54521F;}
table tr td                     {padding: 4px 4px 4px 4px;  background:transparent;}
table tr td                     {padding: 4px 4px 4px 4px;  background:transparent;}
table tr.zvyraznene td		{background:#E6E6E6; color:#000000;}
table tr.zvyraznene td a	{color:#000000;}

/*
table#zapasVypis 		{width: 100%; margin: auto;}
table#zapasVypis tr th          {padding: 4px 4px 4px 4px; background: #FDCC06; color:#000000;}
table#zapasVypis tr td 		{border-bottom: 1px solid #CBCBCB; }
table#zapasVypis tr td a 	{font-weight: bold;}

.venku                          {background: #ffffff;}
.doma                           {background: #F1F1F1;}
*/

.cursor                         {cursor: pointer;}
.link                           {white-space: nowrap;font-weight: bold; padding: 0px 12px 0px 0px; background: url(../img/arrow_link.png) no-repeat right 6px;}

.role                           {display: inline;}

.pagination {clear:both; margin:15px 0; padding-bottom:10px;}
.pagination.bottom {margin-bottom:0; padding-top:10px;}
.pagination p {margin:0;}
.pagination .f-right a {padding:2px 4px; text-decoration:none;}
.pagination .f-right a.pagination-active {padding:2px 6px; font-weight:bold;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-right {text-align:right !important;}

div.msg {font-weight: bold; font-size: 1.2em; margin: 5px}
div.msg.error {color: red}
div.msg.info {color: green}

.category-table {width: 100%;border-collapse: collapse;}
.category-table td {border: solid #F1F1F1 1px;}
.category-table th {background-color: #F1F1F1;}
.category-table td span.separator:first-child{display:none}

#gamestats .statshelp {display:none}

#gameall .center {display:table;width: 100%;}
#gameall .logo {display: table-cell;vertical-align: top; width: 100px;}
#gameall .logo img {width: 100px; height: 100px;display: block;margin:10px;}
#gameall .gameteams {display: table-cell;vertical-align: top;}

.logos a{font-weight:bold;}
.logos.prohra a{color:red;}
.logos.vyhra a{color:green;}

#content_gallery h1 {display: inline-block;}
#content_gallery .search-text {float: right; margin-top: 10px;}

.body-statictext-detail #col_text img {max-width:100%;}


#lightgallery .photo {
    float: left;
    position: relative;
    display: inline-block;
    height: 120px; }
    #lightgallery .photo:active .photo-inner:after, #lightgallery .photo:focus .photo-inner:after, #lightgallery .photo:hover .photo-inner:after {
      opacity: 0.4; }
    #lightgallery .photo-inner {
      
      width: 100%;
      height: 100%;
      overflow: hidden; }
    #lightgallery .photo-inner:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), #000000);
        opacity: 0.8;
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 0.2s; }
     
      #lightgallery .photo-inner h3 {
        position: absolute;
        bottom: 0;
        font-size: 14px;
        color: #fff;
        z-index: 10;
        left: 10px;
        bottom: 2px; }