@charset "utf-8";
/* Travel Net Common CSS styles */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 12px;
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: white;
}
.unselectable, .unselectable * {
    -moz-user-select: none;
    -khtml-user-select: none;
}
.hidden {
	display: none !important;
}
.clearer {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.postclear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	margin: 0;
	padding: 0;
}
.postclearl {
	clear: left;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	margin: 0;
	padding: 0;
}
.ftl {
	float: left;
}
.ftr {
	float: right;
}
.txr {
	text-align: right;
}

.dynlink {
    border-bottom: 1px dashed #c46119;
    color: #c46119;
    cursor: pointer;
}


/* ================== button template ================== */
.btn {
	cursor: pointer;
	white-space: nowrap;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	text-align: center;
}
.btn td {
	margin: 0;
	padding: 0;
	border: 0;
}
.btn-left, .btn-left span, .btn-right, .btn-right span {
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	width: 6px;
}
.btn span {
	font-style: normal;
	font-weight: normal;
	display: block;
}
.btn-center {
	text-align: center;
	vertical-align: middle !important;
}
.btn button {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: normal;
	background: none;
	border: 0 none;
	cursor: pointer;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: auto;
}

/* ===== old style buttons ===== */
/* 20px height button */
.btn20 {
    width: 72px;
}
.btn20 .btn-left, .btn20 .btn-left span,
.btn20 .btn-right, .btn20 .btn-right span {
    width: 3px;
}
.btn20 .btn-left,
.btn20 .btn-right,
.btn20 .btn-center {
	height: 20px;
	background: url(../new-i/buttons/btn-sprite20px.gif) no-repeat;
}
.btn20 .btn-left {
	background-position: left 0;
}
.btn20 .btn-right {
	background-position: right -20px;
}
.btn20 .btn-center {
	background-position: center -40px;
	background-repeat: repeat-x;
}
.btn20 button {
    font-size: 11px;
    padding: 0 3px;
}
/* 25px height button */
.btn25 {
    width: 110px;
}
.btn25 .btn-left, .btn25 .btn-left span,
.btn25 .btn-right, .btn25 .btn-right span {
    width: 3px;
}
.btn25 .btn-left,
.btn25 .btn-right,
.btn25 .btn-center {
	height: 25px;
	background: url(../new-i/buttons/btn-sprite25px.gif) no-repeat;
}
.btn25 .btn-left {
	background-position: left 0;
}
.btn25 .btn-right {
	background-position: right -25px;
}
.btn25 .btn-center {
	background-position: center -50px;
	background-repeat: repeat-x;
}
.btn25 button {
    font-size: 16px;
    padding: 0 3px;
}


/* ===== new style buttons ===== */

.btn29-blue .btn-left,
.btn29-blue .btn-right,
.btn29-blue .btn-center {
	height: 29px;
	background: url(../i-wl/buttons/btn-sprite29px.gif) no-repeat;
}
.btn29-blue .btn-left {
	background-position: left 0;
}
.btn29-blue .btn-right {
	background-position: right -29px;
}
.btn29-blue .btn-center {
	background-position: center -58px;
	background-repeat: repeat-x;
}
.btn29-blue button {
	font-size: 12px;
    font-weight: bold;
    color: white;
	position: relative;
	top: -1px;
}

.btn29-white .btn-left,
.btn29-white .btn-right,
.btn29-white .btn-center {
	height: 29px;
	background: url(../i-wl/buttons/btn-white-sprite29px.gif) no-repeat;
}
.btn29-white .btn-left {
	background-position: left 0;
}
.btn29-white .btn-right {
	background-position: right -29px;
}
.btn29-white .btn-center {
	background-position: center -58px;
	background-repeat: repeat-x;
}
.btn29-white button {
	font-size: 12px;
    font-weight: bold;
    color: #2a567d;
	position: relative;
	top: -1px;
}

.btn31-blue {
    width: 70px;
}
.btn31-blue .btn-left,
.btn31-blue .btn-right,
.btn31-blue .btn-center {
	height: 31px;
	background: url(../i-wl/buttons/btn-blue-sprite31px.gif) no-repeat;
}
.btn31-blue .btn-left {
	background-position: left 0;
}
.btn31-blue .btn-right {
	background-position: right -31px;
}
.btn31-blue .btn-center {
	background-position: center -62px;
	background-repeat: repeat-x;
}
.btn31-blue button {
    font-weight: bold;
    font-size: 14px;
	color: white;
	position: relative;
	top: -1px;
}

.btn31-yellow {
    width: 70px;
}
.btn31-yellow .btn-left,
.btn31-yellow .btn-right,
.btn31-yellow .btn-center {
	height: 31px;
	background: url(../i-wl/buttons/btn-yellow-sprite31px.gif) no-repeat;
}
.btn31-yellow .btn-left {
	background-position: left 0;
}
.btn31-yellow .btn-right {
	background-position: right -31px;
}
.btn31-yellow .btn-center {
	background-position: center -62px;
	background-repeat: repeat-x;
}
.btn31-yellow button {
    font-weight: bold;
    font-size: 14px;
	position: relative;
	top: -1px;
}




/* ================== content wrapper ================== */
#min-width {
	min-width: 990px;
    width: 990px;
    margin: 0 auto;
}
#page-wrapper {
	float: left;
	position: relative;
	width: 100%;
}
#content-wrapper {
	float: left;
	width: 100%;
	margin-right: -100%;
    background: url(../i-wl/top.gif) repeat-x left top;
}
#content {
    margin: 0 0 30px 208px;
}
/* some space for main content from it wrapper */
.content-space {
	margin-left: 7px;
}

/* ================== footer ================== */
#footer {
	height: 112px;
	overflow: hidden;
    background: url(../i-wl/footer-bg.gif) repeat-x left top;
}
#footer .block {
    float: left;
    background: url(../i-wl/footer-block-spliter.gif) no-repeat right top;
    height: 112px;
}
#footer .last {
    float: right;
    background: none;
}
#footer-logo {
    width: 188px;
}
#footer-logo .block-wrap {
    padding: 43px 0 0 40px;
}
#footer-logo a {
    display: block;
    width: 119px;
    height: 30px;
    background: url(../i-wl/footer-logo.gif) no-repeat left top;
    text-indent: -9999px;
    overflow: hidden;
}
#footer-contacts {
    width: 174px;
}
#footer-contacts .block-wrap {
    padding: 30px 20px 0;
}
#footer-contacts p {
    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 1.4em;
    color: #58533f;
}
#footer-contacts a {
    color: #4c7091;
}
#footer-message {
    width: 460px;
}
#footer-message .block-wrap {
    padding: 45px 30px 0;
}
#footer-message p {
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    line-height: 1.231em;
    color: #58533f;
}
#footer-verisign {
    width: 150px;
}
#footer-verisign .block-wrap {
    padding: 20px 20px 0 0;
}

/* ================== sidebar ================== */
#sidebar {
	width: 208px;
	float: left;
	position: relative;
    background: url(../i-wl/top.gif) repeat-x left top;
}
#sidebar .block {
    margin: 21px 0 0 15px;
    width: 168px;
}

#sidebar .block-round-top {
    background: url(../i-wl/sidebar-block.gif) no-repeat left top;
    padding-top: 14px;
}
#sidebar .block-round-bottom {
    background: url(../i-wl/sidebar-block.gif) no-repeat left bottom;
    padding: 0 14px 14px;
}

#sidebar .title {
	color: #003260;
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    padding: 0 0 8px 8px;
}

#sidebar ul {
	list-style: none;
    margin-left: 10px;
}
#sidebar li {
    color: #29557c;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding-bottom: 8px;
}
#sidebar li a {
    color: #29557c;
    text-decoration: none;
}
#sidebar li a:hover {
	text-decoration: underline;
}

#sidebar #search-gadget-container .search-gadget {
    margin: 16px 0 64px 16px;
    position: relative;
    top: 0;
    left: 0;
}


/* ================== logo ================== */
#block-logo {
	background: url(../i-wl/logo.gif) no-repeat left top;
	overflow: hidden;
	height: 84px;
}
#block-logo a {
    display: block;
    margin: 20px 20px 0;
/*
    text-decoration: none;
    color: #c4a319;
    font-size: 9px;
*/
    height: 44px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
}

/* ================== authorize ================== */
#block-authorize input {
	border: 1px solid #c6ba94;
	background-color: white;
	padding: 2px 8px;
	color: #6b603e;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
#block-authorize div.form {
	margin-left: 2px;
}
#block-authorize table.form input {
    width: 85%;
}

#block-authorize .row {
	height: 29px;
	overflow: hidden;
}
#block-authorize .ok-btn,
#block-authorize .reg-btn {
    /*width: 50%;*/
}
#block-authorize .ok-btn .btn,
#block-authorize .reg-btn .btn {
    width: 100%;
}

#block-authorize a {
	text-decoration: none;
}
#block-authorize a:hover {
	text-decoration: underline;
}
#block-authorize .forgot a {
	color: #29557c;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
}

/* ================== my travel ================== */
#block-mytravel {
}

/* ================== quick links ================== */
#block-quicklinks {
}

/* ================== languages ================== */
#block-languages .selected {
    font-weight: bold;
}

/* ================== contacts ================== */
#block-contacts .block-round-top {
    background: url(../i-wl/sidebar-contacts.gif) no-repeat left top !important;
}
#block-contacts .block-round-bottom {
    background: url(../i-wl/sidebar-contacts.gif) no-repeat left bottom !important;
}
#block-contacts h2 {
	font-family: Arial, sans-serif;
	font-size: 14px;
    font-style: normal;
    font-weight: bold;
	color: #29557c;
	margin-bottom: 7px;
}
#block-contacts p {
    font-family: Arial, sans-serif;
	font-size: 10px;
	color: #717170;
	margin-bottom: 7px;
}
#block-contacts a {
	color: #315d84;
    text-decoration: none;
}
#block-contacts a:hover {
    text-decoration: underline;
}

/* ================== my travel ================== */
#block-admin {
}


/* ================== search gadget ================== */
#search-gadget-container {
    position: relative;
    font-size: 13px;
}



/* ================== breadcrumbs ================== */
#breadcrumbs {
    margin: 19px 9px;
	font-size: 10px;
}
#breadcrumbs a {
	color: #c46119;
}
#breadcrumbs span {
	color: #8e8e8e;
	padding: 0 0.5em;
}
#breadcrumbs span.last {
	padding: 0;
}


/* ================== pictures and maps block ================== */
.illustration {
	margin-left: 2em;
	margin-bottom: 1em;
	margin-right: 5px;
	width: 360px;
	float: right;
}
.illustration table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 6px;
}
.illustration .slideline {
	width: 360px;
	height: 70px;
	overflow: hidden;
	position: relative;
}
.illustration .slideline .picture {
	height: 70px;
	position: absolute;
	cursor: pointer;
}
.illustration .fullsize-wrapper {
	margin-top: 3px;
}
.illustration .fullsize {
	width: 360px;
	overflow: hidden;
}
.illustration .view-selector {
	width: 50%;
	vertical-align: bottom;
}
.illustration .view-selector ul.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.illustration .picture-selector {
	color: #ff7e21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 50%;
	text-align: right;
	vertical-align: bottom;
}
.illustration .picture-selector ul.navigate {
	height: 18px;
}
.illustration .picture-selector ul.navigate .prev {
	padding-right: 4px;
	height: 18px;
}
.illustration .picture-selector ul.navigate .next {
	padding-left: 25px;
	background: url(../new-i/slides-mark.gif) no-repeat left top;
	height: 18px;
}
.illustration .picture-selector ul.navigate .prev span {
	background: url(../new-i/arrow-sprite.gif) no-repeat right 0;
	padding-right: 32px;
}
.illustration .picture-selector ul.navigate .prev span.disabled {
	background-position: right -18px;
}
.illustration .picture-selector ul.navigate .next span {
	background: url(../new-i/arrow-sprite.gif) no-repeat left -36px;
	padding-left: 32px;
}
.illustration .picture-selector ul.navigate .next span.disabled {
	background-position: left -54px;
}

.illustration .map-wrapper {
	width: 360px;
	height: 360px;
	position: relative;
	overflow: hidden;
}

.illustration .map-stub {
    border: 1px solid #cccccc;
    width: 358px;
    height: 358px;
}

.illustration .map-wrapper span.msg {
    display: block;
    margin: 16px;
    padding-left: 16px;
    background: url(../new-i/roller.gif) no-repeat left 2px;
}


/* ================== horizontal menu ================== */
ul.menu {
	list-style: none;
	font-size: 11px;
}
ul.menu li {
	float: left;
	padding: 3px 10px;
	color: #346088;
}
ul.menu li.title {
	color: black;
	padding-left: 0;
}
ul.menu li.selected {
	background-color: #346088;
	color: white;
}
ul.menu li span {
	border-bottom: 1px dashed #346088;
	cursor: pointer;
}
ul.menu li.title span,
ul.menu li.selected span {
	border-bottom: none;
	cursor: default;
}

.viewmenu {
    margin-right: 30px;
}

/* ================== navigate ================== */
ul.navigate {
	list-style: none;
	float: right;
}
ul.navigate li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff7e21;
}
ul.navigate span {
	cursor: pointer;
}
ul.navigate span.disabled {
	color: #c4c4c4;
	cursor: default;
}


/* ================== icons bar ================== */
.icons {
	border-collapse: collapse;
}
.icons .icon {
	height: 25px;
	width: 30px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
}
.icons .tellfriend {
	background: url(../i-wl/icons/tellfriend.gif) no-repeat left top;
}
.icons .favorites {
	background: url(../i-wl/icons/favorites.gif) no-repeat left top;
}
.icons .abuse {
	background: url(../i-wl/icons/abuse.gif) no-repeat left top;
}


/* ================== expand and collapse buttons ================== */
.collapse-red {
    width: 20px;
    height: 19px;
    text-indent: -9999px;
    background: url(../new-i/buttons/collapce-red.gif) no-repeat left top;
    cursor: pointer;
    overflow: hidden;
}
.collapse-blue {
    width: 20px;
    height: 19px;
    text-indent: -9999px;
    background: url(../new-i/buttons/collapce-blue.gif) no-repeat left top;
    cursor: pointer;
    overflow: hidden;
}
.redcross {
    background: url(../new-i/buttons/redcross.gif) no-repeat left top;
    width: 17px;
    height: 16px;
	text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

/* ================== progress indicator ================== */
#pleasewait {
    z-index: 999;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: white;
    font-weight: bold;
    color: black;
    white-space: nowrap;
}
#pleasewait .roller {
    width: 11px;
    height: 11px;
    background: url(../i-wl/roller.gif) no-repeat left top;
    margin-right: 0.7em;
}

/* ================== popup window ================== */

#travelpopup {
    background-color: #fef3c3;
    width: 400px;
    z-index: 990;
    position: absolute;
}

#travelpopup .popup-head,
#travelpopup .popup-body {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid #c3a43a;
    border-right: 1px solid #c3a43a;
}

#travelpopup .popup-head {
    cursor: move;
    position: relative;
}

#travelpopup .popup-head span {
    display: block;
    line-height: 18px;
    color: #c3a43a;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

#travelpopup .popup-head em {
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    background: url(../new-i/buttons/close-btn-sprite.gif) no-repeat left top;
    cursor: pointer;
}
#travelpopup .popup-head em.hover {
    background-position: left bottom;
}

#travelpopup .popup-body {
    padding: 15px 24px 10px 24px;
}
#travelpopup table.popup-form {
    width: 100%;
    border-collapse: collapse;
}
#travelpopup table.popup-form .wrap-lp {
    margin-right: 10px;
    margin-bottom: 8px;
}
#travelpopup table.popup-form .wrap-rp {
    margin-left: 10px;
    margin-bottom: 8px;
}
#travelpopup table.popup-form .wrap-tbp {
    margin-bottom: 8px;
}

#travelpopup div.text {
    background-color: #f8f8f8;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid #c3a43a;
    border-left: 1px solid #c3a43a;
    padding: 2px;
}

#travelpopup table.popup-form input.text,
#travelpopup table.popup-form textarea.text {
    color: #8e8e8e;
    background-color: #f8f8f8;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    width: 100%;
}
#travelpopup table.popup-form .focus {
    color: black !important;
}
#travelpopup p,
#travelpopup ul {
    padding-bottom: 16px;
}
#travelpopup li {
    list-style: disc;
    margin-left: 2em;
}
#travelpopup h1 {
    font-weight: bold;
    padding-bottom: 8px;
}


/* =============== hitlist navigation ============== */
.hitlist-nav li {
    float: left;
    list-style: none;
    font-size: 12px;
    color: #0b1141;
    padding: 0 4px 1px 4px;
}


.hitlist-nav li.prev span,
.hitlist-nav li.next span {
    color: #c46119;
    cursor: pointer;
    border-bottom: 1px dashed #c46119;
}
.hitlist-nav li.next,
.hitlist-nav em {
    font-size: 18px;
    font-style: normal;
}

/* =============== bubble on google map ============== */
.map-bubble {
    font-size: 11px;
}
.map-bubble h1 {
    margin-bottom: 0.5em;
    font-size: 11px;
    font-weight: normal;
}
.map-bubble a {
    color: #C46119;
}
.map-bubble p {
    color: #0B1141;
    margin-bottom: 0.5em;
}