/* 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;
  border: gray 1px solid;
  height:1px;
  margin-top:8px;
  margin-bottom:8px;
  clear: both;
}

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

.small {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

/* 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: #666666;
    text-align: left;
    vertical-align: top;
    margin: 5px 0 8px;
}

/* deprecated, use pageHeader instead */
h1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    /* color: #005758; */
    color: #666666;  /* 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, .h2tableheader {
    font-size: 16px;
    font-weight: bold;
    color: #4F2683;
    vertical-align: top;
    margin: .6em 0em .25em 0em;
}

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

h4 {
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:12px;
    white-space: nowrap;     
    
}
h5 {
    font-family: Arial;
    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;
}


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

.requiredSymbolLogin {
    display:none;
}

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: #cccccc;
    color: #807F83;
    l1ine-height: 24px;
    vertical-align: text-top;
    font-weight:normal;
	padding:5px;
	text-align: left;
}

.myCertificatesHeading {
    vertical-align: bottom;
	height:40px;	
    font-size: 12px;
    background-color: #cccccc;
    color: #807F83;   
    font-weight:normal;
	padding:5px 0px 6px 21px;
	text-align: left;
}

.myCertificatesRow {
    background-color: #eeeeee;  
    font-size: 10pt;
    line-height: 20px;
    padding:1px 0px 2px 21px;
    vertical-align: top;
    font-weight:normal;
    text-align: left;
}

/* 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: 10pt;
    background-color: #eeeeee;
    color:#000000;
    line-height: 20px;
    padding: 2px;
    vertical-align: top;
}

.myCourseScheduleRow {
    background-color: #eeeeee;  
    line-height: 20px;
    padding: 2px;
    vertical-align: top;
    font-weight:normal;
    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;
}


/* 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%
}

/* 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%;
    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: #c2b7a1;   
}



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;    
}
/* Moz sizing is to ensure the box model conforms to IE's style of padding...*/

.narrowResult{
    background-color:#F9F9F9;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
    margin-top: 10px;
}
.narrowResultBottomBorder {
	border-bottom:1px solid #CFCFCF;
}

.narrowResultFont{
}

.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;
}

.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;
}

.expandTitle{
    background:url(/images/expand.gif) no-repeat;
    height: 30px;
    background-position: center left;
    
}

.collapseTitle{
    background:url(/images/contract.gif) no-repeat;
    height: 30px;
    background-position: center left;
}

.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: 10pt;
    line-height: 20px;
    overflow: auto;
}


.BoxBaseAttributes {
	
}

.BoxBgColor_1 {
	background-color: #eeeeee;
    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;
}

.dTableRowClear {
	clear:left;
}

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

.textCenterAlign {
	text-align:center;
}



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

/* section header (secondary to the page header) */
.portalSectionHeader {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    color: #333333;
    text-align: left;
    vertical-align: top;  
}

#myCurrentCoursesTD {
    width:59%;  
}

.notes { 
    color:#626B72; 
    padding-top:1px 
}

/** 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;
    line-height:18px;
}

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

#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;
}


fieldset {
    border: 0px;
}

/* For the 4 columns student profile interest area */
form div.cols,
form div.cols-25x4 { zoom:1; clear:both; width:100%; margin:0; padding:0; position:relative; }
form div.cols:after,
form div.cols-25x4:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
form div.cols div.col { width:auto;}
form div.col { margin-bottom:0; float:left; }
form div div.col:first-child { margin-left:0; }

.interests div ul {list-style-image:none; list-style-type:none; padding-left: 0px !important; padding-right: 20px !important;}


.header2 {
	color: #4F2683;
    font-size: 16px;
    font-weight: bold;
    margin: 0.6em 0 0.25em;
    vertical-align: top;
}

form[name="publicRequestInformationForm"] .header2 {
	  color: #4F2683;
    font-size: 12px;
    font-weight: bold;
    margin: 0.6em 0 0.25em;
    vertical-align: top;
}


.header3 {
	font-size: 10pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

.fieldHeaderNoWrap {
	white-space:nowrap;
}

input.watermark {
  color:grey;
}

#learningGoalsCheckboxLabel {
    padding-left: 20px;
    width:280px;
}

.fileUploadCell {
    padding-left: 6px;
    padding-bottom: 15px;
    padding-right: 6px;
    padding-top: 6px;
}

.fileUploadLabel {
    padding-right: 7px;
    font-weight: bold;
}

.tCell #country1{
	width:60px;
}

ul.tasks{
	background-color: #c2b7a1;
}
ul.tasks{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color:black; 
	font-size:14px;
	padding-left: 15px;
	margin: 0 0 15px 0;
	width:100%;
}

ul.tasks li.first{
	padding-left: 0;
	background-image: none;
}

ul.tasks li {
	display: inline;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 0 8px 0 16px;
	background: url(img/task_arrow.png) no-repeat left center;
}

ul.tasks li.checkoutSubNavActive{
	font-weight: bold;
}

.clear { 
	clear:both;
}

/*Delete everything above this line after Destiny One v2019.1 (Magneto) update*/

/* 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;
  border: gray 1px solid;
  height:1px;
  margin-top:8px;
  margin-bottom:8px;
  clear: both;
}

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

.small {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

/* 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: #666666;
    text-align: left;
    vertical-align: top;
    margin: 5px 0 8px;
}

/* deprecated, use pageHeader instead */
h1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    /* color: #005758; */
    color: #666666;  /* 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, .h2tableheader {
    font-size: 16px;
    font-weight: bold;
    color: #4F2683;
    vertical-align: top;
    margin: .6em 0em .25em 0em;
}

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

h4 {
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:12px;
    white-space: nowrap;     
    
}
h5 {
    font-family: Arial;
    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;
}


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

.requiredSymbolLogin {
    display:none;
}

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

/* format the labels in the form */
.badge {
    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: #cccccc;
    color: #807F83;
    l1ine-height: 24px;
    vertical-align: text-top;
    font-weight:normal;
	padding:5px;
	text-align: left;
}

.myCertificatesHeading {
    vertical-align: bottom;
	height:40px;	
    font-size: 12px;
    background-color: #cccccc;
    color: #807F83;   
    font-weight:normal;
	padding:5px 0px 6px 21px;
	text-align: left;
}

.myCertificatesRow {
    background-color: #eeeeee;  
    font-size: 10pt;
    line-height: 20px;
    padding:1px 0px 2px 21px;
    vertical-align: top;
    font-weight:normal;
    text-align: left;
}

/* 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: 10pt;
    background-color: #eeeeee;
    color:#000000;
    line-height: 20px;
    padding: 2px;
    vertical-align: top;
}

.myCourseScheduleRow {
    background-color: #eeeeee;  
    line-height: 20px;
    padding: 2px;
    vertical-align: top;
    font-weight:normal;
    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;
}


/* 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%
}

/* 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%;
    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: #c2b7a1;   
}



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;    
}
/* Moz sizing is to ensure the box model conforms to IE's style of padding...*/

.narrowResult{
    background-color:#F9F9F9;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
    margin-top: 10px;
}
.narrowResultBottomBorder {
	border-bottom:1px solid #CFCFCF;
}

.narrowResultFont{
}

.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;
}

.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;
}

.expandTitle{
    background:url(/images/expand.gif) no-repeat;
    height: 30px;
    background-position: center left;
    
}

.collapseTitle{
    background:url(/images/contract.gif) no-repeat;
    height: 30px;
    background-position: center left;
}

.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: 10pt;
    line-height: 20px;
    overflow: auto;
}


.BoxBaseAttributes {
	
}

.BoxBgColor_1 {
	background-color: #eeeeee;
    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;
}

.dTableRowClear {
	clear:left;
}

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

.textCenterAlign {
	text-align:center;
}



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

/* section header (secondary to the page header) */
.portalSectionHeader {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    color: #333333;
    text-align: left;
    vertical-align: top;  
}

#myCurrentCoursesTD {
    width:59%;  
}

.notes { 
    color:#626B72; 
    padding-top:1px 
}

/** 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;
    line-height:18px;
}

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

#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;
}


fieldset {
    border: 0px;
}

/* For the 4 columns student profile interest area */
form div.cols,
form div.cols-25x4 { zoom:1; clear:both; width:100%; margin:0; padding:0; position:relative; }
form div.cols:after,
form div.cols-25x4:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
form div.cols div.col { width:auto;}
form div.col { margin-bottom:0; float:left; }
form div div.col:first-child { margin-left:0; }

.interests div ul {list-style-image:none; list-style-type:none; padding-left: 0px !important; padding-right: 20px !important;}


.header2 {
	color: #4F2683;
    font-size: 16px;
    font-weight: bold;
    margin: 0.6em 0 0.25em;
    vertical-align: top;
}

form[name="publicRequestInformationForm"] .header2 {
	  color: #4F2683;
    font-size: 12px;
    font-weight: bold;
    margin: 0.6em 0 0.25em;
    vertical-align: top;
}


.header3 {
	font-size: 10pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

.fieldHeaderNoWrap {
	white-space:nowrap;
}

input.watermark {
  color:grey;
}

#learningGoalsCheckboxLabel {
    padding-left: 20px;
    width:280px;
}

.fileUploadCell {
    padding-left: 6px;
    padding-bottom: 15px;
    padding-right: 6px;
    padding-top: 6px;
}

.fileUploadLabel {
    padding-right: 7px;
    font-weight: bold;
}

.tCell #country1{
	width:60px;
}

ul.tasks{
	background-color: #c2b7a1;
}
ul.tasks{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color:black; 
	font-size:14px;
	padding-left: 15px;
	margin: 0 0 15px 0;
	width:100%;
}

ul.tasks li.first{
	padding-left: 0;
	background-image: none;
}

ul.tasks li {
	display: inline;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 0 8px 0 16px;
	background: url(img/task_arrow.png) no-repeat left center;
}

ul.tasks li.checkoutSubNavActive{
	font-weight: bold;
}

.clear { 
	clear:both;
}