/* travpack.css This contains all styles used for the travel package system */
#content_travelpackage {
	width: 860px;
	margin-left: auto;
    margin-right: auto; 
}
.preview h3{
margin:0px;
  margin-top:10px;
}
#content_travelpackage .menu #data ul li{
padding:0px;
background-color:white;
}
#content_travelpackage h1 {
	color: white; 
	font-size: 300%; 
	padding-left: 100px;
	background-color: #000080; 
	font-style: italic;
	margin: 0;
}
.travel-packages {
	font-size: 12px;
}


.travel-packages table {
		border-collapse: collapse; border-spacing: 0;
	}
	
	.travel-packages table td, .travel-packages table th {
		vertical-align: top;
		text-align: left;
	}
	
	.travel-packages .highlight-content table td, .travel-packages table th {
		vertical-align: middle;
		text-align: left;
	}
	
.travel-packages .sub-nav{
    margin:5px;
}
	.travel-packages .sub-nav ul li {
		float: left;
		margin-right: 20px;
		color: #DD890A;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
	}
	
	.travel-packages .sub-nav ul li a:hover {
                  color:  #DD890A;
		border-bottom: 1px solid #DD890A;
		padding-bottom: 2px;
text-decoration:none;
	}
	
	.travel-packages #overview, .travel-packages #overview p {
		font-size: 11px;
		/*font-family: Arial, Helvetica, sans-serif;*/
		margin:0 4px;
		padding:6px 6px 6px 0;
	}
	
	.travel-packages #intro {
		width: 540px;
		float: left;
	}
	.travel-packages #intro h1 {
		font-size: 23px;
		font-family: Arial, Helvetica, sans-serif;
		/*text-transform: uppercase;*/
		color: #DD890A;
	}
	ul.booking-buttons li {
		float: left;
		margin-right: 10px;
	}
		
	.travel-packages #travel-agent-info {
		padding-left: 20px;
		width: 300px;
		float: right;
	}
	
	.travel-packages #highlight {
		background: #DD890A;
		padding: 6px;
	}
	
	.travel-packages .highlight-img {
		padding-right: 6px;
		float: left;
	}
	
	.travel-packages .highlight-content {
		width: 322px;
		float: right;
	}
	
	.travel-packages .highlight-content table {
		background: #F9AD39;
		font-size: 14px;
		font-weight: bold;
		width: 100%;
	}
	
	.travel-packages .highlight-content table td,  .travel-packages .highlight-content table th {
		padding: 10px;
	}

	.travel-packages .highlight-content table .additional th {
		padding: 8px;
	}

	.travel-packages .highlight-content table tbody td, .travel-packages .highlight-content table tbody th {
		border-top: 1px solid #CB9339;
	}
	
	.travel-packages .highlight-content table tbody th {
		width: 130px;
		color: #946C2F;
	}
	
	.travel-packages .highlight-content table tbody td {
		padding: 12px 10px;
		color: #fff;
	}

.travel-packages .highlight-content table tbody .additional td {
		padding: 8.6px 10px;
		color: #fff;
	}

	.travel-packages .highlight-content table thead th {
		border-bottom: 1px solid #D0D5D7;
		background: #FDC689 url(/travel2/images/th-package-overview.gif) no-repeat 10px 4px;
		height: 31px;
	}

	
	tr.greyrow td {
		background-color: #F5F7F8;
	}
	
	table.package-details th {
		background-color: #FDE7CF;
		height: 33px;
	}
	
	table.table-content td {
		padding: 6px;
	}
	
	table.table-content td p {
		font-size: 12px;	
	}
	
	td.align-right {
		text-align: right;	
	}

#tp-availability-dates {
	width: 600px;
	background: #FDE7CF url(/travel2/images/th-availability-dates.gif) no-repeat;
}
#tp-package-includes {
	width: 309px;
	background: #FDE7CF url(/travel2/images/th-package-includes.gif) no-repeat;
}
#tp-travel-options {
	width: 100%;
	background: #FDE7CF url(/travel2/images/th-travel-options.gif) no-repeat;
}
#tp-accommodation-options {
	width: 100%;
	background: #FDE7CF url(/travel2/images/th-accomodation-options.gif) no-repeat;
}
#tp-additional-info {
	width: 100%;
	background: #FDE7CF url(/travel2/images/th-additional-info.gif) no-repeat;
}

table.package-details td.table-gap {
	width: 30px;
}

#content_travelpackage h2 {
	color: #000080;
	font-size: 350%;
	padding-left: 100px;
	font-style: italic;
    margin: 0; 
}

#content_travelpackage h3 {
	font-size: 130%;
	padding-bottom: 0;
	margin-bottom: 10px;
    clear: both; 
}

#content_travelpackage h4 {
	font-size: 110%;
	display: block;
	margin: 0px;
    padding: 0px; 
}

#content_travelpackage th p {
	padding-right: 15px;
}

#content_travelpackage p {
  text-align: left; 
}

/* ///////////////////////////////////Not sure what this is for */
#content_travelpackage tr p {
	margin: 0;
    padding: 0; 
}

/* ///////////////////////////////////Top menu, both public and private */
#content_travelpackage .menu {
	margin-left: 0;
margin-top:20px;
margin-bottom:20px;
    padding-left: 0; 
}

#content_travelpackage .menu ul {
	list-style: none;
	padding: 0; 
}

#content_travelpackage .menu ul li {
	padding: 2px 5px 3px 5px; 
	display: inline; 
	margin: 0 1px 0 0; 
	background-color: #000080;
    border: 0; 
}

#content_travelpackage .menu a {
	/*color: rgb(230, 230, 230);*/
	font-weight: bold;
text-decoration: none; 
}

#content_travelpackage .menu ul li.selected {
    background-color: #0000c0; 
}

/* ///////////////////////////////////General side padding used in many places */
#content_travelpackage .padLeft {
    padding-left: 40px; }

#content_travelpackage .padBoth {
    padding: 0 0px 0 0px; }
/* ///////////////////////////////////General rules used in many places */
/* Used for options on loggedln.php */ 
#content_travelpackage .none {
	display: none;
}

/* Used to hold submit buttons to the right or left, editPackage.php, */ 
#content_travelpackage .right {
	text-align: right;}
#content_travelpackage .left {
text-align: left;}
#content_travelpackage .rgt {
clear: both; float: right; margin-top: 10px;}
#content_travelpackage .lft {
clear: both; float: left; margin-top: 10px;
}
#content_travelpackage .bold {
font-weight: bold; }
#content_travelpackage .center {
margin-right: auto; margin-left: auto;}
/* ///////////////////////////////////Used in editPackage and other data forms */

#content_travelpackage .helpText {
position: absolute;
width: 250px;
background-color: yellow;
       bottom: 20px; }
	   
#content_travelpackage .error {
       background-color: pink; }
       
#content_travelpackage .textArea {
font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px; }
.errorMessage {
color: red;
       font-weight: bold; }
.green {
color: green;
       font-weight: bold; }
/* ///////////////////////////////////Used in display package */

#content_travelpackage #data {
       float: left; }
#content_travelpackage .headList {
margin: 0;
       padding: 3px 0 3px 15px; }
#content_travelpackage #image {
float: right;
       padding: 0 40px 0 0; }

#content_travelpackage .padAlignRight {
padding: 0 15px 0 0;
       text-align: right; }
#content_travelpackage .padRight {
       padding: 0 15px 0 0; }
#content_travelpackage #picture {
       width: 500px; }
#content_travelpackage .preview {
margin: 0;
       padding: 0 0 0 15px; }
#content_travelpackage #prevList {
list-style: none;
margin: 0;
padding: 0;
       width: 300px; }
#content_travelpackage .public {
margin: 0;
       padding: 0; }
/* ///////////////////////////////////Private package list */

#content_travelpackage .listHeading {
       padding-right: 15px; }
#content_travelpackage .listData {
padding-right: 15px;
}
#content_travelpackage .listDataRight {
padding-right: 15px; text-align: right;
}
#content_travelpackage .privateList {
margin-right: auto;
       margin-left: auto; }
#content_travelpackage .privateList a, .privateList a:visited {
       color: #0000ae; }
#content_travelpackage .regionHeading {
background-color: rgb(174, 182, 251);
padding: 3px;
       margin-top: 5px; }
/* ///////////////////////////////////Public package list */
#content_travelpackage .regionHeading {
       clear: both; }
#content_travelpackage .resortHeading {
       clear: both; }
#content_travelpackage .accountHeading {
       clear: both; }
#content_travelpackage .publicListPackage {
       clear: both; }
#content_travelpackage .publicListPhoto { float: left; }
#content_travelpackage .publicListlntro {
width: 250px;
float: left;
       margin-left: 20px; }
#content_travelpackage .publicListDetails {
background-color:white;

}
#content_travelpackage .publicListDetails ul {
background-color:white;
list-style: none;
margin: 0;
       padding: 0; }
#content_travelpackage .publicListDetails ul li {
display:block;
margin: 0;
background-color:white;
       padding: 2px 0 2px 0; }
/* ///////////////////////////////////Wholesaler list */

#content_travelpackage .wholesalerList {
       clear: both; }
/* ///////////////////////////////////Paginator */
ul.pagFooter {
list-style: none;
       padding-left: 0; }
ul.pagFooter li {
       display: inline; }
ul.pagFooter li p {
display: inline;
       padding-right: 3px; }
.publicFooter {
clear: both;
       float: left; }
/* ///////////////////////////////////Used in general administrative systems */
#content_travelpackage .buttonTable {
width: 600px;
       margin: 40px auto 40px auto; }
#content_travelpackage .buttonTable a, .buttonTable a:visited {
       color: #0000ae; }
#content_travelpackage .receiptTable {
       margin: 20px 0 0 100px; }





h4.regionHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #95AFB3;
	padding: 6px 10px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 1em;
	margin-top: 1em;
}


.publicList h1, h4.resortHeading {
	color: #DD890A
	font-family:'Arial Black',Arial,Helvetica,sans-serif;
	font-size:23px;
	text-transform:uppercase;
}

.publicList h1 {
	color: #1C88C0;
	padding: 6px 10px;
	text-transform:none;
	font-size:20px;
	font-family:Arial,sans-serif;
}

h4.resortHeading {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	display: inline;
	color: #F1922D;
	margin-right: 10px;
}

h4.accountHeading {
	font-size: 12px;
	color: #999;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	display: inline;
}

img.publicListImage   {
	border: 6px solid #DD890A;
	width: 170px;
	height: 100px;
	background-color: #ddd;
}

.publicListPackage {
	/*margin-top: 1em;
	margin-bottom: 1.5em;*/
	padding: 10px;
	/*border: 1px solid #EDEEEE;*/
	background-color: #F2F2F2;
	font-size:80%;
	/* added Ritesh bye Simon*/
	margin:0.5em 0.5em 0.5em 0.4em;
}	

.publicListPhoto {
	float: left;
	width: 200px;
}

.publicListIntro  {
	/*width: 300px;*/
	/*Simon*/

	width:370px;
	float: left;
	padding-right:1em;
}

.publicListIntro .publicListName {
	font-weight: bold;
	
}

.publicListIntro p {
	
}

.publicListDetails {
	float: left;
	/*width: 250px;*/
	border-left: 1px solid #EDEEEE;
	/*padding-left: 20px;*/
	/*Simon*/
	padding-left: 12px;
}

.publicListDetails ul li {
	padding-left: 30px;
	height: 30px;
	/*font-size: 11px;*/
}

li.publicListDates {
	background: transparent url(ui/icon-date.png) left top no-repeat;
}

li.publicListTrav {
	background: transparent url(ui/icon-plane.png) left top no-repeat;
}

li.publicListPass {
	background: transparent url(ui/icon-tick.png) left top no-repeat;
}

li.publicListAccomm {
	background: transparent url(ui/icon-accommodations.png) left top no-repeat;
}

li.publicListPrice {
	background: transparent url(ui/icon-dollar.png) left top no-repeat;
}

a.btn-moredetails {
	width: 18px;
	height: 21px;
	background: #fff url(ui/btn-moredetails.png) left top no-repeat;
	text-indent: -9999px;
}

#enquire-detail {
	font-size: 10px;
}

label.error{
	display: block;
	color: red;
}