body {
	background:#331400 url("images/body.jpg") repeat center center;
}
 

#mat {
	background:url("images/mat.jpg") no-repeat top center;
	min-height:1300px;
	
}

#page { width:892px; margin:0 auto; position:relative;}


#content { padding:645px 0 0; }
#article { width:612px; float:right; }
body.registration #article { width:869px; }
body.forms #article { width:612px; }
.txt { padding-bottom:10px; padding-top:5px; }
#feedback { clear:both; }

.side-facebook { background: #ffffff; width: 250px; }

/* navigace */
#nav { position:absolute; left:0px; top:497px; }
#nav ul { list-style-type:none; }
#nav ul li a { position:absolute; top:0px; text-decoration:none; background-repeat:no-repeat}
#nav ul ul li a { position:static; top:0px; }
#nav ul ul {
	background:url("images/submenu-bottom.gif") no-repeat bottom center;
	padding:0 0 7px; width:242px; margin:0;
}
#nav ul ul li {
	background:url("images/submenu-li.gif") no-repeat bottom center;
	height:30px; line-height:30px; padding:0px 15px 2px;
}
#nav ul ul li a { color:white; padding:0 4px; display:block; width:204px; height: 30px; overflow: hidden; }
#nav ul ul li.last { background-image:none; }
.submenu {
	background:url("images/submenu-top.gif") no-repeat top center;
	padding-top:23px; width:242px;position:absolute;z-index:2;
}
#nav ul ul li a:hover { /* a.active */
	background:url("images/submenu-li-selected.png") no-repeat center center;
	color:#3E1C01;
}

#n1 { background:url("images/n1.jpg"); left:32px; width:101px; height:100px;}
#n2 { background:url("images/n2.jpg"); left:145px; width:127px; height:108px; }
#n3 { background:url("images/n3.jpg"); left:303px; width:98px; height:113px; }
#n4 { background:url("images/n4.jpg"); left:428px; width:89px; height:114px; }
#n5 { background:url("images/n5.jpg"); left:538px; width:100px; height:109px; }
#n6 { background:url("images/n6.jpg"); left:653px; width:94px; height:99px; }
#n7 { background:url("images/n7.jpg"); left:767px; width:120px; height:81px; }

#s1 { top:85px; left:27px; }
#s2 { top:100px; left:145px; }
#s3 { top:113px; left:313px; }
#s4 { top:113px; left:436px; }
#s5 { top:109px; left:553px; }
#s6 { top:99px; left:663px; }
#s7 { top:81px; left:779px; }

#nav a span { visibility:hidden; width:100%; height:100%; display:block; }

/* novinky - slideshow */
#news { background:url("images/slideshow.jpg"); width:614px; height:332px; }

.scrollable {
	padding-top:22px;
	margin:0 10px 10px 51px;
	position:relative; overflow:hidden; width:508px; height:265px;
}
.scrollable .items { width:20000em; position:absolute; }

.items div.pair { float:left; width:508px; }

.items div.news { width:235px; }
.items div.first {float:left; }
.items div.second { float:right; }
	
.navi { text-align:center; }
.navi a {
	background:url("images/sl-nav.gif") no-repeat center center;
	padding:2px 4px 2px 3px; text-decoration:none;
}
.navi a.active { background-image:url("images/sl-nav-active.gif"); }
.navi a span { visibility:hidden; font-size:10px; }


#news p { text-indent:0; font-style:italic; }
#news ins+p { margin-top:0; padding-top:0; }
#news h4 { margin:7px 0; padding:0;}
#news p.continue { font-style:italic; text-align:right; }
#news img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:5px; border:0;
}

#sites { float:left; width:303px; }
#sites p { text-indent:0; }
#sites img { vertical-align:middle; margin-right:3px; border:0;}
#sites a { text-decoration:none; color:#B09783; }
#sites a:hover { text-decoration:underline; }

#newsletter {width:293px; float:right;}
#newsletter p { text-indent:0; font-size:11px; }
#newsletter form { margin:0; padding:0; }
#newsletter form p {
	width:293px; height:45px; margin:0; padding:0;
	background:url("images/newsletter.png");
}
#newsletter form input.text {
	width:191px; height:39px; padding:3px 7px 3px 17px; line-height:39px; margin:0;
	border:0; background:transparent; color:#8F735B; font-size:11px;
}
#newsletter form input.submit {
	background:transparent; border:0; padding:0; margin:0;
	width:75px; height:43px; color:#B9A491; width:70px;
}

#line {
	background:url("images/line.gif") no-repeat bottom center;
	width:891px; height:13px; font-size:1px; line-height:1px;
	margin:0; padding:0; clear:both; float:none;
}

#footer { border-bottom:1px solid #451E01; height:59px; }
#footer p { text-indent:0; height:59px; line-height:59px; margin:0; }
#bottom-nav span { font-size:1.4em; vertical-align:middle; }
#bottom-nav {
	float:right;  text-align:right; padding:0; color:#683402;
	vertical-align:middle; font-size:11px;
}
#bottom-nav a { color:#9F836E; }

#copy {
	float:left; padding:0 0 0 7px; color:#9F836E; 		
}
#copy a { text-decoration:none; color:#9F836E; }
#copy a:hover { text-decoration:underline; }
#producer { text-align:right; color:#7A461E; margin:0; padding:0;
height:55px; line-height:55px;}
#producer img { vertical-align:middle; margin-left:3px; }

#envl { position:relative; }
#to-top {
	position:absolute; margin:0; width:69px; top:8px; right:-142px; text-indent:0;
	text-align:center;
}
#to-top a { text-decoration:none; }

#top { position:absolute; top:0; left:0; }
#top a { text-decoration:none; }

body.registration #column, body.forms #column { display:none; }

/* kalendář */
h4.calendar { margin:0 auto; }
#calendar {
	background:url("images/calendar.png") no-repeat top left;
	width:247px; height:297px; position:relative;
}
#calendar p { text-indent:0; color:#BBA693; }
#calendar a { color:#C7BAB2; text-decoration:none;}
#calendar a:hover { text-decoration:underline; }
#calendar .pad {
	padding:15px 0 0 18px; width:211px; height:262px;
}
#calendar ins { color:#FEFEFE; display:inline; font-style:normal; }
#actions a { cursor:pointer; }
#actions .pprev {
	position:absolute; top:0px; width:21px; height:21px;
	margin-left:186px;
}
#actions .nnext {
	position:absolute; bottom:0px; width:21px; height:21px;
	margin-left:186px;
}
#actions span {
	width:21px; height:21px; display:block; overflow:hidden;
	visibility:hidden;	
}
#calendar #scrollable {
	position:relative; overflow:hidden; width:211px; height:262px;
}
#scrollable .items { position:absolute; height:20000em; }

/* fotogalerie */
p#images { text-indent:0;  width:277px; float:left; padding:0;}
p#images a {
	text-decoration:none; margin-right:21px; margin-bottom:21px;
	float:left; width:113px; 
}
p#images img {
	background:url("images/gallery.gif") no-repeat top left;
	width:103px; height:69px; padding:5px; border:0;
}
p#images a:hover img { background:url("images/gallery-hover.gif"); }


p#galleries { text-align:right; width:247px; text-indent:0 }
p#galleries a { font-style:italic; }

/* logo */
p#logo {
	position:absolute; top:93px; left:223px;
	width:449px; height:98px; margin:0; padding:0;
}

p#logo a {
	width:449px; height:98px; display:block; text-decoration:none;
}

p#logo span { visibility:hidden; }

/* vrchnĂ­ slideshow */
#dec {
	position:absolute; left:0px; top:205px;
}
.top-scrollable {
	position:relative; overflow:hidden; width:892px; height:292px;
}
.top-scrollable .items { width:20000em; position:absolute; }
.items img { float:left; }
#layer { position:absolute; top:0px; left:0px; }

.success { color:orange; }
.error { color:red; }

.images { clear:both; }
.images a { width:130px; float:left; margin:11px; text-align:center;}
.images img { border:5px solid #4C2504; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 auto; display:block;
}
.images a:hover img { border:5px solid #5E2D04; }
.break { width:95%; height:1px; line-height:1px; font-size:1px;
clear:both; float:none; display:block }

#files { clear:both; }

div#crossroad h2 { font-size:16px; }
div#crossroad div { clear:both; padding:5px 0; }
div#crossroad p { text-indent:0; }
p#rss { text-indent:0; clear:both; }

/* Mapy */
.find-path {
    float: right;
    margin: -55px 0 0 434px;
    position: absolute;
    z-index: 40;
}
/*.find-path:hover {
    color: #3F0000;
    text-decoration: none;
}*/

.directions-panel {
    clear: both;
    margin-top: 50px;
    width: 100%;
}

.path-ask-content {
    font-size: 14px;
	background-color: #5C2A01;
	
}

.path-ask-content h2 {
    margin-top: 0;
    /*color: #341501;*/
}

.path-ask-content label {
    margin-bottom: 8px;
    display: block;
    color: #FCEBD9;
}

.path-ask-content input[type=text] {
    width: 96%;
}

.path-ask-content input[type=submit] {
    background: url('images/button-route.png') center left no-repeat scroll transparent;
    border: none;
    padding: 2px 6px 2px 6px;
    margin: 10px 0 0 0;
    float: right;
    clear: both;
    color: #3F0000;
    font-weight: bold;
    height: 35px;
    text-align: center;
    width: 108px;
}

.path-ask-content a.btn {
    clear: none;
    text-decoration: none;
    margin: 10px 10px 0 0;
    height: 29px;
    padding: 7px 6px 7px 6px;
    color: #FCEBD9;
    background: none;
    border: none;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}

/*.path-ask-content input[type=submit]:hover,*/
.path-ask-content a.btn:hover, .path-ask-content a.btn:focus {
    color: #E10008;
}

/************* Výpis cesty ********************/
.adp-placemark td, .adp-placemark tr, table.adp-placemark{
	background:#5b2a01;
	border: 0;
	color: #CDCDCD;
}
.adp-directions{
	width:100%;
}

table.adp-directions, .adp-directions tr, .adp-directions td, .adp-directions th{
	border:none;
}
.adp-directions tr{
	border-bottom: 1px dashed #5B2A01;
}
.adp-substep {
	padding: 8px 3px;
	
}

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.gb-cont p {
    text-indent: 0;
}
p.guestbook {
    font-size: 11px;
}


/*#prispevek input[type=text], #prispevek input.text {
    width:500px; height:39px; padding:1px 7px 1px 17px; line-height:39px; margin:4px 0 0 0;
    border:1px solid #331400; background:#441F02; color:#8F735B;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

*/#prispevek textarea {
    width:536px; height:300px; padding:3px 7px 3px 17px; line-height:24px; 
}
/*
#prispevek input[type=submit], #prispevek input.submit {
    background:#572701; border:1px solid #331400; padding:0; margin:0;
    width:150px; height:43px; color:#B9A491; cursor: pointer;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
*/
table { border: 1px solid #5C2B02; border-collapse: collapse; }
td, th { border: 1px solid #5C2B02; padding: 4px; }
th { font-weight: bold; }

/* prihlašování na závody */
#registration p { text-indent:0; clear:both;}
#registration span { width:155px; float:left; line-height:1.8em;}
#registration span#total_price { width:auto; float:none; line-height:inherit; font-size:22px;
	font-weight:bold; color:#D88304;}

#registration .total_hd { text-align:right; margin:0; padding:0; font-size:18px; }

div.fieldset { padding:0px 11px; }
#registration p.submit { /*text-align:center;*/ padding-left: 156px }
#registration p.submit-reg { /*text-align:center;*/ padding-left: 170px }
#registration p.button { text-align:right; margin-top:25px; }
#registration td.check, #registration td.number { text-align:center; }

#registration td.price { text-align:right; color:#D48504; font-size:13px; font-weight:bold; }
#registration td.ustpr { color:#D48504; }

table.application { width:100%; border:0; font-size:11px; }
table.application td, table.application th {
	border:0; border-bottom:1px dashed #5E2A03; padding:17px 6px;
}
table.application tr.noline td, table.application tr.noline th { border:0; }
table.application td.name, table.application th.name { padding-left:17px; }

table.application thead td, table.application thead th { border:0; color:#4D2E00; }
table.application thead th {text-align:center; }

table.application td, table.application th {
	border:0; border-bottom:1px dashed #5E2A03;
	text-align:left; font-weight:normal;
}
table.application td, table.application th.name { vertical-align:top; }
table.application th.ust { text-align:center; }
table.application table { border:0; }
table.application table td, table.application table th { border:0; padding:0px 6px 5px; }


/* table.application thead { background:url("images/reg-thead.png") no-repeat left center; } */
table.application thead tr th { background:url("images/reg-thead.png") no-repeat center center; }
table.application thead tr th.corner-left { background-position:center left; }
table.application thead tr th.corner-right { background-position:center right; } 

/*.pair {
	font-size:14px; font-family:monospace; background:#C7BAB2; color:#331400;
	padding:2px 4px; border:1px solid #331400;
}*/
col.ap1 { width:150px; }
col.ap8 { width:73px; }

col.u63, col.u64, col.u65, col.u66, col.u67, col.u68 { width:106px;  }
col.u53, col.u54, col.u55, col.u56, col.u57, col.u58 { width:128px;  }
col.u43, col.u44, col.u45, col.u46, col.u47, col.u48 { width:160px;  }
col.u33, col.u34, col.u35, col.u36, col.u37, col.u38 { width:213px;  }
col.u23, col.u24, col.u25, col.u26, col.u27, col.u28 { width:320px;  }
col.u13, col.u14, col.u15, col.u16, col.u17, col.u18 { width:640px;  }


.reports p { text-indent:0; }
#registration button {
	background:transparent; border:0; padding:0; width:180px; height:33px;	
}
#registration button span {
	background:url("images/reg-submit.png") no-repeat center center;
	width:180px; height:33px; display:block; line-height:33px; padding:0; margin:0;
	font-size:16px; font-family: Georgia, "New York CE", utopia, serif;
}
#registration input.replaced { display:none; }
#registration img.radioReplacement { vertical-align:middle; }
#registration h3.app { padding-left:15px; margin-bottom:0; padding-bottom:0; }
#registration input.text {
	background:transparent url("images/reg-input.gif") no-repeat center center;
	width:119px; height:20px; color:#B0A498; padding:5px 10px; line-height:20px;
	border:0; margin:0;
}
.hid { display:none; }
.vis { display:inline; }
.label, .close { color:#D58603; text-decoration:underline; }
#registration span.partak { width:auto; float:none; line-height:1.8em; padding-top:5px; }
#registration span.inp { width:auto; float:none; line-height:1.8em;}

/* nastylované select boxy */
.sbHolder{
    background:transparent url('images/select.gif') no-repeat center right scroll;
	border:0;
	font-family: Georgia, "New York CE", utopia, serif;
	font-size: 11px;
	font-weight: normal;
	width: 139px; height: 30px;
	position: relative; font-size:11px;
}
.sbHolder:focus .sbSelector{}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 7px;
	top: 0;
	width: 119px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #B1A599;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	/* background: url(../img/select-icons.png) 0 -116px no-repeat; */
	display: block;
	width: 30px; height: 30px;
	outline: none;
	position: absolute;
	right: 0; top: 0;
	
}
.sbToggle:hover{}
.sbToggleOpen{}
.sbToggleOpen:hover{}
.sbHolderDisabled{}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions{
	background-color:#1F0B00;
	border: solid 1px #503321;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 400px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #503321;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #B1A599;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #503321;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #503321;
	color: #B1A599;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}	


#registration span.sel-partak {
    font-weight: bold;
    width: 100px; height:17px; overflow:hidden;
    float:none; line-height:1.8em;
    color:#B1A398; font-weight:normal;
    padding: 6px 30px 7px 9px;
    
}
.reservation span.sel-partak span {
     width:100px; height:17px; float:none; overflow:hidden;
}


#registration .application .chck { display: inline; float: none; width: auto; }
#registration .application .chck label { vertical-align: top; }

div.block-horses p { text-indent:0; }
div.block-horses {
	display:block; margin:0; padding:0; background:#4F2300;
	position:absolute; left:0; top:678px; width:236px;
	border: 8px solid rgb(74, 33, 1);
    border: 8px solid rgba(74, 33, 1, .5);
    border-left:0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

body.rider { min-width:1396px;  }
div.block-horses div {
	background:#572A01; width:224px; float:left;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	padding-left:12px;
	*padding-top:10px; *padding-bottom:10px
}

div.block-horses ul { list-style-type:none; margin-left:6px; padding-left:0; }
div.block-horses li {
	padding:0 0 1px 15px;
	background:url("images/reg-menu-li.gif") no-repeat 0 6px;
	color:white;
	
}
div.block-horses h4 { font-size:17px; color:#FDEBD7; margin-bottom:8px; }
div.block-horses a { text-decoration:none; color:#BAA594}
div.block-horses a.add, div.block-horses a.reg { color:#D98405; }
div.block-horses a span.logout { color:white; }
div.block-horses a.u { text-decoration:underline; }

div.block-horses img { vertical-align:middle; }
div.block-horses p.race { color:white; padding:0; margin:7px 0 0; }
p.race + ul { margin:5px 0 0; padding:0; }
div.block-horses p.jk-menu-off {
	background:url("images/block-switch-off.png") no-repeat top left;
	position:absolute; top:50px; left:236px; width:17px; height:160px;
	cursor:pointer;
}

div.block-horses p.jk-menu-off span {
	visibility:hidden; display:block; overflow:hidden; cursor:pointer;
	width:17px; height:160px;
}

p.jk-menu-on {
	display:none; margin:0; padding:0; cursor:pointer;
	position:absolute; left:0; top:678px;
	background:url("images/block-switch-on.png") no-repeat top left;
	width:67px; height:279px;	
}
p.jk-menu-on span {
	visibility:hidden; display:block; overflow:hidden; cursor:pointer;
	width:67px; height:279px;
}
	

#jazdec-kon {
	border:9px solid #562602;
    -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
	background:#562602;
	margin:0 0 13px; padding:0;
	position:relative;
}
#jazdec-kon div#jk-mat {
    -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
	background:#5D2C03;
	position:relative; padding:3px 11px;
}

.jk-left { float:left; width:399px; }
.jk-right { float:right; width:399px; *float:none;}

#registration .jk-left span {
	border:1px dashed #764E2A;
	padding:6px 12px 6px 9px;
	width:auto; float:none; line-height:1.5;
}

.jk-left p.start { margin-top:2em; }
#jazdec-kon h3 { margin:0.4em 0 0.2em; padding:0; }


/******** Návštěvní kniha  ********/
.guestbook.contr2{
    border-top: 1px solid #5C2C0E;
    border-bottom: 1px solid #5C2C0E;    
}

table.guestbook, .guestbook td, .guestbook th, .guestbook tr{
	border:none;
	padding-left: 0;
}
p.guestbook, p.message{
	padding-left:10px;
}

/* popup */
#popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: #000000; background: rgba(0, 0, 0, 0.85); filter:alpha(opacity=85); }
#popup-content { position: fixed; left: 50%; top: 50%; width: 550px; min-height: 500px; _height: 500px; margin-top: -375px; margin-left: -275px; z-index: 1000;
    background: #5C2B02; border: 8px solid #562602; -webkit-border-radius: 10px; border-radius: 10px; }
#popup-inner-content { /*width: 100%; height: 730px; overflow: auto;*/ padding: 10px; }
#popup-inner-content p { text-indent: 0; }
.popup-elshow { display: none; }
#popup-close-btn { float:right; width: 70px; text-align: center; cursor: pointer; height: 20px;}

/*#time-to-show-cont { background: #5C2B02; border: 8px solid #562602; -webkit-border-radius: 10px; border-radius: 10px; width: 231px; font-size: 12px; text-align: center; padding: 6px 0; margin-top: 20px; }*/
#time-to-show-cont { position: relative; background: url("images/timer-background.png") no-repeat scroll left top transparent; width: 248px; font-size: 12px; padding: 6px 0; margin-top: 20px; height: 104px;}
#time-to-show-cont h4 { margin: 8px 0 0 25px; padding: 0; }
#time-to-show { position: absolute; left: 4px; top: 35px; color: #ffffff; }
#time-to-show span { display: block; float: left; font-size: 26px; margin-left: 10px; text-align: left; width: 36px; }
#time-to-show span:first-child { margin-left: 0; margin-right: 15px; text-align: right; width: 55px; }


/*.webx_sendform span.description {
    margin-left: 6px;
    cursor: help;
    color: #ffffff;
    display: inline-block;
    width: 10px;
    height: 10px;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    border: 2px solid #ffffff;
    border-radius: 100%;
    background: transparent;
    font-weight: bold;
    overflow: hidden;
}*/

.webx_sendform fieldset>p { padding: 4px 0; }
.webx_sendform fieldset>p label { font-weight: bold; }
.webx_sendform span.description { margin-left: 6px; cursor: help; color: #ffffff; display: inline-block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; border: 2px solid #ffffff; border-radius: 100%; background: transparent; font-weight: bold; overflow: hidden; }
.webx_sendform span.description:hover { background: #ffffff; color: #1869AC; }

.tipsy-side { font-size: 11px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-side .tipsy-inner { max-width: 200px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	padding: 6px 16px; font-size: 12px; color: #ffffff; background-color: #222222; /*text-transform: uppercase;*/ }
.tipsy-side .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #222222; }
.tipsy-side .tipsy-arrow-n { border-bottom-color: #222222; }
.tipsy-side .tipsy-arrow-s { border-top-color: #222222; }
.tipsy-side .tipsy-arrow-e { border-left-color: #222222; }
.tipsy-side .tipsy-arrow-w { border-right-color: #222222; }
.tipsy-side.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-side.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-side.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-side.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-side.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-side.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-side.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-side.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }