h2.pageTitle
{
	float: left;
	margin: 15px 0 15px 0;
	width: 634px;
	font-size: 20px;
	font-weight: bold;
	color: #004982;
}

h3.sectionTitle
{
	float: left;
	margin: 15px 0 15px 15px;
	width: 634px;
	font-size: 15px;
	font-weight: bold;
	color: #004982;
}

#leftCol, #rightCol
{
	float: left;
	width: 668px; /*668 total, inc. padding*/
}

#rightCol
{
	width: 262px; /*262 total, inc. paddding*/
	padding-top: 68px;
}

.headerImageBlock, .headerTextBlock
{
	float: left;
	margin: 0 0 17px 0;	
}

.headerTextBlock
{
	padding-right: 34px;
}

.subPageLink, .subPageArticleLink
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #004982;
	margin-bottom: 6px;
}

.subPageArticleLink
{
	font-size: 12px;
}

.subPageInfoBlock
{
	float: left;
	border-bottom: 1px solid #cccaca;
	width: 634px;
	padding-bottom: 4px;
	margin-bottom: 11px;
}

.lastInfoBlock
{
	border-bottom: none;
}

.subPageChildList, .subPageChildList li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.listSubHeader
{
	margin-top: 20px;
}

.leftInfoBlock, .rightInfoBlock
{
	float: left;
	padding-bottom: 3px;
	width: 385px;
}

.rightInfoBlock
{
	margin: 0;
	padding-left: 30px;
	width: 218px; /*248 total, inc. padding*/
}

.subSectionPageBlock
{
	float: left;
	width: 634px;
	margin-bottom: 4px;
}

.subSectionPageBlock .leftInfoBlock
{
	width: 424px;
}

.subSectonPageImage
{
	float: left;
	height: 72px;
	width: 196px;
	border: 1px solid #edecec;
	margin-right: 12px;
	display: inline;
}

h3.subSectionHeader
{
	float: left;
	width: 634px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 19px 0 11px 0;
}

/*Right Column Menu Styling*/
#subPageMenu, #travelNewsBlock
{
	float: left;
	width: 262px; /*262px total, inc. padding*/
}

#subPageMenu ul, #subPageMenu ul li, #travelNewsBlock ul, #travelNewsBlock ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subPageMenu ul li a
{
	display: block;
	margin: 0;
	padding: 4px 0 3px 15px;
	text-decoration: none;
	border-top: 1px solid #ecebeb;
	height: 15px;
}

	#subPageMenu ul li a:hover {background-color:#004982; color:#fff; font-weight:bold; }

#subPageMenu ul li.on a
{
	border-top: 1px solid #ffffff;
	background-color: #004982;
	color: #ffffff;
	font-weight: bold;
}

#subPageMenu ul li a.selected
{
	background-color: #f2f1f1;
	font-weight: bold;
	padding-left: 28px;
	background-image: url('../Images/arrow_blue.gif');
	background-position: 15px 5px;
	background-repeat: no-repeat;
}

#subPageMenu ul li.on a.selected
{
	padding-left: 28px;
	font-weight: bold;
	background-image: url('../Images/arrow_white.gif');
	color: #ffffff;
	background-color: #004982;
}

#subPageMenu ul li a.withSubItem
{
	padding-bottom: 0px;
}

#subPageMenu ul li a.subItem
{
	border-top: none;
	padding: 1px 0 0 36px;
	background-color: #f2f1f1;
}

#subPageMenu ul li.on a.subItem
{
	background-color: #004982;
	border-top: none;
	padding: 1px 0 0 36px;
	color: #ffffff;
	font-weight: normal;
}

#subPageMenu ul li.on a.subItem:hover
{
	text-decoration: underline;
}

#subPageMenu ul li a.subItemSelected
{
	border-top: none;
	background-color: #f2f1f1;
	padding: 0 0 0 48px;
	background-image: url('../Images/blue_triangle.gif');
	background-position: 37px 4px;
	background-repeat: no-repeat;
}

#subPageMenu ul li.on a.subItemSelected
{
	background-image: url('../Images/white_triangle.gif');
	padding: 0 0 0 48px;
	background-color: #004982;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#subPageMenu ul li a.lastSubItem, #subPageMenu ul li.on a.lastSubItem
{
	padding-bottom: 3px;
}

#subPageMenuHeader, #travelNewsBlockHeader, #dealsHeader, #emailDealsHeader
{
	float: left;
	width: 262px;
	height: 31px;
	background-image: url('../Images/copa_my_reservations_hdr.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#subPageMenuContent
{
	float: left;
	width: 262px;
}

#subPageMenuFooter
{
	float: left;
	width: 262px;
	height: 7px;
	background-image: url('../Images/copa_travel_info_ftr.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#travelNewsBlock
{
	margin-top: 11px;
}

#travelNewsBlockHeader
{
	background-image: url('../Images/copa_travel_news_hdr.gif');
}

#dealsHeader		{ background-image: url('../Images/copa_deals_offers_hdr.gif'); }
#emailDealsHeader	{ background-image: url('../Images/copa_deals_by_email_hdr.gif');}

#travelNewsBlockContent
{
	float: left;
	width: 260px;
	border: 1px solid #ecebeb;
}

#travelNewsBlock ul li
{
	padding: 6px 0 5px 15px;
}

#travelNewsBlock ul li.evenItem
{
	background-color: #e5ecf2;
}

.btnMoreNews
{
	display:block;
	height: 19px;
	width: 90px;
	margin: 1px 0 5px 0;
	background-image: url('../Images/btn_morenews.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-indent: -2000px;
}
/*Article Specific Styling*/

.articleBlock
{
	float: left;
	width: 634px;
	margin-bottom: 20px;
}

.articleImage
{
	float: left;
	margin-right: 20px;
}

.articleTitle
{
	font-size: 14px;
	margin-bottom: 13px;
	color: #004982;
}

.contentList
{
	list-style-type: none;
}

.contentList li
{
	padding: 0 0 0 11px;
	background-image: url('../Images/square.gif');
	background-position: 0 5px;
	background-repeat: no-repeat;
}










/* General */

.breadcrumb {
	float: left;
	width: 634px;
}

.crumbs {
	list-style-type: none;
}

.crumbs li {
	float: left;
	display:inline;
	font-weight: bold;
	font-size: 11px;
	margin-right: 3px;
}
/*Comentado por Julio Obispo 14-04-2009*/
/*clase comentada debido a que afecta la presentacion
de los errores en la página de Sharepoint*/
/*h2 {
	margin: 40px 0 15px 0;
	font-size: 20px;
	font-weight: bold;
	color: #004982;
}*/

p.instructions {
	margin:20px 0 0 0;
}

p.instructions2 {
	margin:0 0 20px 0;
}

span.requiredMark {
	font-weight:bold;
	font-size:28px;
	vertical-align:middle;
	color:Red;
}

select.standard, input.standard {
	width:248px;
}

select.small {
	width:248px;
}

input, select {
	float:left;
	margin:0 6px 0 0;
}

select.day {
	width:60px;
}

select.month {
	width:108px;
}

select.year {
	width:68px;
}

select.date {
	width:150px;
}

.clear {
	clear:both;
}




/* Tables */

table.myReservations {
	/*width:638px;
	margin-bottom:10px;
	border-collapse:collapse;*/
	border: 1px #E2E2E2 solid;
}
/*
table.myReservations thead th {
	background-color: #014983;
	padding:.6em 1.5em;
	color: #fff;
	text-align:left;
}*/

table table.myReservations caption 
{
	font-weight:bold;
	background-color:#014983;
	color:#FFFFFF;
	padding:0.6em 1.5em;
	text-align:left;
}


table.myReservations thead th a {
	color: #fff;
}

table.myReservations tbody td {
	padding:20px;
}

table.myReservations tbody td ul {
  list-style-type:none;
}

table.myReservations tbody td p {
	line-height:1.5em;
}

table.form {
	width:645px;
	font-size:12px;
	background-color:#f2f0f1;
	border-color:White;
	
}

h3.form {
	font-size: 16px;
	font-weight: bold;
	color: #004982;
	margin:20px 0 10px 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #004982;
	margin:20px 0 10px 0;
}


table.form p {
	margin-bottom:10px;
	line-height:1.4em;
}

table.form input {
	float:left;
	margin-top:5px;
}

table.form .need_help {
	float:left;
	margin:-4px 0 0 10px;
}

table.form td {
	vertical-align:top;
}

table.form .searchcol1, table.form .searchcol3 {
	padding:20px;
}

table.form .searchcol2{
	padding:20px 10px;
}

table.form .searchcol2 {
	text-align:center;
}

table.form .searchcol3 {
	padding-left:10px;
}

table.form .searchcol3 ul  {
	margin-bottom:10px;
}

table.form .searchcol3 ul li {
	list-style:none;
	height:28px;
	padding-left:33px;
}

table.form .searchcol3 ul li.passport {
	background:url(../Images/webcheckin-icon-passport.jpg) no-repeat;
}
table.form .searchcol3 ul li.printer {
	background:url(../Images/webcheckin-icon-printer.jpg) no-repeat;
}

table.form .col1 {
	width:280px;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	padding-top:5px;
	color:Black;
}

table.form .columnSeparator
{
	width:20px;
	text-align:center;	
}

table.form .row
{
	height:28px;
}

table.form .rowSeparator
{
	height:40px;
	background-color:White;
	border-color:White;
	text-align:center;	
}

table.form .col2 {
	width:200px;	
}

table.form .no-padding {
	padding:0;
}

table.form2 {
	width:638px;
	font-size:12px;
	background-color:#f2f0f1;
	border:none;
}

table.select_passengers {
	margin:20px 0 20px 0;
}

table.select_passengers td {
	padding:5px 0;
}

table.requirements td {
	padding:20px 20px 10px 20px;
}

table.requirements p {
	padding-bottom:10px;
	margin:0;
}

input, select, table.form input, table.form select {
	float:left;
	margin:0 6px 0 0;
}

table#instructions {
	width:637px;
	margin-top:20px;
	font-size:12px;
}

table.review_information {
	clear:both;
	margin-top:5px;
	border-collapse:collapse;
}

table.review_information thead td {
	background-color:#004a84;
	color: #fff;
	font-weight:bold;
	padding:6px 6px 6px 20px;
	width:190px;
}

table.review_information tbody td, table.seat_assignment tbody td {
	padding:15px 20px;
	border: #e4e4e4 1px solid;
	vertical-align:top;
	line-height:1.5em;
}

table.wide {
	width:865px;
}

table.seat_assignment {
	width:638px;
	border-collapse:collapse;
}

table.seat_assignment thead td {
	background-color:#004a84;
	color: #fff;
	font-weight:bold;
	padding:6px;
	text-align:center;
}

table.myReservations {
	width:638px;
	margin-bottom:10px;
	border-collapse:collapse;
	border: 1px #E2E2E2 solid;
}

table.myReservations thead th {
	background-color: #014983;
	padding:.6em 1.5em;
	color: #fff;
	text-align:left;
}

table.myReservations thead th a {
	color: #fff;
}

table.myReservations tbody th {
	background-color: #e1e1e1;
	padding:.6em 1.5em;
	text-align:left;
}

table.myReservations tbody td {
	padding:20px;
}

table.myReservations tbody td p {
	line-height:1.5em;
}

table.timeTables {
	width:638px;
	margin-bottom:10px;
	border-collapse:collapse;
	margin-bottom:30px;
}

table.timeTables thead th {
	background-color: #014983;
	padding:.6em 1.5em;
	color: #fff;
	text-align:left;
}

table.timeTables caption {
	background-color: #014983;
	padding:.6em 1.5em;
	color: #fff;
	text-align:left;
}


table.timeTables thead th a {
	color: #fff;
}

table.timeTables tbody th {
	background-color: #e1e1e1;
	padding:.6em 1em;
	text-align:center;
}

table.timeTables tbody td {
	padding:20px 0.5em;
	text-align:center;
	border: 1px #E2E2E2 solid;
}

table.timeTables tfoot td {
	background-color: #cccacb;
	padding:.6em 1.5em;
	color: #333;
	font-weight: bold;
	text-align:left;
}

.footTest{
	background-color: #cccacb;
	padding:.6em 1.5em;
	color: #333;
	font-weight: bold;
	text-align:left;
	margin-top:-30px;
	margin-bottom:10px;
}


/* Attention */

span.notice1 {
	color: #246eaa;
	font-weight:bold;
}

span.notice2 {
	font-size:16px;
	font-weight:bold;
	line-height:2.2em;
}

span.notice3 {
	color:#d19434;
	font-weight:bold;
}

div.notice_box {
	width:538px;
	background: url(../Images/webcheckin-icon-notice.gif) no-repeat 15px 15px #fdd341;
	padding:5px 20px 15px 80px;
	margin-bottom:10px;
	color:#483802;
}




/* Spacing */

.spacing1 {
	margin-bottom:30px;
}

table a.spacing2 {
	margin-left:10px;
}

table td.spacing3 {
	padding:0 20px;
}

.footer_spacing {
	height:40px;
}




/* Buttons */

/***********************************************************************
   Agregado por Franklin Noe Peña
************************************************************************/

.ButtonStyle a {

    color: #FFFFFF;

    display: block;

    float: right;

    font-family:Arial;

    font-size: 12px;

    font-weight: bold;

    height: 29px;

    padding-right: 14px;

    text-decoration: none;

}

.ButtonStyle a.Previous {

    float: right;

    margin: 0px 6px 0px 0px;

}

.ButtonStyle a span {

    display: block;
    line-height: 20px;
    padding: 5px 0px 5px 14px;
    text-align:center;

}



.ButtonStyle a.Previous {

    /*background: transparent url(../Images/btn_blue_b_02.jpg) no-repeat scroll right top;*/
    background: transparent url(../Images/btn_gold_b_02.jpg) no-repeat scroll right top;

}

.ButtonStyle a.Previous span {

    /*background:transparent url(../Images/btn_blue_b_01.jpg) no-repeat scroll 0 0;*/
    background:transparent url(../Images/btn_gold_b_01.jpg) no-repeat scroll 0 0;

}

.Header 
{
	/*background:#006BB3;*/
    background:transparent url('../Images/copa_travel_info_hdr1.gif') no-repeat ;
	height:20px;
	padding-top:10px;
    padding-right:10px;
    padding-left:10px;
}

.Header span
{
    font-family:Arial,Verdana;
	font-size:12px;
	color:#004982;
	font-weight:bold;

}

.table 
{
   border-collapse:collapse;
}

   
.table .td 
{
	  color:#678197;
	  border-bottom:1px solid #ECEBEB;
	  padding:.3em 1em;
	  text-align:left;
}

.table .td:hover
{
	  color:white;
	  font-weight:bold;
	  background:#4077A0;
}



.Footer
{
    background:transparent url('../Images/copa_travel_info_ftr.gif') no-repeat ;
    height:10px;
}


/******************************************************************************************/

a.btn {
	color: #FFF;
    display: block;
	float:left;
    font-family:Trebuchet MS;
	font-weight:bold;
	text-decoration: none;
	margin:0 6px 10px 0;
    padding-right: 14px;
}

/*a.btn:visited {
	color:#FFF;
}*/

a.gold_b {
    background: transparent url(../Images/btn_gold_b_02.jpg) no-repeat scroll top right;
	font-size:16px;
    height: 29px;
    color: #FFF;
}

a.gold_b span {
    background: transparent url(../Images/btn_gold_b_01.jpg) no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 14px;
} 

a.blue_b {
    background: transparent url(../Images/btn_blue_b_02.jpg) no-repeat scroll top right;
	font-size:16px;
    height: 29px;
    
}

a.blue_b span {
    background: transparent url(../Images/btn_blue_b_01.jpg) no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 14px;
} 

a.gold_m {
    background: transparent url(../Images/btn_gold_m_02.jpg) no-repeat scroll top right;
	font-size:14px;
    height: 23px;
    
}

a.gold_m span {
    background: transparent url(../Images/btn_gold_m_01.jpg) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 14px;
} 

a.blue_m {
    background: transparent url(../Images/btn_blue_m_02.jpg) no-repeat scroll top right;
	font-size:14px;
    height: 23px;
    
}

a.blue_m span {
    background: transparent url(../Images/btn_blue_m_01.jpg) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 14px;
} 

a.gold_s {
    background: transparent url(../Images/btn_gold_s_02.jpg) no-repeat scroll top right;
	font-size:12px;
    height: 19px;
    
}

a.gold_s span {
    background: transparent url(../Images/btn_gold_s_01.jpg) no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 14px;
} 

a.blue_s {
    background: transparent url(../Images/btn_blue_s_02.jpg) no-repeat scroll top right;
	font-size:12px;
    height: 19px;
    
}

a.blue_s span {
    background: transparent url(../Images/btn_blue_s_01.jpg) no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 14px;
} 



/* Misc. */


div.insIcon {
	float:left;
}

div.insDesc, div.insIcon {
	float:left;
	margin:0 20px 20px 0;
}

div.insDesc {
	width:500px;
}

div.insDesc span {
	font-size: 16px;
	font-weight: bold;
	color: #004982;
}

div.insDesc ul {
	margin:15px;
}

div.insDesc ul li {
	margin:13px 0;
	list-style: url(../Images/bullet_blue.gif);
	line-height:1.5em;
}

div.insDesc p {
	margin:20px 0;
	line-height:1.5em;
}


#titlebar img {
	float: right;
	margin: 20px 0 15px 0;
}

#titlebar h2 {
	float: left;
}

div#bpassAction1 {
	float:left;
	margin-top:20px;
	padding-bottom:60px;
}

div#bpassAction1 img {
	float: left;
}

div#bpassAction2 {
	float: left;
	background-color:#f2f0f1;
	margin-top:10px;
	padding:10px 10px 10px 10px;
}

div.action {
	width:638px;
	margin:20px 0 30px 0;
}

div.action a {
	float:right;
	margin-bottom:30px;	
}

div.action img {
	float:right;
	margin-bottom:30px;	
}

div.action img.previous {
	margin:5px 8px 0 0;
}

div.action .previous {
	padding:5px 8px 0 0;
}

div.passenger_edit {
	float:left;
	padding:8px 0 0 15px;
}

h4.passenger {
	font-size:14px;
	font-weight:bold;
	float:left;
	margin:10px 0;
}

div.wide {
	width:865px;
}


.PanelLinkStyle
{
	text-align:center; 
	font-weight:bold; 
	font-size:20px; 
	color:#004982;
}