@charset "UTF-8";
/*	Canadapost.ca - Personal CSS
	Document Structure
		 1. relatedItems
		 2. callToAction
		 3. homePage
		 4. landingPage
		 5. imageStyles
		 6. globals
		 7. images
		 8. onPageExtraContent
		 9. breadcrumbs
		10. announcements
		11. submitForm
		12. cancelStyles
		13. maintenanceError
		14. ePost
		15. smallContents
		16. itemBox
*/	 


/*	Table Start */
#personalcontent .tableContent {
border:1px solid #C1D3F8;
margin-right:20px;
margin-top:10px;
width:687px;
}
/*	Table End */

/* ===@relatedItems - START */
#personalcontent .relatedItemHeader {
border:1px solid #6a96e7;
height:28px;
background-image:url(/corporateContent-war/content/templates/images/bg_header.gif);
width:670px;
}	
#personalcontent .relatedItem {
width:211px;
padding:4px;
vertical-align:top;
float:left;
border:1px solid #6996e7;
margin-top:2px;
margin-bottom:2px;
}
#personalcontent .relatedItemSpace {
width:211px;
padding:4px;
vertical-align:top;
float:left;
border:1px solid #6996e7;
margin-left:5px;
margin-top:2px;
margin-bottom:2px;
}
/* ===@relatedItems - END */

/* ===@callToAction - START */
#personalcontent .callToAction {
float:left;
height:98px;
width:300px;
margin:10px 2px 2px 10px;
}	
#personalcontent .ctaImage {
width:50px;
margin-right:8px;
float:left;
height:98px;
}	
#personalcontent .ctaLink {
font-size:11px;
font-weight:700;
color:#4975C4;
}	
#personalcontent .ctaLink a, #personalcontent .ctaLink a:visited {
color:#4975C4;
}	
#personalcontent .ctaLink a:hover {
color:#000;
}	
#personalcontent .ctaDescription {
font-size:10px;
color:#333;
margin-top:5px;
}
#personalcontent .stampLargeImage {
float:right;
font-size:11px;
padding-right:5px;
}

/* ===@callToAction - End */

/* ===@landingPage - START */
#personalcontent .landingGridget {
width:250px;
float:right;
height:197px;
}	
#personalcontent .landing2Grid {
float:left;
margin-top:2px;
border:1px solid #A4BDE3;
margin-right:2px;
background-color:#ebf0fa;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
width:341px;
position:relative;
}	
#personalcontent .landing3Grid {
width:226px;
float:left;
margin-top:2px;
border:1px solid #A4BDE3;
margin-right:2px;
background-color:#ebf0fa;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
position:relative;
}	
#personalcontent .landingBottom {
width:685px;
height:176px;
margin-top:2px;
border:1px solid #A4BDE3;
background-color:#ebf0fa;
float:left;
position:relative;
}	
#personalcontent .landingBottomBody {
text-align:left;
padding:5px;
font-size:11px;
}
#personalcontent .landingBottomBody h2 {
color:#000069;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding:5px 0px 0px 15px;
font-weight:700;
margin-bottom:5px;
margin-left:0px;
}		
#personalcontent .landingPage { width:687px; }
#personalcontent .landingImage {
width:687px;
height:197px;
margin-right:1px;
float:left;
}	
#personalcontent .landingBodyLearn a { text-decoration:none; }
#personalcontent .landingBodyLearn {
text-decoration:none;
position:absolute;
bottom:5px;
right:10px;
}	
#personalcontent .landingBodyLearn a:hover {
color:#86A6D7;
text-decoration:underline;
}
#personalcontent .gridgetFiller{
background:#ebf0fa;
width:250px;
height:200px;
}

#personalcontent .BottomHeaderText {
color:#FFF;
font-size:10.4px;
font-weight:700;
padding-left:10px;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}		
#personalcontent .BottomHeader {
background-color:#A4BDE3;
height:24px;
}
#personalcontent .BottomColumn {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
padding:5px 15px 5px 5px;
width:300px;
}	
/* Personal Landing Side Navigation */
#personalcontent #navigation {
width:185px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:2px !important;
margin-top: 0px;
float:left; 
}
#personalcontent #navigation ul { 
list-style:none;
margin:0px;
padding:0px;
line-height:18px;
}
#personalcontent #navigation li a {
width:185px;
display:block;
width:auto;
height:31px;
margin-bottom:2px;
color:#fff;
padding:20px 5px 0px 0px;
background-color:#a4bde3;
border-right:2px solid;
border-color:#fff;
text-align:right;
text-decoration:none;
}
#personalcontent #navigation li a:hover {
text-decoration:none;
color:#000069;
border-right:2px solid;
border-color:#ebf0fa;
margin-top:2px;
}
#personalcontent #navigation li a.active { 
background-color:#ebf0fa;
color:#000069;
text-decoration:none;
border-right:2px solid;
border-color:#ebf0fa;
margin-top:2px;
}
#personalcontent #navigation li.firstlink a:hover, #personalcontent #navigation li.firstlink a.active {
margin-top:0px;	
}
#personalcontent #layout {
background-color:#ebf0fa;
display:block;
width:502px;
height:400px;
float:left;
margin-top:2px !important;
margin-top: 0px;
}
#personalcontent #layout h2 {
clear:both;
color:#000069;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding:20px 0px 0px 15px;
font-weight:700;
margin-bottom:5px;
margin-left:0px;
}	
#personalcontent .BottomColumn h3 {
border-bottom:none;
color:#000069;
font-size:12px;
font-weight:700;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px;
margin:10px 0px 2px 0px;
}	
#personalcontent .BottomColumn2 {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
width:225px;
padding:0px 0px 5px 20px;
}
#personalcontent .BottomColumn2 h3 {
border-bottom:none;
color:#000069;
font-size:12px;
font-weight:700;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px;
margin:10px 0px 2px 0px;
}	
#personalcontent .BottomColumn2 ul{
margin-top:5px;
margin-bottom:5px;
}
#personalcontent .BottomColumn2 li{
margin-top:5px;
}
#personalcontent .BottomColumn3 {
width:225px;
float:left;
margin-top:2px;
margin-right:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
position:relative;
line-height:16px;
}	
#personalcontent .callout{
height:167px;
background-image:url(/corporateContent-war/content/templates/images/bg_landing_box2.gif);
}
#personalcontent .ratesRNav {
border-left:2px solid #fff;
background-repeat:repeat-x;
width:230px;
font-size:10px;
padding-right:10px;
padding-left:10px;
padding-top:10px;
float:right;
margin-top:-15px;
margin-right:-20px;
margin-bottom:-15px;
}	
#personalcontent .landingTitle {
background-color:#486fa5;
height:38px !important;
height:41px;
width:687px;
margin-bottom:2px;
float:left;
display:block;
}
#personalcontent .landingTitle h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFF;
line-height:38px !important;
line-height:41px;
padding:0px 0px 0px 6px;
margin: 0;
}

#personalcontent .navfiller{
background:#ebf0fa;
width:183px;
}
/* ===@landingPage - END */

/* ===@imageStyles - START */
#personalcontent .imageRight {
margin:5px 10px 5px 15px;
margin-left:15px;
float:right;
}	
#personalcontent .imageLeft {
float:left;
margin-top:15px 15px 10px 20px;
}	
/* ===@images - END */

/* ===@globals - START */
#personalcontent {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

#personalcontent .clear {
clear:both;
float:none;
}	
#personalcontent b, #personalcontent strong {
font-weight:700;
}
#personalcontent em {
font-style:italic;	
}	
#personalcontent sup {
line-height:-1;
vertical-align:text-top;
font-size:8px;
}	
#personalcontent h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
margin-top:20px;
margin-bottom:10px;
line-height:28px;	
}	
#personalcontent h2 {
color:#333;
display:block;
font-size:120%;
font-style:italic;
font-weight:normal;
margin-bottom:10px;
line-height:22px;	
}	
#personalcontent h3 {
border-bottom:1px solid #C9D288;
color:#000;
font-size:120%;
font-weight:600;
margin-top:15px;
padding:3px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:110%;
}	
#personalcontent h3.short{
width:445px;
}	
#personalcontent h4 {
font-size:12px;
font-weight:700;
color:#036;
text-decoration:none;
}	
#personalcontent .h4 a:link, #personalcontent .h4 a:visited {
color:#036;
text-decoration:none;
}	
#personalcontent .h4 a:hover {
color:#003;
text-decoration:underline;
}	
#personalcontent p {
line-height:17px;
}
.note{
color:#888;
font-size:10px;
}
#personalcontent .red{
color:#F00;
font-size:10px;
font-weight:700;
}
/* ===@globals - END */


/* ===@onPageExtraContent - START */
/* Related Links Box */
.relatedLinks {
background-color:#fff;
margin:22px 0px 2px 0;
border:1px solid #C9D288;
width:248px;
}	

.relatedLinks .title {
background-color:#E7F1CF;
border-bottom:1px solid #C9D288;
color:#333;
display:block;
font-size:11px;
font-weight:700;
height:17px;
padding-left:5px;
padding-top:4px;
}	
.relatedLinks ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0px;
font-size:11px;
color:#000;
margin: 15px 0 15px 0;
}	
.relatedLinks li {
border-bottom:1px solid #F2ECBF;
margin: 11px 10px 6px 10px;
padding-bottom: 3px;
}	
.relatedLinks li a:link, .relatedLinks li a:visited {
text-decoration:none;
color:#333;
}	
.relatedLinks li a:hover {
text-decoration:underline;
color:#333;
}	
.relatedLinks li a:visited:hover {
text-decoration:underline;
color:#666;
}	

/* Anchors */

.contents {
font-size: 11px;
width:320px;
background-color: #FCFCF5;
border:1px solid  #E7F1CF;
}
.contentsTitle {
	text-align:center;
	font-weight:600;
}
.contents ul {
list-style-type:disc;
}	
.contents li {
margin-top:6px;
}	
.contents li a:link, .contents li a:visited {
color:#039;
text-decoration:none;
}	
.contents li a:hover, .contents li a:visited:hover {
color:#003;
text-decoration:underline;
}	
	
/* ===@onPageExtraContent - END */

/* ===@breadcrumbs - START */
#personalcontent .breadcrumbs {
color:#A2A2A2;
margin: 3px 0 10px 0;
font-size:11px;
padding: 0 0 4px 0;
border-bottom: 1px solid #A5BE00;
}	

.breadcrumbs a:link, .breadcrumbs a:visited {
color:#A2A2A2;
text-decoration:none;
}	
.breadcrumbs a:hover, .breadcrumbs a:visited:hover {
color:#000;
text-decoration:underline;
}	
/* ===@breadcrumbs - END */

/* ===@announcements - START */
.whatsnewleft{
border-right:1px solid #6996e7;
border-left:1px solid #6996e7;
font-size:11px;
color:#003;
line-height:17px;
text-indent:5px;
float:left;
width:330px;
}	
.whatsnewright {
border-right:1px solid #6996e7;
border-left:1px solid #6996e7;
width:330px;
margin-left:5px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}	
/* ===@announcements - END */

/* ===@submitForm - START */
#personalcontent .submitFormTable {
padding:3px;
background-color:#dbe6fc;
border:1px solid #A1BEF0;
width:435px;
margin:0px 0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}	
#personalcontent .submitFormLabelRight {
font-size:11px;
font-weight:700;
text-align:left;
padding:5px;
}
#personalcontent .submitFormText {
font-size:11px;
}		
#personalcontent .submitFormTable .textInputBox{
padding:2px;
background-color:#fff;
border:1px solid #A1BEF0;
width:390px;
margin:5px 0px 0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}		
/* ===@submitForm - END */

/* ===@cancelStyles - START */
/* used in cancel application */
#personalcontent .cancelForm {
width:687px;
}	
#personalcontent .cancelItem {
border-left:1px solid #d3e47c;
border-right:1px solid #d3e47c;
height:270px;
vertical-align:middle;
}
#personalcontent .cancelSearchResult {
float:left;
width:228px;
background-color:#f1f6d8;
border-right:1px solid #d3e47c;
border-bottom:1px solid #d3e47c;
border-left:1px solid #d3e47c;
font-size:11px;
padding:5px;
}
#personalcontent .cancelSearchResult ul {
list-style-type:none;
font-weight:700;
padding:0px;
margin-left:5px;
}
#personalcontent .cancelSearchResult a {
color:#036;
text-decoration:none;
}	
#personalcontent .cancelSearchResult a:hover {
color:#000;
text-decoration:none;
background-color:#6CF;
}	
#personalcontent .cancelResultsFooter {
font-size:12px;
font-weight:700;
color:#000;
background-color:#c8df50;
height:25px;
padding-top:3px;
border:1px solid #c8df50;
}	
#personalcontent .cancelResults {
float:left;
width:177px;
margin-top:0px;
margin-left:0px;
margin-right:4px;
margin-top:4px;
}	
#personalcontent .cancelResults ul {
margin-top:5px;
margin-bottom:0px;
margin-left:-10px;
border-bottom:1px solid #FFF;
}	
#personalcontent .cancelResults li {
font-size:11px;
list-style-type:none;
margin-top:5px;
margin-left:0px;
margin-bottom:3px;
}	
#personalcontent .cancelResults li a:link, #personalcontent .cancelResults li a:visited {
color:#003;
text-decoration:none;
}	
#personalcontent .cancelResults li a:hover, #personalcontent .cancelResults li a:visited.hover {
color:#003;
text-decoration:underline;
}	
/* ===@cancelStyles - END */
/* ===@maintenanceError - START */
#personalcontent .maintenanceContainer{
width:939px;
background-color:#d9e5fb;	
margin-top:0px;
padding-top:10px;
padding-bottom:10px;
}
#personalcontent .maintenanceContainer .content {
margin:40px 5px 5px 100px;
width:675px;
padding:20px;
background-color:#fff;
border: solid 1px #6392e6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
position:relative;
}
#personalcontent .maintenanceContainer .content h3 {
border-bottom:none;
color:#f00;
font-size:140%;
font-weight:700;
margin-left:10px;
margin-top:5px;
padding:3px 0px;
line-height:150%;
}
#personalcontent .maintenanceContainer .content a {
font-size:11px;
font-weight:700;
text-decoration:none;
color:#000069;
}
#personalcontent .maintenanceContainer .content a:hover {
text-decoration:underline;
}
/* ===@maintenanceError - END */
						
/* ===@ePost - START */
.epostcategory {
width:177px;
float:left;
border:1px solid #CCC;
padding:3px;
}
.epostcategoryHeader {
height:18px;
background-color:#3D6189;
padding:5px;
border-top-color:#FFF;
border-top-width:4px;
}
.epostcategoryHeaderText {
font-size:13px;
font-weight:700;
color:#ECF3F4;
}
.epostcategoryList {
font-size:11px;
color:#333;
background-color:#b0cce3;
float:left;
width:177px;
}
.epostcategoryList ul {
list-style-type:none;
margin-top:5px;
margin-bottom:0px;
border-bottom:0px;
margin-left:0px;
padding-left:0px;
}
.epostcategoryList li {
font-size:11px;
list-style-type:none;
margin-top:5px;
margin-bottom:3px;
text-indent:7px;
border-bottom:1px dashed #FFF;
margin-left:0px;
padding-left:0px;
}
.epostcategoryList li a:link, .epostcategoryList li a:visited {
color:#003;
text-decoration:none;
}
.epostwhite {
background:#FFF;
width:185x;	
height:4px;
}	
.epostcategoryList li a:hover, .epostcategoryList li a:visited.hover {
color:#003;
text-decoration:underline;
}	
.epostcategoryFooter {
border:1px solid #6a96e7;
height:17px;
background-image:url(/corporateContent-war/content/templates/images/bg_header.gif);
}
.epostCallout {
width:239px;
float:left;
padding:3px;
border:1px solid #CCC;
margin-top:2px;
}
.epostContent {
font-size:11px;
}
.epostMail {
background-color:#b0cce3;
margin-top:2px;
height:33px;
}
.epostMailText {
font-size:13px;
font-weight:700;
color:#006;
float:left;
padding:10px 5px 5px 15px;
}
.epostRed {
font-size:13px;
font-weight:700;
color:#900;
}
.specLabel {
font-size:11px;
font-weight:700;
padding:3px;
}
.specResult {
font-size:11px;
margin-left:4px;
}		
.specResult sup{
line-height:-1;
vertical-align:text-top;
font-size:1px;
}
/* ===@ePost - FINISH */

/* ===@smallContents - START */
 .genericContainer {
border-top:1px solid #1a4183;
width:687px;
}	
#personalcontent ul,  #personalcontent ol {
	line-height: 17px;	
}
/*#personalcontent li {
	margin-bottom: 4px;	
} */
#personalcontent .related {
background-color:#fff;
clear:right;
float:right;
margin:0px 0px 2px 5px;
width:222px;
border:1px solid #C9D288;
}
 #personalcontent .related ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0px;
font-size:11px;
color:#000;
}	
#personalcontent .related li {
margin-top:10px;
margin-bottom:10px;
}	
#personalcontent .related li a:link, #personalcontent .related li a:visited {
text-decoration:none;
color:#333;
}	
#personalcontent .related li a:hover {
text-decoration:underline;
color:#333;
}	
#personalcontent .related li a:visited:hover {
text-decoration:underline;
color:#666;
}
/* segment */
 .segment {
background-color:#F5F5E0;
border:1px solid #C9D288;
}
 .segment .content {
font-size:11px;
line-height:16px;
margin:6px 8px 6px 8px;
}	
/* For your information */
#personalcontent .fyi {
clear:right;
float:left;
border:1px solid #C9D288;
background-color:#F5F5E0;
padding:10px;
width:667px;
font-size:11px;
margin-bottom:15px;
}
#personalcontent .fyiHeader {
clear:right;
float:left;	
margin-bottom:1px;
}
/* Now you Can */
#personalcontent .now {
background-color:#F5F5E0;
clear:right;
float:left;
border:1px solid #C9D288;
width:685px;
font-size:11px;
margin-bottom:15px;
}
#personalcontent .nowHeader {
clear:right;
float:left;
margin-bottom:1px;
}
#personalcontent .now li a:link, #personalcontent .now li a:visited {
text-decoration:none;
color:#333;
}	
#personalcontent .now li a:hover, #personalcontent .now li a:visited:hover {
text-decoration:underline;
color:#666;
}	


/* ===@smallContents - END */