/*	Canadapost.ca - Corporate CSS
	Document Structure
		 1. homePage
		 2. landingPage
		 3. onPageExtraContent
		 4. imageStyles
		 5. globals
		 6. tables
		 7. managementPage
		 8. breadcrumbs
		 9. announcements
		 10. submitForm
		 11. smallContents

/* ===@homePage - START */
#corporatecontent {
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
#corporatecontent .home {
width:939px;
}
#corporatecontent .homeImage {
width:687px;
height:312px;
margin-right:1px;
float:left;
}
/* ===@homePage - END */

/* ===@landingPage - START */
#corporatecontent .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;
}	
#corporatecontent .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;
}	
#corporatecontent .landingBottom {
width:685px;
height:176px;
margin-top:2px;
border:1px solid #A4BDE3;
background-color:#ebf0fa;
float:left;
position:relative;
}	
#corporatecontent .landingBottomBody {
text-align:left;
margin-top:10px;
margin-right:5px;
margin-left:5px;
font-size:11px;
padding-bottom:10px;
}	
#corporatecontent .landingPage {
width:687px;
}
#corporatecontent .landingImage {
width:687px;
height:197px;
margin-right:1px;
float:left;
}	
#corporatecontent .landingBodyLearn a {
text-decoration:none;
}	
#corporatecontent .landingBodyLearn {
text-decoration:none;
position:absolute;
bottom:5px;
right:10px;
}	
#corporatecontent .landingBodyLearn a:hover {
color:#86A6D7;
text-decoration:underline;
}
#corporatecontent .landingTitle {
background-color:#486fa5;
height:24px;
width:687px;
margin-bottom:2px;
float:left;
display:block;
}
#corporatecontent .landingTitle h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFF;
line-height:38px;
padding:0px 0px 0px 6px;
margin:0px 0px 0px 0px;	
}
/* Landing Page Bottom Elements */
#corporatecontent .BottomHeaderText {
color:#FFF;
font-size:12px;
font-weight:700;
padding-left:10px;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}	
#corporatecontent .BottomHeader {
background-color:#A4BDE3;
height:24px;
}	
#corporatecontent .BottomColumn {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
padding:5px 15px 5px 5px;
width:300px;
}		
.homeBottom {
width:341px;
float:left;
height:121px;
margin-top:2px;
border:1px solid #A4BDE3;
background-color:#D0DDF0;
}	
.homeBottomHeader {
background-color:#A4BDE3;
height:24px;
}	
.homeBottomHeaderText {
font-size:14px;
font-weight:700;
color:#FFF;
padding-top:5px;
padding-left:10px;
}	
.homeBottomBody {
text-align:left;
margin-top:10px;
margin-right:10px;
margin-left:10px;
font-size:11px
}	
.homeColumnLeft {
float:left;
width:200px;
font-size:11px;
color:#000;
height:75px;
}	
.homeColumnRight{
width:50px;
}	
.homeBottom {
width:685px;
height:176px;
margin-top:2px;
border:1px solid #A4BDE3;
background-color:#ebf0fa;
float:left;
}	
.homeIframe {
width:685px;
height:140px;
font:Verdana, Arial, Helvetica, sans-serif;
}	
.iFrameBody {
background-color:#ebf0fa;
font:Verdana, Arial, Helvetica, sans-serif;
height:150px;
margin-left:0px;
margin-top:0px;
}		
.homeBottomColumn {
width:300px;
padding:5px;
float:left;
font-size:11px;
line-height:14px;
}	
.homeBottomColumn ul {
list-style-type:none;
text-indent:-10px;	
}	
.homeBottomColumn li {
margin-top:10px;
}	
.homeBottomColumn li a:link, .homeBottomColumn li a:visited{
color:#039;
text-decoration:none;
}	
.homeBottomColumn li a:hover, .homeBottomColumn li a:visited:hover{
color:#003;
text-decoration:underline;
}	
/* ===@landingPage - END */

/* ===@onPageExtraContent - START */
/* Related Links Box */
.relatedLinks {
background-color:#fff;
margin:22px 0px 2px 0;
border:1px solid #A0C1EE;
width:248px;
}	

.relatedLinks .title {
background-color:#DBE6FC;
border-bottom:1px solid #A0C1EE;
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 #A0C1EE;
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: #F5F5F5;
border:1px solid  #EAEAEA;
}
.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 */

/* ===@imageStyles - START */
#corporatecontent .imageMngmt {
margin:5px 15px 5px 20px;
float:left;
border:3px solid #FFF;
}	
#corporatecontent .imageRight {
margin:5px 10px 5px 15px;
float:right;
}	
#corporatecontent .imageLeft {
float:left;
margin:15px 15px 10px 20px;
}
/* ===@imageStyles - END */

/* ===@globals - START */
#corporatecontent body {
font:Verdana, Arial, Helvetica, sans-serif;
}
#corporatecontent .clear {
clear:both;
float:none;
}
#corporatecontent b, #corporatecontent strong {
font-weight:700;
}	
#corporatecontent em {
font-style:italic;	
}	
#corporatecontent sup {
line-height:-1;
vertical-align:text-top;
font-size:8px;
}	
#corporatecontent h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
/*margin-left:10px;*/
font-weight:normal;
margin-top:20px;
margin-bottom:10px;
line-height:26px;
}	
#corporatecontent h2 {
color:#333;
display:block;
font-size:110%;
font-style:italic;
font-weight:normal;
/*margin-left:10px;*/
margin-bottom:10px;
}	
#corporatecontent h3 {
border-bottom:1px solid #A1BEF0;
color:#000;
font-size:110%;
font-weight:600;
margin-top:15px;
padding:3px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:110%;
}	
#corporatecontent h3.short{
width:440px;
}	
#corporatecontent h4 {
font-size:12px;
font-weight:700;
color:#036;
text-decoration:none;
}	
#corporatecontent .h4 a:link, #corporatecontent .h4 a:visited {
color:#036;
text-decoration: none;
}	
#corporatecontent .h4 a:hover {
color:#003;
text-decoration: underline;
}	
#corporatecontent p {
line-height:17px;
/*margin-left:10px;*/
font-size:11px;
}
.note {
color:#888;
font-size:10px;
}
#corporatecontent .genericContainer {
border-top:1px solid #1a4183;
width:687px;
}	
#corporatecontent ul, #corporatecontent ol {
line-height:20px;
font-size:11px;
margin-top:8px;
}	
/* ===@globals - END */

/* ===@tables - START */
#corporatecontent .tableContent {
/*margin-right:20px;*/
/*margin-left:20px;*/
margin-top:10px;
border:1px solid #c1d3f8;
}		
#corporatecontent .theadFont{
background-color:#c1d3f8;
font-weight:700;
color:#036;
font-size:12px;
}
#corporatecontent .tableContent td {
padding:10px;
text-align:left;
}		
#corporatecontent .tableContent tr {
padding:10px;
font-size:11px;
text-align:left;
}	
#corporatecontent .tableRowOne {
background-color:#FFF;
font-size:11px;
}	
#corporatecontent .tableRowTwo {
background-color:#eff4ff;
font-size:11px;
}
/* ===@tables - END */

/* ===@managementPage - START */
#corporatecontent .mngmt h4 {
font-size:12px;
font-weight:700;
color:#036;
text-decoration:none;
}	
#corporatecontent .mngmt h4 a:link, #corporatecontent .mngmt h4 a:visited {
color:#036;
text-decoration:none;
}	
#corporatecontent .mngmt h4 a:hover {
color:#003;
text-decoration:underline;
}	
/* ===@managementPage - END */

/* ===@breadcrumbs - START */
#corporatecontent .breadcrumbs {
color:#A2A2A2;
font-size:11px;
margin: 3px 0 10px 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #1A4183;
}

#corporatecontent .breadcrumbs a:link, #corporatecontent .breadcrumbs a:visited {
color:#A2A2A2;
text-decoration:none;
}	
#corporatecontent .breadcrumbs a:hover, #corporatecontent .breadcrumbs a:visited:hover {
color:#000;
text-decoration:underline;
}	
/* ===@breadcrumbs - END */

/* ===@announcements - START */	
#corporatecontent .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;
}	
#corporatecontent .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;
}	
#corporatecontent .menutitle{
cursor:pointer;
margin-bottom:5px;
background-color:#f8faef;
color:#666;
width:172px;
padding:2px;
text-align:left;
text-indent:5px;
font-weight:700;
border:1px solid #d3e47c;
}	
#corporatecontent .submenu {
margin-bottom:.5em;
margin-left:15px;
}	
#corporatecontent .submenu a:active, #corporatecontent .submenu a:visited {
text-decoration:underline;
font-weight:normal;
color:003;
}	
#corporatecontent .submenu a:hover, #corporatecontent .submenu a:visited.hover {
text-decoration:underline;
color:003;
}	
/* ===@announcements - END */

/* ===@submitForm - START */
#corporatecontent .submitFormTable {
padding:3px;
background-color:#dbe6fc;
border:1px solid #A1BEF0;
width:435px;
margin:0px 0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}	
#corporatecontent .submitFormLabelRight {
font-size:11px;
font-weight:700;
text-align:right;
padding:5px;
}	
#corporatecontent .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 */

/* ===@smallContents - START */
#corporatecontent .segment{
background-color:#Fff;
clear:right;
float:right;
border:1px solid #A1BEF0;
width:222px;
margin-top:-33px;	
margin-bottom:10px;
margin-left:10px;
}
#corporatecontent .segment .content {
font-size:11px;
line-height:16px;
margin:5px;
}	
#corporatecontent .segment .title {
background-color:#A1BEF0;
border-bottom:1px solid #A1BEF0;
color:#194186;
display:block;
font-size:11px;
font-weight:700;
height:17px;
padding-left:5px;
padding-top:4px;
}
/* ===@smallContents - END */
