/* Tool Tip */

.fade-out {
background:rgba(0, 0, 0, 0.5);
height:100%;
width:100%;
position:fixed;
top:0px;
left:0px;
z-index:9999;
}

.portfolio .tooltip {
background:#f7f7f7;
position:absolute;
top:50%;
left:50%;
width:595px;
border:1px solid #1f7777;
border-radius:7px;
z-index:9999;
margin-left:-290px;
}
.portfolio #portfolio-initial {height:100px;margin-top:-50px;}
.portfolio .tooltip.second {
//height:472px;
height:auto;
margin-top:-235px;
}
.portfolio .tooltip .top {
background:#2a9090;
border-radius:5px 5px 0 0;
padding:10px 0 4px 5px;
position:relative;
z-index:9999;
}
.portfolio .tooltip .top .close {
background:url(//media.tripcentral.ca/style/images/package-details/bg-close.png) no-repeat top right;
width:16px;
height:16px;
top:0px;
right:0px;
text-indent:-9999px;
display:block;
margin:0;
z-index:9999;
float:right;
margin-top:-10px;
}
.portfolio .tooltip .top h2 {
float:left;
color:#fff;
font:bold 14px/16px arial;
margin-left:15px;
}
.portfolio .tooltip .ui-datepicker-trigger {float:left;margin-top:6px;}
.portfolio .tooltip .top .txt {
background:url(//media.tripcentral.ca/style/images/package-details/bg-tool-txt.png) no-repeat top;
width:39px;
height:27px;
float:left;
border:none;
margin:-5px 0 0 15px;
padding-left:15px;
padding-right:0px;
color:#4f8484;
font:bold 16px/27px arial;
box-shadow:none;
border-radius:none;
}
.portfolio .tooltip .arrow {
display:none;
}
.portfolio .tooltip form {
padding:15px 20px;
}
.portfolio .tooltip ul {float:left;width:270px;}
.portfolio .tooltip .second {width:281px;}
.portfolio .tooltip li {margin-bottom:7px;width:auto;margin-right:0;float:none;}
.portfolio .tooltip label {
float:left;
color:#989898;
margin:5px 10px 0 0;
font:12px/16px arial;
width:64px;
text-align:right;
}
.portfolio .tooltip select {font:12px/16px arial;float:left;margin-top:3px;color:#666;}
.portfolio .tooltip select.childrenAges {font:12px/16px arial;float:left;margin-top:3px;color:#666;width:55px;}
.portfolio .tooltip .second label {width:105px;}
.portfolio .tooltip .txt {
background:#fff;
border:1px solid #d3d3d3;
border-radius:5px;
height:25px;
width:240px;
float:left;
margin-right:10px;
padding-left:10px;
padding-right:9px;
color:#666;
font:12px/25px arial;
box-shadow: inset 1px 1px 3px #ccc;
}
.portfolio .tooltip button {
background:url(//media.tripcentral.ca/style/images/package-details/bg-tool-next.png) no-repeat top;
width:101px;
height:29px;
border:none;
display:block;
cursor:pointer;
color:#fff;
float:left;
font:bold 14px/29px arial;
margin:-1px 0 0 0;
}
.portfolio .tooltip button:hover {background-position:bottom;}

.portfolio .tooltip .add-phone {
background:url(//media.tripcentral.ca/style/images/package-details/bg-add-phone.png) no-repeat top;
width:16px;
height:15px;
display:block;
text-indent:-9999px;
margin-top:7px;
float:left;
}
.portfolio .tooltip .cal {
background:url(//media.tripcentral.ca/style/images/package-details/bg-cal.png) no-repeat top;
width:14px;
height:14px;
display:block;
text-indent:-9999px;
margin-top:7px;
}
.portfolio .tooltip h3 {
color:#989898;
margin:0;
font:bold 14px/16px arial;
padding-top:5px;
border-top:1px solid #d3d3d3;
margin-left:-20px;
padding-left:20px;
width:561px;
}
.portfolio .tooltip p {margin:0 0 7px 0;padding:0;color:#989898;}
.portfolio .tooltip textarea {
background:#fff;
border:1px solid #d3d3d3;
border-radius:5px;
color:#666;
font:12px/14px arial;
width:472px;
padding-left:5px;
box-shadow: inset 1px 1px 3px #ccc;
height:80px;
margin-bottom:15px;
}
.portfolio .tooltip .save-to {
background:url(//media.tripcentral.ca/style/images/package-details/bg-save-to.png) no-repeat top;
width:171px;
height:29px;
display:block;
text-indent:-9999px;
float:none;
}
.portfolio .tooltip .save-to:hover {background-position:bottom;}

/* Consent */

.portfolio .tooltip #mailingCB {float:left;}
.portfolio .tooltip .consent {padding-bottom:5px;}
.portfolio .tooltip .consent input {margin:0 5px 0 0;}
.portfolio .tooltip .consent label {margin:0 5px 0 0;}
.portfolio .tooltip .consent a {
background:none;
height:auto;
float:left;
border:none;
margin:2px 0 0 0;
width:auto;
text-shadow:none;
text-decoration:underline;
color:#ce6e1e;
font-size:12px;
line-height:11px;
}
.portfolio #wideLabel{ text-align:left;width:180px;}
.portfolio .ttip {
position: absolute;
width: 350px;
height: 100px;
color: #666;
padding: 20px;
-webkit-box-shadow:0 1px 2px #303030;
-moz-box-shadow:0 1px 2px #303030;
box-shadow:0 1px 2px #303030;
border-radius:8px;
background-color:#fff;
display: none
}
.portfolio .contents {
font:12px/18px arial;
padding-top:10px;
}
.portfolio .note {
font-size:13px;
text-align:center;
display:block;
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}
.portfolio #background{
display:none;
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#fff;
z-index:1;
}
.portfolio #large {
display:none;
position:absolute;
background:#FFFFFF;
padding:0px;
z-index:10;
min-height:0px;
min-width:0px;
color:#336699;
}

/* Tooltip Thankyou */

.portfolio .tooltip.thankyou {
background:#2a9090;
text-align:center;
color:#fff;
padding:20px;
width:430px;
height:114px;
margin-top:-57px;
}
.portfolio .tooltip.thankyou a {color:#fff;}
.portfolio .tooltip.thankyou p {color:#fff;font:14px/18px arial;width:400px;margin:0 auto;text-shadow:0.1em 0.1em 0.05em rgba(0, 0, 0, 0.25);}
.portfolio .tooltip.thankyou h2 {margin-bottom:15px;font-weight:normal;text-shadow:0.1em 0.1em 0.05em rgba(0, 0, 0, 0.25);font-size:19px;}
.portfolio .tooltip.thankyou img {
display:none;
}
.portfolio .tooltip.thankyou span {font-family:georgia;}
.portfolio .tooltip.thankyou span em {color:#cfe2e2;}
.portfolio .tooltip.thankyou .close {
background:url(//media.tripcentral.ca/style/images/package-details/thankyou-close.png) no-repeat top;
width:27px;
height:27px;
display:block;
float:right;
text-indent:-9999px;
margin:-108px -20px 0 0;
}
.portfolio .tooltip.thankyou a {
font-size:14px;
display:inline-block;
text-shadow:0.1em 0.1em 0.05em rgba(0, 0, 0, 0.25);
margin-top:10px;
}
.portfolio #portfolio-email-sent .close {margin:-118px -20px 0 0;}