body,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,code,form,fieldset,legend,input,button,textarea,blockquote,figure,th,td{margin:0;padding:0;border:0}body{line-height:1}h1,h2,h3,h4,h5,h6,big,small,sub,sup{font-size:100%}h1,h2,h3,h4,h5,h6,th,strong,dt,b{font-weight:normal}blockquote,q,em,cite,dfn,i,cite,var,address{font-style:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote p:before,blockquote p:after,q:before,q:after{content:""}a,ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}th{text-align:left}label,select,button,input[type="submit"],input[type="reset"],input[type="button"]{width:auto;overflow:visible;cursor:pointer}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

@font-face {
	font-family: "TeX Gyre Heros";
	src: url("//external.nikol.ai/fonts/texgyreheros-regular-webfont.eot");
	src: url("//external.nikol.ai/fonts/texgyreheros-regular-webfont.eot?#iefix") format("embedded-opentype"),
		 url("//external.nikol.ai/fonts/texgyreheros-regular-webfont.woff") format("woff"),
		 url("//external.nikol.ai/fonts/texgyreheros-regular-webfont.ttf") format("truetype"),
		 url("//external.nikol.ai/fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular") format("svg");
}
@font-face {
	font-family: "TeX Gyre Heros Bold";
	src: url("//external.nikol.ai/fonts/texgyreheros-bold-webfont.eot");
	src: url("//external.nikol.ai/fonts/texgyreheros-bold-webfont.eot?#iefix") format("embedded-opentype");
}
@font-face {
	font-family: "TeX Gyre Heros";
	src: url("//external.nikol.ai/fonts/texgyreheros-bold-webfont.woff") format("woff"),
		 url("//external.nikol.ai/fonts/texgyreheros-bold-webfont.ttf") format("truetype"),
		 url("//external.nikol.ai/fonts/texgyreheros-bold-webfont.svg#TeXGyreHerosBold") format("svg");
	font-weight: bold;
}

body, b, .bills {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
body {
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
}
.blue, .blue+#container, .blue+#container .list .hover:before, .blue+#container .list .hover:after {
	background-color: #008cd2;
}
.purple, .purple+#container, .purple+#container .list .hover:before, .purple+#container .list .hover:after {
	background-color: #935782;
}
.orange, .orange+#container, .orange+#container .list .hover:before, .orange+#container .list .hover:after {
	background-color: #dd731d;
}
.green, .green+#container, .green+#container .list .hover:before, .green+#container .list .hover:after {
	background-color: #00a532;
}
.container {
	margin: 0 auto;
}
.days3 .container {
	width: 1190px;
}
.thin.days3 .container {
	width: 945px;
}
.days4 .container {
	width: 1315px;
}
.thin.days4 .container {
	width: 1070px;
}
h1, input, #container h2, body>header li li, .rooms>ul:first-child>li:before {
	font-weight: bold;
	font-family: "Helvetica Neue", "TeX Gyre Heros Bold", "TeX Gyre Heros", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}
h1 {
	position: relative;
	margin: 25px 25px 44px;
	height: 89px;
	width: 121px;
	background: url(images.png) 15px 31px no-repeat;
}
h1:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 121px;
	height: 120px;
	background-color: rgba(255,255,255,.25);
}
a {
	outline: none;
	color: #fff;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
h1>span {
	position: absolute;
	left: 140px;
	top: 60px;
	margin-top: -.5em;
	font-size: 3.65em;
	line-height: 1em;
	letter-spacing: -3px;
	text-transform: lowercase;
	white-space: nowrap;
}
h1>span>span {
	letter-spacing: -.15em;
}
.container>p, form>p {
	padding: 5px 25px;
	font-size: 1.25em;
	font-family: "Helvetica Neue", "TeX Gyre Heros", Arial, Helvetica, sans-serif;
	line-height: 2em;
}
.container>p span, form>p span {
	display: inline-block;
	position: relative;
	margin: -1em 1em -.75em .25em;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	background-color: #fff;
	vertical-align: middle;
}
form p span {
	-webkit-border-radius: .25em 0 0 .25em;
	-moz-border-radius: .25em 0 0 .25em;
	border-radius: .25em 0 0 .25em;
}
form p span:after {
	content: " ";
	position: absolute;
	right: -1em;
	top: 1em;
	margin: -10.5px -12.5px;
	width: 25px;
	height: 21px;
	z-index: -1;
	background: url(images.png) 0 -100px;
}
input, button {
	float: left;
	margin: .2em 0;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	outline: none;
	width: 11em;
	height: 1.6em;
	background-color: #fff;
	font-size: 1em;
	line-height: 1.2;
	text-indent: 5px;
	letter-spacing: normal;
	vertical-align: middle;
}
button {
	margin: 0 -2em 0 0;
	-webkit-border-radius: 0 .25em .25em 0;
	-moz-border-radius: 0 .25em .25em 0;
	border-radius: 0 .25em .25em 0;
	width: 2em;
	height: 2em;
	background: transparent url(shade.png);
	background: rgba(255,255,255,.25);
	text-indent: -9999px;
}
#currency {
	position: relative;
	float: right;
	margin: 5px 25px 0;
	padding: 4px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 95px;
	text-indent: -9999px;
}
#currency:after {
	content: " ";
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 39px;
	right: 39px;
	z-index: 1;
	background: url(images.png) -25px -74px;
}
.american #currency:after {
	left: 29px;
	border-left: 10px solid #1a98d7;
	background-color: #1a98d7;
}
.canadian #currency:after {
	right: 29px;
	border-right: 10px solid #ed5741;
	background-color: #ed5741;
}
#currency>li {
	position: relative;
	float: left;
	width: 25px;
	height: 25px;
	background: url(images.png) -52px -96px no-repeat;
}
.american #currency>li:first-child {
	z-index: 1;
	background-color: #1a98d7;
}
#currency>li+li {
	margin-left: 45px;
	background: url(images.png) -68px -74px no-repeat;
}
.canadian #currency>li+li {
	background-color: #ed5741;
}
#currency a {
	position: absolute;
	left: -5px;
	right: -40px;
	top: -5px;
	bottom: -5px;
	border: 5px solid transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#currency li+li>a {
	left: -40px;
	right: -5px;
	border-right-width: 5px;
}
#currency li+li>a:after {
	left: -35px;
}
.american #currency>li:first-child a {
	border-color: #1a98d7;
	cursor: auto;
}
.canadian #currency>li+li a {
	border-color: #ed5741;
	cursor: auto;
}
aside {
	position: relative;
	margin-bottom: -13px;
	height: 45px;
	overflow: hidden;
}
aside>h2 {
	padding: 25px;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.1em;
	text-transform: lowercase;
	letter-spacing: normal;
}
aside>h2>a {
	position: relative;
	float: right;
}
aside>h2>a:before {
	content: " ";
	position: absolute;
	right: 100%;
	top: 50%;
	margin: -11px .25em;
	width: 21px;
	height: 21px;
	background: url(images.png) -26px -100px;
}
aside>section {
	position: relative;
	float: left;
	margin: 0 0 30px 60px;
	width: 330px;
}
.thin aside>section {
	width: 400px;
}
aside>section:before {
	content: " ";
	position: absolute;
	left: -35px;
	top: 0;
	width: 25px;
	height: 25px;
	background: url(images.png) 0 -122px;
}
aside>h2+section+section:before {
	height: 17px;
	background-position: -26px -122px;
}
aside>section+section+section:before {
	background-position: -25px -74px;
}
aside>section:after {
	content: ". .";
	display: block;
	visibility: hidden;
	line-height: 0;
	letter-spacing: 150px;
}
h3 {
	font-weight: bold;
	line-height: 1;
}
aside li {
	margin-top: 5px;
}
body>header {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	margin-top: 13px;
	padding: 0 45px;
	border-width: 1px;
	border-style: solid none;
	background-image: url(shade.png);
	background-image: -o-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25));
	background-image: -moz-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25));
	background-image: -ms-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25));
	background-image: linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25));
	text-transform: lowercase;
}
.fixed>header {
	position: fixed;
	top: 0;
}
.days3>header {
	min-width: 1100px;
}
.thin.days3>header {
	min-width: 855px;
}
.days4>header {
	min-width: 1225px;
}
.thin.days4>header {
	min-width: 980px;
}
body>header>ul {
	margin: 0 auto;
	padding-left: 195px;
}
.days3>header>ul {
	width: 905px;
}
.thin.days3>header>ul {
	width: 660px;
}
.days4>header>ul {
	width: 1030px;
}
.thin.days4>header>ul {
	width: 785px;
}
body>header li {
	float: left;
}
body>header>ul>li {
	padding: 10px 0 10px 50px;
	border-left: 5px solid rgba(255,255,255,.25);
}
.thin>header>ul>li:first-child {
	margin-left: -240px;
	border: 0;
}
body>header>ul>li+li {
	margin-right: -9999px;
	padding-left: 25px;
}
body>header li li {
	width: 125px;
	font-size: 1.25em;
	line-height: 1.2;
	letter-spacing: normal;
}
body>header .cost {
	margin-left: 10px;
	width: 130px;
}
body>header li+li li {
	width: 105px;
}
#container {
	padding-bottom: 25px;
}
#container>div {
	position: relative;
	margin-top: 35px;
	padding-top: 2.7em;
}
#container>div:before, #container>div:after {
	content: " ";
	position: absolute;
	left: 240px;
	bottom: 0;
	padding-bottom: 2.7em;
	border-radius: 2.5px;
	width: 5px;
	height: 100%;
	background-image: url(shade.png);
	background: rgba(255,255,255,.25);
}
.thin #container>div:before {
	display: none;
}
#container>div:after {
	left: auto;
	right: 375px;
}
#container section {
	padding: 25px 0;
	overflow: hidden;
}
#container section+section {
	border-top: 1px solid;
}
section>header {
	float: left;
	margin: 0 30px 0 25px;
	width: 190px;
}
.thin section>header {
	float: none;
	margin: 0 25px 25px;
	width: auto;
	overflow: hidden;
}
header>h2 {
	margin-bottom: .25em;
	font-size: 2.1em;
	line-height: .85;
	text-transform: lowercase;
}
.thin header>h2 {
	float: left;
}
section>header ul {
	display: inline;
}
section>header>ul>li {
	margin-top: 5px;
	font-size: 1.05em;
	line-height: 1;
}
.thin section>header>ul>li {
	float: left;
	margin: .7em 0 0 2em;
}
section>header li li {
	display: inline-block;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	background-image: url(images.png);
}
*:first-child+html section>header li li {
	display: none;
}
li[title*=Internet] {
	background-position: 0 -60px;
}
li[title*=Continental] {
	background-position: -15px -60px;
}
li[title*=Full] {
	background-position: -30px -60px;
}
li[title=Kitchen] {
	background-position: -45px -60px;
}
li[title=Pool] {
	background-position: -60px -60px;
}
li[title*=Water] {
	background-position: -75px -60px;
}
section>div {
	float: left;
	width: 375px;
	font: .85em/1.2 "Helvetica Neue", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
}
section>div>ul {
	float: left;
	padding: 0 25px;
	counter-reset: rooms;
}
.days3 .rooms {
	width: 570px;
}
.days4 .rooms {
	width: 695px;
}
ul.days2 {
	width: 275px;
}
ul.days3 {
	width: 400px;
}
.before1 {
	padding-left: 150px;
}
.before2 {
	padding-left: 275px;
}
header+.ride {
	float: right;
}
.ride>ul:first-child {
	width: 210px;
}
.rooms>ul:first-child>li {
	position: relative;
	padding-left: 25px;
}
.rooms>ul:first-child>li:before {
	counter-increment: rooms;
	content: counter(rooms);
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	color: #fff;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1;
	text-align: right;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	opacity: .25;
}
.rooms>ul>li+li {
	margin-top: 10px;
}
.rooms>ul>li>ul, .ride>ul>li>ul {
	margin-bottom: 2px;
	height: 24px;
}
.rooms>ul>li>ul>li, .ride>ul>li>ul>li {
	float: left;
	width: 125px;
}
.ride>ul>li>ul>li {
	width: 105px;
}
.people {
	position: relative;
	margin-bottom: -1px;
	border: 1px solid;
	border-color: rgba(255,255,255,.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 1px;
	height: 24px;	
	background: none;
}
.people.user, body[data-firstname] .people:hover {
	background-image: url(shade.png);
	background: rgba(255,255,255,.25);
}
.people.user {
	border: 1px solid #fff;
}
.people>div {
	float: left;
	margin: 2px 1px;
	width: 8px;
	height: 20px;
	background: url(images.png) -60px -75px no-repeat;
}
.ride .people>div {
	margin-left: 0;
	margin-right: -1px;
	width: 13px;
	background-position: -78px -101px;
}
.people.full>div {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
}
.rooms .people>.hover, .rooms .people>.user {
	margin: 1px 1px 2px -2px;
	width: 11px;
	height: 21px;
	background-position: -50px -74px;
}
.people:hover>.user, .people.hover>.user {
	visibility: hidden;
}
.people>.ui-draggable-dragging {
	z-index: 1;
}
.people4 {
	width: 40px;
}
.people5 {
	width: 50px;
}
.people6 {
	width: 60px;
}
.people7 {
	width: 70px;
}
.people8 {
	width: 80px;
}
.people9 {
	width: 90px;
}
.people10 {
	width: 100px;
}
.people11 {
	width: 110px;
}
.people12 {
	width: 120px;
}
.ride .people4 {
	width: 51px;
}
.ride .people5 {
	width: 63px;
}
.ride .people6 {
	width: 75px;
}
.ride .people7 {
	width: 87px;
}
.people>a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(images.png) -999px 0 no-repeat;
	text-indent: -9999px;
}
body[data-firstname=Nikolai] .people>a {
	left: 100%;
}
.people>a:hover, .people.user.hover>a {
	right: -8px;
	background-position: 100% -154px;
}
.people>[title^=L]:hover, .people.hover>[title^=L], .people.user.hover>a {
	background-position: 100% -176px;
}
.people>a:after {
	content: " ";
	position: absolute;
	right: -8px;
	top: -8px;
	width: 9px;
	height: 9px;
	background: url(images.png) -59px -125px;
	opacity: .25;
}
.people a:hover:after, .people.user.hover>a:after {
	right: 0;
	opacity: 1;
}
.people.unused a {
	display: none;
}
.people.user a:after {
	top: -5px;
	height: 3px;
	background-position: -59px -128px;
}
.people.move a:after {
	background-position: -76px -142px;
}
.list {
	clear: left;
	margin-right: 10px;
}
.list>p, .list>ul, .list li {
	display: inline;
}
.list>p+ul:after, .list>ul:first-child>li:last-child:after, .cost>li:after {
	content: ".";
}
*:first-child+html .list li {
	margin-right: .5em;
}
.list>p+ul>li:first-child:before {
	content: " with ";
}
.list li+li:before {
	content: ", ";
}
.list li+li:last-child:before {
	content: " and ";
}
.list li+li+li:last-child:before {
	content: ", and ";
}
.list .hover {
	background-image: url(shade.png);
	background: rgba(255,255,255,.25);
}
ul.cost {
	position: relative;
	float: right;
	margin-left: -15px;
	padding-left: 0;
	width: 105px;
}
ul.cost:after {
	content: " ";
	position: absolute;
	left: -10px;
	top: -10px;
	bottom: -10px;
	width: 1px;
	background-image: url(shade.png);
	background: rgba(255,255,255,.25);
}
.rooms>.cost {
	margin-right: 5px;
}
.ride>.cost {
	padding-right: 25px;
}
.cost>li+li {
	margin-top: 10px;
}
li.canadian {
	display: none;
}
.canadian li.canadian {
	display: block;
}
b {
	font-weight: bold;
}
.bills {
	overflow: hidden;
}
.bills>div {
	float: left;
	margin: 0 3px 1px 0;
	border: 1px solid;
	border-color: rgba(255,255,255,.25);
	width: 8px;
	height: 24px;
	background: url(images.png) -43px -139px;
}
.american>.bill100 {
	background-color: #00c789;
}
.bills>.bill50 {
	background-color: #e71f01;
}
.american>.bill20, .canadian>.bill2:after, .canadian>.bill1 {
	background-color: #fdb713;
}
.american>.bill10 {
	background-color: #dd731d;
}
.american>.bill5, .canadian>.bill10 {
	background-color: #935782;
}
.american>.bill1, .canadian>.bill20 {
	background-color: #00a532;
}
.canadian>.bill100 {
	background-color: sienna;
}
.canadian>.bill5 {
	background-color: #008cd2;
}
.canadian>.bill2 {
	margin-top: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 10px;
	height: 10px;
	background: silver;
}
.canadian>.bill2:after {
	content: " ";
	display: block;
	margin: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 4px;
	height: 4px;
}
.canadian>.bill1 {
	margin-top: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
}
body.list {
	padding: 0 10px .5em;
	min-width: 0;
}
table {
	width: 300px;
	font-size: 1.25em;
	line-height: 1.2;	
}
th {
	padding: .4em 5px;
	height: 0;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1;
	letter-spacing: -1px;
	text-transform: lowercase;
	vertical-align: bottom;
}
.usd, .cad {
	line-height: 0;
	text-indent: -9999px;
}
.usd:after, .cad:after {
	content: " ";
	float: right;
	margin: -3px auto;
	width: 25px;
	height: 25px;
	background: url(images.png) -52px -96px no-repeat;
}
.cad:after {
	background-position: -68px -74px;
}
tbody tr {
	border-top: 1px solid;
	vertical-align: top;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255,255,255,.25);
}
td {
	padding: .5em 5px;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}
th:first-child, td:first-child {
	padding-left: 10px;
}
td:nth-child(2) {
	font-weight: bold;
}
td:nth-child(4), td:last-child {
	text-align: right;
}
th:last-child, td:last-child {
	padding-right: 10px;
}
.paid td {
	opacity: .5;
}
.to, .from, .roundtrip, .roundtrip:after {
	position: relative;
	float: left;
	clear: left;
	margin: 1px 0;
	width: 23px;
	height: 19px;
	background: url(images.png) -69px -122px;
	text-indent: -9999px;
}
.from, .roundtrip {
	background-position: -52px -135px;
}
.roundtrip {
	margin: 4px 17px -2px 0;
}
.roundtrip:after {
	content: " ";
	position: absolute;
	left: 17px;
	top: -8px;
}
#error {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 3;
	margin: -100px -275px;
	padding: 25px;
	width: 500px;
	background-color: #e71f01;
	text-align: center;
}
#error:after {
	content: " ";
	position: absolute;
	left: 25px;
	top: 25px;
	width: 25px;
	height: 25px;
	background: url(images.png) 0 -74px;
}
#error p {
	margin: 0 0 25px 35px;
	text-align: left;
}
#error a {
	display: inline-block;
	margin: 0 5px;
	padding: 5px 0;
	border: 1px solid transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 5em;	
	background-image: url(shade.png);
	background: rgba(255,255,255,.25);
	text-decoration: none;
}
#error a:hover {
	border-color: #fff;
}

/*
body {
	background: #eee !important;
	color: #000 !important;
}
a {
	color: #000 !important;
}
.people, body>header>ul {
	background-color: silver !important;	
}
*, *:before {
	border-color: silver !important;
}
h1, h2 {
	display: none !important;
}*/

/*
li div li, li header {
	background: red !important;
	background-clip: content-box;
}
*/