/* deprecated, use pageHeader instead */
.header h1 a{color:#000000;display:block;width:300px;height:72px;text-indent:-1000px;text-decoration:none;}
.content {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

hr {
  color:#587B7B;
  background: #587B7B;
  border: 0;
  Height:1px;
  margin-top:8px;
  margin-bottom:8px;
}

fieldset {
    border: 0px;
}

/* sub-title resides below the page header */
.subtitle,subtitle{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: left;
    vertical-align: top;
    margin: .6em 0em .25em 0em;
}

.small {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    margin-left: 4px;
    margin-right: 4px;
}

/* used in a section beginning of a section in a tile*/
.title {
    color: #36052e;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14pt;
    margin: 0em 0em .5em 0em
}

/* page header for student/instructor view */
.portalPageHeader  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: left;
    vertical-align: top;
    margin: 15px 0px 10px 0px;
    border-bottom: 1px solid #dad9da;
}

/* deprecated, use pageHeader instead */
h1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    /* color: #005758; */
    color: #000;  /* SCPD modification, 6/27/2007 */
    text-align: left;
    vertical-align: top;
    margin: .6em 0em .25em 0em;
}

.heading {
  color: #36052e;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14pt;
  margin: 0em 0em .5em 0em
}

/* deprecated */
.blueHref {
    color: #36052e;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14pt;
    margin: 0em 0em .5em 0em
}

/* deprecated */
.drkBlue {
    color: #36052e;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 0em 0em .5em 0em
}

.topNav1 {
    height:10px;
    background-color:#336666;

}

/* format top/global navigation button/link */
.topNavButton {

    padding-left:8px;
    padding-right:8px;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
    color:#336666;
    font-weight: bold;
    height: 20px;
    vertical-align: top;

}

/* format top/global navigation button/link */
div.topNavButton a:link {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#587B7B;
    font-size:13px;
    color:#336666;
    font-weight: bold;
       
}

/* format top/global navigation button/link */
div.topNavButton a:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
    color:#587B7B;
    font-weight: bold;
    color:#336666;
    text-decoration: none; /* SCPD modification, 6/27/2007 */
       
}

/* format top/global navigation button/link */
div.topNavButton a:hover {
   color:#336666;
   color:black;
   text-decoration: none;
    font-weight: bold;   
}

.roundedLeft {
    border:0px;
    height:20px;
    width:16px;
    background: transparent url("/images/white_rounded_left.gif") no-repeat top;    
}

.mainSearch {
    border:0px;
    padding: 0px;
    margin: 0px;
    height: 20px;
    border-width:0px    

}


.subpageHeader, .subHeading, h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
/*  text-align: left;*/
    vertical-align: top;
    margin: .6em 0em .25em 0em;
}

.subpageHeader, .subHeading {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    vertical-align: top;
    margin: .6em 0em .25em 0em;
}

h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0em 0em .25em 0em;
}

h3 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
}

h4 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 0;   
    
}
h5 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
    margin-right:12px;
    vertical-align:middle;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    display:inline;
}

h6 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

.highlights h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps
    margin: 12px 0 4px 0;   
}

.highlights h4 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    margin: 15px 0 2px 0;   
}

.highlights p {
    margin: 0px 0 0px 0;
    line-height: 15px;
    /* padding: 0 0 0 18px; */     
}

/* required fields in a form */
.required {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #a32638;
}

.newsHeadline {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
    font-weight: bold;
    color: #999999; 
}

a.news {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color:#182f5b;
}

/* format the labels in the form */
.label {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0.5em 0em 0em 0em;
    color: #000000;
}

/* format header of a table */
.tTitle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #dad9da;
    color: #333;
    line-height: 24px;
    vertical-align: text-top;
    text-align: left;
    font-weight: bold;

}

/* format the validation error message */
.errorCell {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #cccccc;
    color:#000000;
    line-height: 20px;
}

/* format the list of validation error messages */
.errorCell li {
   position: relative;

   display: list-item;
   list-style-type: circle;
   list-style-image: url(/images/error_bullet.gif);

}

.errorTitle {
	color: red;
	font-size: 15pt	
}

.errorBlock {
	width: 760px;
}

/* format the warning message */
.warning {
    font-family: Arial; 
    font-size: 10pt; 
    color: #990000; 
}

/* deprecated. use .tTitle in stead */
.goldTableTitle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #c2b7a1;
    color: #000000;
    line-height: 24px;
    vertical-align: text-top;
}

/* format the cell inside a table. goldTableCell is deprecated*/
.tCell, .goldTableCell {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #efefef;
    color:#000000;
    line-height: 20px;
    text-align: left;
}

/* background color for a tile */
.tileBackground {
    background-color: #FFFFFF;
}

.pageMargins {
  margin-left:20pt;
  margin-right:20pt;
}

/* use to separate different section inside a tile */
.separator {
    background-color: #182F5B;
}

.whiteHref {
    color:#dddddd;
}

.textSearch {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FF8700;
    text-align: left;
    vertical-align: top;
    background-color: #FDFBF3;
}


.hrefBlack {
    /* color:#FF8700; */
    color:#000000;
    background-color:#FF0000
}


/* The following styles have been added for the template implementation */
/* 
table  { border-collapse: collapse; border-spacing: 0; border:0px; }
*/
td, th { font-size:10pt;}

.rightAlign {
    text-align:right;
    margin-right:5%
}

.rightAlignFloatRight {
    text-align:right;
    float:right;
}

.marginRight5{
    margin-right:5px;	
}

/* logo area of the page */
.logo {
    background-color:#336666;
}

/* page header for public view common pages, e.g. course search, search result, course profile*/
.pageHeader {
    width:100%;
    /* color: #36052e; 
    color: #666666;
    margin: 0em 0em .5em 0em;
    */
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    
}

.templateDiv {
    width:100%;
}

.templateDivHide {
    width:100%;
    display:none;
}

/* format global navigation menu, usually resides below the banner of the page  */
.globalNavigation {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    background-color: #cccccc;
    vertical-align:top;
    

}


/* format custom navigation menu, usually resides on the left of the page  */
.localNavigation {
    background-color:#CCCCCC;
    vertical-align:top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 
}

.content9 {
  width:100%;
}

.content10 {
  width:100%;
}

/* Footer and BottomNav styles and Anchor Links */

.bottom {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    color: #999966;
    padding-left:0px;
}

.bottom a:link {

   color:#999966;
       
}

.bottom a:visited {
   color:#999966;
    
}

.bottom a:hover {
   color:#000000;
}

/* Quick Search Styles and Anchor Links */

.quickSearch  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align:middle;
    color:#C7C9C9;
    font-weight: bold;
}


.quickSearch a:link, .quickSearch a:visited  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color:#FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    
}

.quickSearch a:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color:#000000;
    font-weight: bold;    
    text-decoration: underline;
}

.quickSearchLabel {
    font-weight: bold;
    padding-top:5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align:top;
    color:#C7C9C9;
}


.main {
    vertical-align:top;
}

.rightNav {
    background-color:#ffffff;
}



.colorBorder {
    border-style:solid;
    border-width:1px;
    padding:4px;
    border-color:#009B7C;
    margin-right:10px;
}


.error {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #cc0000;

}

.feePaymentHeader {
    vertical-align: text-bottom; 
    text-align: center;
}

.visibilitytrue {
    display: inline-block;
}

.visibilityfalse {
    display: none;
}

.disabled {
    color: #999999;
}

.adjustment {
  background-color: #FFFFFF;
}



.checkoutSubNavMain {
   background-color: #d2d2d2;
}



strong {
   font-weight: bold;
}

/* This class is intended for text messages that stand out 
   from the rest of the page, such as warnings and markers. */
.strongVisible {
   font-weight: bold;
   color:#FA0622; 
}

em {
  font-style: italic;
}

.psNavHeader{
    background-color:#F9F9F9;
    border-bottom:1px solid #CFCFCF;
    width:95%;
    padding:10px;    
}

.narrowResult{
    border: 1px solid #d8d8d8;
    width:570px;
    position:relative;
    left:1px;
    top: 1px;
}

.narrowResult table {
    border-collapse: collapse;
    margin: 5px;
    font-size: 100%;
}

.narrowResult hr {
    height: 1px;
    width: 555px;
    
}

.narrowResultFont{
    font-size: 14;
    color: #999999;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.main ul {
    display: block;
    padding-left: 40px; 
}

.main li, .main ul li {
  display: list-item;
  list-style-type: circle;
    
}

.bullet li {
   position: relative;

   display: list-item;
   list-style-type: circle;
   list-style-image: url(/images/H_new_bullet.gif);
   list-style-position: inside;
   text-indent: -20;


}

.hoverGray:hover {
  background-color:#cccccc;
}

.lightblue {
  background-color: #666666;
}

.lightblue a:link, .lightblue a:visited  {
  color:#ffffff;    
}

.lightblue a:hover {
  color:#000000;    
}

.message {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
}

.instruction {
    font-style: italic;
    padding: 2px 10px;
}

.expandTitle{
    background: url(/images/expand.gif) no-repeat 0 13px;
    height: 24px;
    padding: 0 0 5px 0;
    border: solid white 1px;
    cursor: pointer;
    
}

.collapseTitle{
    background: url(/images/contract.gif) no-repeat 0 13px;
    height: 24px;
    padding: 0 0 5px 0;
    border: solid white 1px;
    cursor: pointer;
}

.rectangleBox {
    border-style:solid;
    border-width:1px;
    padding:4px;
    border-color:#C2B7A1;
    margin-right:10px;
}

.disabledStaffMenuItem {
    background-color:#99CCFF;
    color:#555555;
    font-family:Arial;
    font-size:8pt;
    font-weight:normal;
}

.divColumn {
    padding-right:5px;
    float:left;
}

.divRowClear {
    clear:left;
}

.tableAttributes {
    border:1px solid #C2B7A1;
}

.tableTDHeader {
    font-weight:bold;
    height:20px;
    padding:2px;
}

.tableTD {
    padding:2px;
}


.availableAssociations {
    width:100%; 
}

/* 
    A replacement to tCell. Lets us format the boxes on information pages. 
    Basic padding, possible border color, etc... Currently being used on the profile page.
    
*/

.BoxAttributes {
    border:0px solid #000000;
    padding:10px;

    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 20px;
}


.BoxBaseAttributes {
    
}

.BoxBgColor_1 {
    background-color: #efefef;
    color:#000000;
    
}

.tempLineBreak {
    content:".";
    height:15px;
}

.borderSeperator {
    
}

.addAnotherSectionBox {
    border-top:1px solid #cccccc;
    margin-top:5px; 
}

.addAnotherSectionArea {
    padding-top:5px;
}

.contactMethodsList {
    padding-left:20px;
}

.dTable {
    border:0px solid #808080;
    
}
.dTableBody {
    width:100%; 
}

.dTableCol {
    float:left;
}
/* Default padding for columns. New types should look like:
    .divTableColPad_X where X is a numberical value.
*/
.dTableColPad {
    padding-right:10px;
}

.dTableRow td {
    padding-right: 10px;
}

.dTableRowClear {
    clear:left;
}

.dTableDeleteButton {
    float:right;
    text-align:center;
}

.textCenterAlign {
    text-align:center;
}


INPUT {
    font-family:Arial;
    font-size:9pt;
    height:auto;
    
}

#myCurrentCoursesTD {
    width:40%;  
}

/** Styles for paginated course search results **/
/* table and column styles */
#courseSearchResultsContainer {
    width: 100%;
}

#courseSearchResults table.paginated {
    width: 100%;
    border-collapse: collapse;
}

#courseSearchResults table.paginated th {
   white-space: nowrap;
}

#courseSearchResults table.paginated td {
    border-bottom: solid 1px #fff;
}

#courseSearchResults table.paginated td,
#courseSearchResults table.paginated th {
    padding: 2px 10px 2px 2px;
}

#courseSearchResults table.paginated .course,
#courseSearchResults table.paginated .program-area,
#courseSearchResults table.paginated .program-stream {
   width: 220px;
}

#courseSearchResults caption p {
    margin: 0 0 0.5em 0;
    font-style: italic;
    text-align: left;
}

/* Paging styles */
#courseSearchResults p.paging a.view-all {
    display: none;
}

#courseSearchResults p.paging strong,
#courseSearchResults p.paging a {
    margin-right: 5px;
    font-weight: bold;
}

/* data-specific styles */
#courseSearchResults .course .tag {
    font-weight: bold;
}

#courseSearchResults .locations .name {
    white-space: nowrap;
}

#courseSearchResults .program-area .name {
    font-weight: bold;
}

#courseSearchResults .program-stream .name {
   font-style: italic;
}

#courseSearchDetailsCSP .tuitionProfile .tCell {
	vertical-align: text-top;
	white-space: nowrap;
}

/***** Calgary Customization (New Styles) Starts *******/
#cse-search-box input {
        width: 115px;
}

p.jump
{   
    background: url(/images/dingbats/arrow_red.gif) no-repeat 0 2px;
    height: 1%;
    padding: 0 0 2px 18px;
}

p.pdf
{
    background: url(/images/dingbats/pdf.gif) no-repeat 0 2px;
    height: 1%;
    padding: 0 0 5px 18px;
}

p.newsletter
{
    background: url(/images/dingbats/email.gif) no-repeat 0 2px;
    height: 1%;
    padding: 0 0 5px 24px;
}

p.facebook
{
    background: url(/images/dingbats/facebook-big.gif) no-repeat 0 2px;
    height: 1%;
    padding: 0 0 5px 24px;
}

p.twitter
{
    background: url(/images/dingbats/twitter-big.gif) no-repeat 0 2px;
    height: 1%;
    padding: 0 0 5px 24px;
}

img.right
{
    float: right;
    margin: 9px 0 9px 9px;
}

img.rightborder
{
    float: right;
    margin: 9px 0 9px 9px;
    padding: 0px;
    border: 10px solid #eee;
}

/* Links on home page, under Welcome message */

p.homelinks
{
    background: url(/images/homelinks/button-grey.gif) no-repeat left;
    height: 23px;
    width: 298px;
    padding: 2px 0px 0px 8px;
    margin: 0px 0px 4px 0px;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
}

p.homelinks:hover
{
    background: url(/images/homelinks/button-grey.gif) no-repeat left;
}

.homelinksbox a
{
    display: block;
    height: 23px;
    width: 298px;
}


.homelinksbox
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}

.homelinksbox a:link
{
    color: #ed1c24;
    text-decoration: none;
}

.homelinksbox a:visited
{
    color: #ed1c24;
    text-decoration: none;
}

.homelinksbox a:hover
{
    color: #ed1c24;
    text-decoration: underline;
}


/* Brochure images with captions */

div.brochurecaption {
  float: right;
  width: 120px;
  margin: 0px 0px 10px 10px;
  padding: 2px;
}

div.brochurecaption p {
  text-align: center;
  font-style: normal;
  font-size: smaller;
  text-indent: 0;
}

/* Definition Lists (used for Cont Ed History) */

.history dd
{
    padding: 0;
    margin: 0 0 18px 0;
}

.history dt
{
    font-size: 16px;
    font-weight: bold;
    color: #666;
    margin: 0;
    padding: 0 0 3px 0;
}

/* Program Guide Box on Home Page */

.programguidebox
{
    width: 279px;
    border: 1px solid #ccc;
    background-color: #e9e9e9;
    padding: 8px;
    margin-bottom: 12px;
}

.programguidebox h2
{
    margin: 0px;
    padding: 0px;
}

.programguidebox p
{
    padding-top: 3px;
    margin-top: 0px;
}

/* Your Stories on Home Page */

.yourstory
{
    width: 288px;
    background-image: url(/images/dingbats/yourstory-quote.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 18px;
    margin-top: 10px;
}

.yourstory p
{
    font-style: italic;
    font-weight: normal;
    color: #000;
    margin: 4px 10px 0px 22px;
}

.yourstory h6
{
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    color: #666;
    margin: 3px 10px 10px 22px;
    line-height: 16px;
}

.yourstory hr
{
    margin: 0px 30px 0px 22px;
}

/* Frequently Asked Questions */

.faq h2
{
    font-size: 14px;
    line-height: 17px;
    color: #333;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

.faq p
{
    padding-top: 3px;
    padding-left: 8px;
    margin-top: 0px;
}

#connect table
{
    border-collapse: collapse;
    font-size: 100%;
}

#connect td
{
    padding: 5px;
}

/***** Calgary Customization (New Styles) Ends *******/