﻿div#PageBottom
{
    width:990px;
}

div#Main
{
    border-top: none !important;
    width:975px;
}

div#formContainer input,div#caption select
{
    width:274px;
    height:22px;
}

div#formContainer select
{
    height:22px;
    width:280px;
}

.hidden
{
    visibility:hidden;
}

div#top div
{
    float:left;
    width:304px;
    margin: 0px 10px 0 0px;
}

div#photo
{
    padding-top:50px;
}
div#photo
{
    width:315px !important;
}
div#top div#phoneReservation
{
    width:310px !important;
    background-image: url(/img/contact/phoneHeader.png);
    background-repeat:no-repeat;   
    height:335px;
}

div#map a
{
    color:#285EA6 !important;
}

div#top div#phoneReservation div
{
    line-height:15px;
    width:275px;
    margin-top:0px !important;
    border: 1px solid #E7E7E7;
    border-bottom-left-radius: 6px 6px;
    border-bottom-right-radius: 6px 6px;
    border-top-right-radius: 6px 6px;
}

div#top div#phoneReservation ul a span
{
    font-weight:bold;
    color:Black !important;
}

div#top div#phoneReservation span a
{
    color:#285EA6 !important;
    text-decoration:none;    
}

div#top div#phoneReservation span.link 
{
    border-bottom:solid 1px #E7E7E7;
}

div#top div#POK
{
    background-image: url(/img/contact/pokHeader.png);
    background-repeat:no-repeat;
}

div#top div#contactForm
{
    background-image: url(/img/contact/formHeader.png);
    background-repeat:no-repeat;
}

div#top div#POK div#flash
{
    height:220px;
    margin-top:50px;
}

div#caption 
{
    margin-left:35px !important;
    font-weight:bold;
    font-size:12px;
    color: #696969 !important;
    width:232px !important;
    text-align:center;
    cursor:pointer;
}

div.mapArrows
{
    background-image:url(/img/newlayout/double-arrow-blue-right.gif);
    background-repeat:no-repeat;
    background-position: 35px 6px;
    border-bottom: solid 1px #d3d3d3;
    width:40px;
}

div#caption span
{
    border-bottom: solid 1px #d3d3d3;
}

div#caption div.strzalki
{
    background-image:url(/img/newlayout/arrows/double-arrow-middle-grey-right.gif);
    background-repeat:no-repeat;
    background-position: 171px 20px;
    width:240px;
}

div.niebieskaStrzalka
{
    background-image:url(/img/newlayout/double-arrow-blue-right.gif);
    background-repeat:no-repeat;
    background-position: 210px 6px;
    width:220px !important;
    border:none !important;
}

div#caption select
{
    margin-top:20px;
    margin-left:-15px;
}

table.boxy-wrapper
{
    filter: ZOOM: 1 !important;
}

div#contactForm div.form
{
    width:300px;
    text-align:justify;
    position:relative;
    padding: 10px 10px 10px 10px;
    top:40px;
    border: 1px solid #E7E7E7;
    border-bottom-left-radius: 6px 6px;
    border-bottom-right-radius: 6px 6px;
    border-top-left-radius: 6px 6px;
    border-top-right-radius: 6px 6px;
}

div#contactForm div.form .charsLeft
{
    text-align:right;
    color:#d3d3d3;
}

div.form .ask
{
    width: 120px;
    height: 48px;
    border:0;
    padding: 0px;
    text-indent: -1000px;
    overflow: hidden;
    margin-top: 15px;
    display: block;
    float: right !important;
    background-image: url(/img/contact/button-wyslij-green.png);
    background-repeat: no-repeat;
	cursor: pointer;
	width:120px !important;
}

div.form .ask:hover
{
    background-position: 0px -48px;
}

div.form .ask.clicked,
div.form .ask.clicked:hover
{
    background-position: 0px -96px;
}

div#top div.left
{
    width:640px !important;
}

div#bottom
{
    width:100%;
    float:left;
}

div#bottom div
{    
    background-repeat:no-repeat;
    width:45%;
    float:left;
    padding: 60px 24px 15px 24px;
}

div#bottom div.bottomLeft
{
    background-image: url(/img/contact/companyHeader.png);

}

div#bottom div.bottomRight
{
    background-image: url(/img/contact/boardHeader.png);
}

span.bold
{
    font-weight:bold;
    font-size:14px;
}

div#bottom span.faded
{
    font-size:11px;
    color:#bebebe;
}

div#phoneReservation span.ccNumber
{
    font-size:20px;
    color:#FF6600;
    font-weight:bold;
}

.messageSent
{
    position:absolute;
    z-index:2;
    width:304px;
    right:1;
    height:558px;
    background-image:url(http://www.travelplanet.pl/img/newlayout/texts/komunikat.png);
}

p.mapTitle 
{
    margin-top:-6px;
    padding-bottom:10px;
    font-weight: bold;
    text-indent: -9999px;
    background: url(/img/005/backgrounds/lokalizacjaPOK.png) no-repeat;
    height: 16px;
}

div.form div#AjaxMessage {
	position: absolute;
	top: 1px;
	left: 1px;
	opacity: 0.9;
	z-index: 1000;
	background-color: white;
	width:300px;
	height:470px;
	padding:9px;
}

div#AjaxMessage div.corners div {
	background-image: url(/img/newlayout/corners/ajax-spinner-10px-white-outside.png) !important;
	width: 10px !important;
	height: 10px !important;
}

div#AjaxMessage div.corners div.top-left,
div#AjaxMessage div.corners div.top-right {
	top: -1px !important;
}

div#AjaxMessage div.corners div.bottom-left,
div#AjaxMessage div.corners div.bottom-right {
	bottom: -1px !important;
}

div#AjaxMessage div.corners div.top-left,
div#AjaxMessage div.corners div.bottom-left {
	left: -1px !important;
}

div#AjaxMessage div.corners div.top-right,
div#AjaxMessage div.corners div.bottom-right {
	right: -1px !important;
}

div#AjaxMessage img {
	position: absolute;
}

div#AjaxMessage img.spinner {
	left: 130px;
	top: 200px;
}

div#AjaxMessage img.txt1 {
	left: 105px;
	top: 260px;
}

div#AjaxMessage img.txt2 {
	left: 100px;
	top: 150px;
}

div#AjaxMessage img.txt3 {
	left: -1px;
	top: 30px;
}

img.close 
{
    position: absolute;
	right: 9px;
	top: 9px;
	cursor: pointer;
}

a.close
{
    font-size:11px !important;
}













.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }

* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #E7E7E7; background: url(http://localhost/img/contact/defaultTabBg.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #448dae; background-color: #ffffff; font-weight: normal; color: #000000; outline: none; }*/
/*.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; outline: none; }*/
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #E7E7E7; background: #ffffff 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; margin-top:40px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
