@charset "utf-8";
/* CSS Document */

/*

	DATE: 08-Mar-2010
	Ticket Number: CMO-275.
	Rogers have requested to merge the specified files into one single css file. As of now, all css for the files listed 
	below need to be placed here, in their proper section.
	
	The following files are to be merged (in the same order):
	- richfacesOverride.css
	- components.css
	- styles.css
	- button.css

*/

/* CONTENTS OF richfacesOverrides.css */

/*For rich calendar */
.rich-calendar-input {
    width:100px;
    border:	1pt solid;
	border-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*For rich panel
IMPORTANT: these styles (.dr-pnl) must be used here, as urlrewriting causes
display issues for certain rich panels (rich css files are
not imported properly */

.dr-pnl {
	background-color:#FFFFFF;
	border-color:#C4C0B9;
	border-style:solid;
	border-width:1px;
	padding:1px;
}


/*for datascroller buttons */
.rich-datascr-button{
    background-color:#FFF;
}

/*for datascroller footer */
.dr-table-footercell {
	border: none;
	background-color:#FFF;
}

/** for active datascroller page */
.dr-dscr-act{
  color:#CCCCCC;
  border:none;
}

/** for inactive datascroller page */
.dr-dscr-inact {
 color:#000000;
 border:1pt solid;
 border-color: #CCCCCC;
 font-weight: normal;
}

/** for ajax filter of input fields*/
.rich-filter-input {
     border:	1pt solid;
	border-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/** for rich datatable column header*/
.dr-table-subheader {
	background-color:#FFF;

}


/** for rich datatable column header*/
.dr-table-subheadercell  {
	color:#000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	padding-left:10px;
	text-align:left;
/* next line removes the vertiacl separator between the columns */
	border-right:none;
}

.rich-panel {
	height: 100%;
}


.dr-table-cell {
	color:#404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.rich-panel-body {
	/** new - taken from teamsite css*/
	  color: #404040;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: normal;
      line-height: 14px;
	/**/
	margin-left:0;
	padding: 0;
	height: 100%;
}

.rich-tabpanel-content .rich-panel-header.section-header {
	/* font-size: 1.4em;*/
	font-size: 12px;
}

.rich-panel-header {
	height: 22px;
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	background-color: #E0E0E0;
	/*background-color: #cccccc;*/
	background-image: none;
	border: none;
	padding-left:8px;
	line-height: 22px;
	margin-left:-1px;
	margin-right:-1px;
}

.dr-table-footercell rich-table-footercell {
	background-color: #FF0000;
}
.rich-table {
	width: 100%;
	border-width: 0;
}

.rich-table-firstrow {
	border-width: 0;
}

.rich-table-cell {
	border-width: 0;
}


.rich-separator {
	color: #000;
	background-color: #000;
}

/* END OF CONTENTS OF richfacesOverrides.css */







/* CONTENTS OF components.css */

/* Panel */
.cmc-panel {
	width: 100%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;		
	background-color:#A9AEA6;
}
.cmc-panel table {
	width: 100%;
}
.cmc-panel .cmc-panel-header {
	white-space: nowrap;
	padding: 3px 3px 0 3px;
	font-weight: bold;
	text-transform: capitalize;
	background-color:#A9AEA6;	
}
.cmc-panel .cmc-panel-header img {
	padding: 0px 10px 0 3px;
}
.cmc-panel .cmc-panel-header .cmc-panel-title {
	width: 100%;
	text-align: left;
	color: #FFFFFF;
	vertical-align: middle;
}
.cmc-panel .content {
	text-align: center;
	vertical-align: middle;
	background-color: #DFE3DF;
}
.cmc-panel .content div {
	margin: 3px;
}
/* Components */
/* Login Box */
.loginBox {
	font-size: small;
	text-align: left;
}
.loginBox input {
	width: 96%;
}

/* END OF CONTENTS OF components.css */








/* CONTENTS OF styles.css */

.listShuttle {
	width:200px;
	height:200px
}

.alsolisted {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-style: italic;
}

.cmoTableLink
{
	color: #404040;
 	font-weight:normal;
 	text-decoration: none;
}
.cmoTableLink:hover
{
	font-weight:normal;
 	text-decoration: underline;

}
.cmoTableColumn
{
 	border-color:#8D8D8D -moz-use-text-color;
 	border-style:solid none;
 	/* underline each table row */
 	border-width:1px 0pt;
 	padding:2px 10px;
 	border-top:none;
 	color: #404040;
}

.cmoPageHeader {
	color:#336666;
	font-weight:bold;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
 }
 
 .cmoSectionHeader {
	color:#000;
	font-weight:bold;
	font-size: 12px;
	padding-top: 10px;
 }

.error {
	padding-left: 5px;
	color: red;
}
.message {
	display:block;
	border: 1px solid #FF0000;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	/* background-color: #F0F8FF; */
	background-color: #FFFFFF;
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
}

.cmoFeatured
{
	background-image:url(../images/bgresults.png);
	padding-left:2px;
	padding-right:8px;
}

.columnWidth {
width:150px;
/*text-align:right; */
}

.columnWidthAlignTopLeft {
width:150px;
text-align: left;
vertical-align: text-top; 
}


.cmoLeftNav {
	vertical-align: top;
	width:130px;
}

.cmoCenterNav {
	vertical-align: top;
	width:477px;
}

.cmoRightNav {
	vertical-align: top;
	padding-left:10px;
	width:290px;
}

#cmoEdit {
	vertical-align: top;
	/*padding-left:10px;*/
	padding-top: 10px;
	width:790px;
}


.topcolumn {
	vertical-align: top;
	/* these next 3 attributes really should not be here
	but the companyPanel for basic listing is showing with a
	small font- this is a temporary fix. */
	color:#404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cmoFeaturedWeb {
	background-color: #ffffd0;
}
.cmotab {
	width: 480px;
}

.cmored {
	 color:#FF0000;
}
.cmoinput
{
	border:	1pt solid;
	border-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cmolink {
/*	color: #0000FF;	*/
	color: #CC0000;
	font-family:Arial, Verdana, sans-serif;
}

.cmoNestedlink
{
	font-family:Arial, Verdana, sans-serif;
}

.w265 {
	width: 265px;
	padding:2px 5px; text-align: left; font-weight: normal; font-size:12px;}
}

.w250 {
	width: 250px;
	padding:2px 5px; text-align: left; font-weight: normal; font-size:12px;}
}

.w100 {
	width: 100px;
}


*/
.actionButton {
	color:white;
	background-color:#4C4D4F;
   	border:3px solid #4c4d4f;
   	-moz-border-radius:4px;
}

a.actionButton {
	outline:none;
	cursor:default;
	display:block;
	height:18px;
	_height:20px;
	text-decoration:none;
	text-align:center;
	font-size:13px;
	font-weight:normal;
}
input[type='radio'] {
	margin-bottom:-2px;
}
input[type='checkbox'] {
	margin-bottom:0px;
}
label blockquote {
	margin:0 0 0 25px;
	_margin:0 0 0 24px;
	font-weight: bold;
	font-size: .9em;
}
.radio label blockquote {
	_margin:0 0 0 20px;
}
.vspacer {
	height:20px;
}
.subheader {
	background-color:#FFF;
	border:none;
}
.subfooter {
	border:none;
	background-color:#FFF;
	text-align:center;
}
#searchResultsTabPanel .content {
	margin-left:10px;
	margin-top:5px;
}
#searchResultsTabPanel .subfooter {
	background-color:#FFF;
}
.tableControl, .actionButtons {
	width: 100%;
	padding-top: 17px;
}
.tableControl {
	text-align: right;
}
.pageHeader {
	color:#000;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: large;
}
.pagination {
	float:right;
	text-align:right;
}
/*
.pagination a {
 	font-size:11px;
 	color:#4c4d4f;
}
*/
.data-header {
	text-align:left;
}
label.section-header {
	font-weight:bold;
}
.section-header .columnLabels {
	padding-top:0;
	padding-bottom:0;
}
.block-outline {
	border-width: 1px;
	border-style: solid;
	border-color: red;
}
#edit {
	padding:20px 20px 10px 20px;
}
.edit {
	background-color:#e6e7e9;
}
.edit .section-header {
	background-color:#e6e7e9;
	color:#000;
}
#view {
	padding:20px 20px 10px 20px;
}
.view {
	background-color:#e6e7e9;
}
.view .page-header {
	background-color:#e6e7e9;
	color:#000;
	padding-left:0;
	text-align:left;
}
#loginForm .section-header {
	background-color:#FFF;
	/*color:#79b93e;*/
	color:#00725b;
	font-size:1.2em;
	line-height:1.2em;
	padding-left:0px;
	margin-bottom:20px;
}
#loginForm a {
	font-size:10px;
}
.content-home .section-header {
	background-color:#FFF;
	/*color:#717173;*/
	color:#000000;
	font-size:16px;
	font-weight:normal;
	padding-left:5px;
	padding-right:5px;
}
.header-toolbar {
	background-color:#e6e7e9;
	background-image:none;
	border:0px solid #C4C0B9;
	padding:0px;
	width:200px;
	float:right;
	margin-top:32px;
}
.header-toolbar a {
	color:#4c4d4f;
}
.header-toolbar .home {
	/*color:#79ba3c;*/
	color:#00725b;
}
.header-main a {
	font-size:10px;
}
.footer-toolbar {
	background-color:#e6e7e9;
	background-image:none;
	border:0px solid #C4C0B9;
	padding:0;
	margin: 0 auto;
}
.footer-toolbar a {
	font-weight:normal;
	font-size:10px;
	color:#4c4d4f;
}
.padding {
	margin:0 5px 5px 5px;
}
.action-buttons {
	padding-top: 17px;
}
.submit-section {
	padding:17px 15px 5px 5px;
}
.border {
	border-width: 0px;
	padding:0;
}
.border.dr-tbpnl-tb-act {
	padding:3px 10px 4px;
}
.border.dr-tbpnl-tb-inact {
	padding:3px 10px 4px;
}
.clear {
	clear: both;
}
.back {
	float:right;
	padding:0 20px 10px 0;
}
.rich-panel-header .back {
	text-align:right;
	padding-bottom:0;
}
.rich-panel-header .back a {
	color:#fff;
}
 /*
.color {

	color:#00725b;
}
*/
.checkbox {
	margin: 1px;
	margin-left: -1px;
	margin-right: 4px;
	_margin: -2px; /* IE hack */
	_margin-left: -4px; /* IE hack */
}
.controlBar {
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    height: 34px;
    clear:  left;
    text-align: left;
    text-indent: 10px;
}
.controlBar .buttonbox {
    float: right;
    width: 50%;
    text-align: left;
    padding: 3px 3px;
}
.controlBar .button {
   float: right;
   width: 30px;
}
.subTable .columnDescription {
	padding: 0;
}
.subTable .columnSpace {
	padding: 0 20px 0 0;
}
.logoImage {
 	background-color:#fff;
}
.logoImage img {
	max-width:271px;
	width:auto;
	/* IE Image max-width */
	width:expression(this.width > 271 ? 271: true);
}
.viewListingImage img {
	/*width:auto;
	height:auto;*/
	max-width:73px;
	width:auto;
	/* IE Image max-width */
	width:expression(this.width > 73 ? 73: true);
}

.viewAdImage img {
	border:none;
	max-width:298px;
	width:auto;
	/* IE Image max-width */
	width:expression(this.width > 298 ? 298: true);
}

.imageArea
{
	width:625px;
	height:471px;
}

.mainImage img {
	max-width:625px;
	max-height:471px;

	/* for IE 6 */

	width: expression(this.width > 627? 625 : true);
	height: expression(this.height > 473? 471 : true);

}

div[class='mainImage'] img { /*Firefox*/
	max-width:625px;
	max-height:471px;
}


.thumbImage {
	padding-right:5px;
	padding-bottom:2px;
	_padding-bottom:5px;
	width:100px;
	height:72px;
}
#randomImage {
	width:354px;
	height:230px;
}

/* Login Overlabel */
label.overlabel { color:#999; }
label.overlabel-apply { position:absolute; top:3px; left:5px; z-index:1; color:#999; }
.landing-page-layout { width: 100%; }
.landing-page-layout td { vertical-align: top; }
/* Column Sorter */
.column-sorter {
	height: 1em;
	display: inline;
	vertical-align: bottom;
}
.column-sorter img {
	vertical-align: middle;
}
.column-sorter a {
	text-decoration: none;
	color:#004990;
}

/* TABLE  class used for DETAILS ASSETS and PLAN DETAILS */
/*
.dataTable thead { background-color: #004990 ; color : white; font-weight: bold; text-align: left; font-family: verdana; height: 2em;}
.dataTable thead td { vertical-align: middle;}
.dataTable .SubHeader { text-align: center; font-weight: bold; color : gray; font-weight : italic;}
.dataTable .leftTabTitleBig {font-size: medium; color : gray; text-align : center;  font-weight: bold;}
.dataTable .leftTabTitle  { color: #004990; font-size:12; font-family:Arial, Verdana, sans-serif; font-weight: italic; font-weight: bold;}
.dataTable .contentCell {text-align: center;}
.dataTable .linkDiv { padding-left: 20px; padding-bottom: 20px; margin-bottom:5px; }
.dataTable .rowPlans {font-size:11px;color:#000000;font-weight:bold;font-family:Arial, Verdana, sans-serif;}
*/

/* DIV */
.divMsg {padding-left: 20px; padding-top: 20px;}
.generalInfoDiv { width: 33%;  }
.scrollingDiv {overflow: auto; height: #{height};}
.rightdiv {float: right; }

/*LABELS*/
.boldLabel {font-weight: bold;}

.columnDesc {border: 0px solid #000; text-align:left; font-size:11px;}
.labelCombo {font-size:11px;color:#000000;font-weight:bold;font-family:Arial, Verdana, sans-serif;}
.italicLabel {font-style: italic;font-family:Verdana;}

.columnLabels {border: 0px solid #000; padding:2px 5px; text-align: left; font-weight: normal; font-size:12px; white-space: nowrap;}
.columnLabels.dr-table-cell {padding:4px;}
.columnDescription {border: 0px solid #000; padding:2px 5px; text-align:left; font-size:11px;}

.columnControl {width:50px;text-align:center;}
.columnLeftPane {width:50%;vertical-align:top;}
.columnRightPane {width:50%;vertical-align:top;padding-left:15px;}
.right {/*float:right;*/text-align:right;}

.comboWidth {width:300px;}

#contactPanel {background-color:#e6e7e9;padding-left:5px;padding-top:5px;}
#documents {background-color:#e6e7e9;}
#extendedListingDetails #view {padding:0 0 10px 0;}
#extendedListingDetails .columnLeftPane {width:30%;}
#extendedListingDetails .columnRightPane {width:80%;background-color:#fff;}
#extendedListingDetails .columnRightPane .section-header {/*background-color:#fff;color:#000;*/}
#extendedListingDetails .columnLeftPane #airportLocationsSummary {background-color:#e6e7e9;}
#cms #view {padding:0 0 0 1px;/*margin-bottom:15px;*/}
#cms .view {background-color:#fff;}

.content-home .dr-table-subheadercell {
	border-bottom:0;
	border-right:0;
	color:#fff;
	/*background-color:#79B93E;*/
	background-color:#00725b;
}

.columnSpace {padding: 5px 25px;}
.sectionHeader {margin-top:8px;padding-bottom:8px;font-size:13px;color:#000000;font-weight:bold;font-family:Arial, Verdana, sans-serif;}
#header-quicksearch .columnLabels {color:white;font-weight:bold;}
#header-quicksearch .tips {padding-left:5px; padding-right:5px;color:white;font-size:10px;}


/* pale-green*/
.odd-row {

 background-color: #E6EFE6;
 height:15px;
}

.even-row {
 	background-color: #fffff;
 	height:15px;
}

.odd-row-directory {
  background-color: #FFF;
  height:15px;
}

.even-row-directory  {
 	background-color: #FFF;
 	height:15px;
}

/* empty lists for favorites and recently visited */
.empty-list {color: #C5C5C5;}

/* Company/Resource top of page links */
.topOfPageLink {font-size: x-small;}

/* CMS */
#crumb {margin-bottom:20px;}
.imgLeft {float:left;margin-right:10px;margin-bottom:10px;}
#cms .leftPane {float:left;width:550px;}
#cms .rightPane {float:right;width:300px;}

/* added Jan 2009 change request */
.refinements {
	margin:0;
	padding:0;
	width: 130px;
	font: 11px Arial, Helvetica, sans-serif;

}
.refinements a {
	color: #404040;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 0 3px;
	display: block;

}
.refinements a.more {
	/* this colour will be based on publication */
	color: #EC1C24;
	font-weight: bold;
}

.refinements a.less {
	/* this colour will be based on publication */
	color: #EC1C24;
	font-weight: bold;
}

.refinements a:hover {
	text-decoration: underline;
	font-weight:normal;

}
.refinements h2 {
	text-transform: uppercase;
	color: #808080;
	font-weight: bold;
	margin: 6px 0 0 0;
	font-size: 11px;
}

.breadCrumb  {
	font-size: 12px;
}
.breadCrumb a:hover {
		/* this colour will be based on publication */
 color:#B5121B;
 text-decoration:underline;
}

.breadCrumb a {
 color:#404040;
 font-weight:bold;
 text-decoration:underline;
}



left-align {float: left; }

/* Style provided by Rogers CMO for the centerNavToolbar.xhtml */
a.profilebuttons:link, a.profilebuttons:visited {font: 11px Arial, Helvetica, sans-serif; color: #666666; text-decoration: none;} 
a.profilebuttons:hover {font: 11px Arial, Helvetica, sans-serif; color: #CC0033; text-decoration: underline;}

/* END OF CONTENTS OF styles.css */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: 12px arial, sans-serif;
    height: 18px;
    margin-right: 4px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
}

.button a.inner {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    color: white;
    line-height: 8px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.redbutton {
    background: transparent url('../images/bg_button_a_red.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 18px;
    margin-right: 4px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
}

.redbutton a.inner  {
    background: transparent url('../images/bg_button_span_red.gif') no-repeat;
    display: block;
    line-height: 8px;
    color: white;
    padding: 5px 0 5px 18px;
}

a.redbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.redbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}




/* CONTENTS OF button.css */



/* END OF CONTENTS OF button.css */