/* VERY BASIC Adaptation of baseline style_webmodule provided for use as Centenary Custom CSS OFFICIAL BRAND COLORS: 
BLUE: #003262 
GOLD: #C8B783 
COOL GRAY: #DBDCDE 
SEC BLUE: #185A7D 
FONT: SANSERIF - WHITNEY HTF; MINION PRO Malgun Gothic* 
FONT: SERIF - GRANHON ROMAN; GARAMOND, TIMES NEW ROMAN

WWW WEBSITE COLORS: 
TOP HEADER: #00243a 
FOOTER WRAP: #003658 
HEAD grey #EBEDEE 
FOOT grey #F8F8F8 
SHARON DK GRAYBLUE: #011b33;
 */


/***********SIMPLIFIED COLORS*******************/

:root {
	--centdkbl: #003262;
	--centgold: #C8B783;
	--centgray: #DBDCDE;
	--centltbl: #185A7D;
	--offwhite: #F5F5F5;
	--ltgray: #F8F8F8;
	--mdgray: #EBEDEE;
	--dkgray: #011b33;
}

/***********CSS ELEMENT SELECTORS***************/
 body {
     font-family: arial, calibri, malgun gothic, sans-serif;
     font-size: 16px;
     color: black;
     background-color: var(--centltbl); 
     padding: 0;
     cursor: default;
     line-height: 11px;
     margin: 0 auto;
     font-family: arial;
     vertical-align: middle;
     horizontal-align: middle;
     width: 100%;
}
 html {
     background-color: white;
}
 td, th {
     font-family: arial, sans-serif;
     font-size: 0.813rem;
     font-weight: 200;
     color: black;
     text-align: inherit;
}

 h1 {
     font-family: times, serif;
     font-size: 2rem;
     font-weight: 300;
     margin: 0px;
}
 h2 {
     font-family: arial, sans-serif;
     font-size: 0.875rem;
     font-weight: 200;
     margin: 0px;
}
 h3 {
     font-family: times, serif;
     font-size: 0.813rem;
     color: black;
     margin: 0px;
}
 hr {
     border: 0;
     background-color: white;
     color: var(--dkgray);
     height: 1px;
     width: 99%;
     align: left;
     margin: 3px;
     padding: 0px;
     overflow: hidden;
}
 a {
     color: var(--dkgray);
     background-color: transparent;
     margin-left: 0px;
     font-weight: normal;
     text-decoration: none;
     font-size: 0.813rem;
}
 a img {
     border: none;
}
 a:hover {
     color: var(--dkgray);
     background-color: transparent;
     margin-left: 0px;
     font-weight: normal;
     font-size: 0.813rem;
}
 input.submit {
     font-size: 0.688rem;
     border: 1px solid var(--dkgray);
     color: black;
     cursor: pointer;
}
 input {
     font-size: 0.625rem;
}
 select {
     font-size: 0.625rem;
}

/************************************************/
 #main {
     width: 100%;
     vertical-align: middle;
     horizontal-align: middle;
     display: inline-block;
     float: center;
     background-color: white;
}
 #wholeContent {
     background-color: white;
     width:75%;
     margin: auto;
     min-width: 800px;
     max-width: 1264px;
     overflow: hidden;

}

/****************Breadcrumb**********************/

 #breadcrumb {
     vertical-align: middle;
}
 #breadcrumb a {
     color: var(--centdkbl);
     font-weight: bold;
     text-decoration: none;
     font-size: 0.813rem;
     position: relative;
     padding-left: 3px;
     padding-right: 3px;
     padding-top: 3px;
     padding-bottom: 3px;
}
 #breadcrumb a:hover {
     background-color: var(--centgray);
     margin-left: 0px;
}

/*****************PAGE WRAPPER**********************/

 #container {
     background-color: white;
     margin: 0 auto;
     width: 77%;
     text-align: left;
     position: relative;
     text-align: left;
}

 #wrapper {
     width:100%!important;
     max-width:100%!important;
     margin:0 auto;
}

/*******************HEADER**********************/

 #header {
     align: center;
     clear: both;
     float: top;
     height: 110px;
     background-color: var(--centdkbl);
     border-bottom: 0px;
     width: 100%;
}
 #header_title {
     float: left;
     padding-top: 10px;
     padding-left: 35px;
     padding-right: 15px;
     background-color: var(--centdkbl);
}
 #header table {
     overflow: hidden;
     width:75%; 
     margin: auto;
     min-width: 800px;
     max-width: 1264px;
}
 #header td, #header th {
     padding-left: auto;
     padding-right: auto;
}


/****************LOGIN and CART ON HEADER********************/

 #login {
     display: none; /*we dont need this up there*/
     font-family: Century Gothic;
     font-size: 1rem;
     font-weight: 300;
     text-align: right;
     text-shadow: black 0.1em 0.1em 0.2rem;
     float: right;
     padding-top: 45px;
     height: 45px;
     color: white;
     background-color: var(--centdkbl);
   
}
 #cartCount {
     font-family: Century Gothic;
     font-size: .9rem;
     font-weight: bold;
     text-align: right;
     text-shadow: black 0.1em 0.1em 0.2rem;
     float: right;
     padding-top: 50px;
     padding-left: 45px;
     height: 45px;
     color: var(--centgold);
     background-color: var(--centdkbl);
     margin-right: 60px;
}
 #cartCount img {
     padding: 1px 5px 1px 0;
     vertical-align: middle;
}
 #cartCount a {
     color: #fafafa;
     background-color: var(--centdkbl);
     text-decoration: none;
     font-size: 1rem;
     padding: 0;
}
 #cartCount a:hover {
     text-decoration: none;
     color: var(--centgold);
}
 #login input.submit {
     color: var(--centdkbl);
     background-color: var(--centgold);
     font-size: 0.813rem;
     font-weight: 400;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 15px;
     padding-right: 15px;
     border-radius: 15px;
     white-space: normal;
     align: center;
     text-decoration: none;
}
 #login input.submit:hover {
     background-color: var(--ltgray);
     color: var(--centdkbl);  
}
 #login input.text {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 5px;
}
 #login a {
     color: #e8e9e8;
     background-color:var(--centdkbl);   
     text-decoration: none;
     font-size: 0.750rem;
}
 #login a:hover {
     text-decoration: underline;
}
 #topBar {
     min-width: 600px;
     padding-top: 20px;
     padding-left: 35px;
     vertical-align: center;
     height:40px;
}
 #breadcrumbTop {
     width: 60%;
     float:left;
     margin-top: 5px;
}
 #breadcrumbTop a {
     color: var(--centdkbl);    
     font-weight: 400;
     text-decoration: none;
     font-size: 1.2rem;
     position: relative;
     padding-left: 3px;
     padding-right: 3px;
     padding-top: 3px;
     padding-bottom: 3px;
}
 #breadcrumbTop a:hover {
     color: var(--centltbl);
     text-decoration: none;
     margin-left: 0px;
}


/***************SEARCH BAR*********************/

 #search {
     float: right;
     width: 35%;
     text-align: right;
     vertical-align: center;
     color: var(--centdkbl);
    
}
 #search input.text {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     width: 200px;
}
 .searchImg {
}


 #header h1 {
     font-size: 1.375rem;
     font-weight: normal;
     color: var(--centdkblue);
     text-align: left;
     padding: 30px 0 10px 15px;
}
 #header-person {
     font-size: 0.750rem;
     font-weight: normal;
     color: var(--centdkblue);
     text-align: right;
     padding: 30px 0 10px 15px;
}

/***************NAVIGATION*******************/

 #navigation {
     font-size: 0.813rem;
     float: right;
     width: 15%;
     position: relative;
     background-color: var(--centdkbl);
    
     padding-top: 15px;
}
 #navigation h3 {
     text-align: justify;
     padding-left: 2px;
     color: white;
     font-size: 0.813rem;
     font-weight: bold;
     margin: 0;
     padding: 0px 0px 10px 5px;
}
 #navigation ul {
     list-style-type: none;
     overflow: auto;
     text-align: left;
}
 #navigation ul {
     margin: 0;
     list-style-type: none;
     font-size: 0.688rem;
     padding: 5px 0px 5px 0px;
     line-height: 2rem;
}
 #navigation li {
     padding-bottom: 1px;
     padding-right: 10px;
}
 #navigation ul li a {
     display: block;
     color: var(--centdkbl);
     font-size: 0.813rem;
     padding-left: 4px;
     font-weight: bold;
     text-decoration: none;
     background-color: var(--ltgray);
     padding: .2em 1rem;
     border-radius: 0px;
}
 #navigation ul li a:hover {
     color: var(--centgold);
     background-color: var(--centdkbl);
}

/*****************COURSE CONTENT*********************/

 #content {
     background-color: white;
     width: 72%;
     position: relative;
     float: left;
     min-height: 700px;
     padding-left: 0px;
}
 #contentFull {
     background-color: white;
     width: 100%;
     position: relative;
     float: left;
     min-height: 700px;
     padding-left: 5px;
}
 #contentinner {
     float: right;
     width: 99%;
     margin: 0;
     background-color: white;
     padding-left: 10px;
     line-height: 1.7rem;
     height: auto;
}
 #content .inner {
     padding: 15px 15px 15px 15px;
}
 #content .courseinner {
     padding: 15px 30px 30px 30px;
     background-color: var(--offwhite);
     border-radius: 5px;
}
 .courseinner {
     padding: 15px 30px 30px 30px;
     background-color: var(--offwhite);
     border-radius: 5px;
}
 #courseinner ul {
     z-index: 10;
    /*list-style-type: inherit;
    */
}
 #courseinner ul li {
    /*list-style-type: inherit;
    */
}
 .courses a img:hover {
     border: thin;
}
 .courseinner table {
     background-color: var(--offwhite);
     font-size: 0.750rem;
     width: 100%;
}
 .courses {
     padding-top: 10px;
     padding-bottom: 20px;
     color: black;
     font-size: 0.813rem;
     font-weight: 500;
}
 .courses img {
     float: left;
     width: 65px;
     height: 65px;
     padding: 0px 15px 5px 0px;
}


 .courseThumbnail img {
     float: left;
     width: 65px;
     height: 65px;
     padding: 0px 15px 5px 0px;
}

 #instructorsThumbnail img {
     width: 125px;
     height: 145px;
}
 #courses img {
}

 .courses .facilityimage {
     float: right;
     width: 200px;
     height: auto;
     padding: 0px 0px 0px 0px;
}
 .courseinner table tr td {
     font-size: 0.813rem;
}
 .courseinner table tr td input.text {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 10px;
}
 .courseinner table tr td select.dropdown {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     width: auto;
}
 .courseinner table tr td input.coupon {
     font-size: 12px;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     width: 60px;
}
 .courseinner table tr td select.dropdown {
     font-size: 12px;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     padding-right: 5px;
}
 .courseinner table tr td.tableheading {
     font-size: 0.875rem;
     font-weight: bold;
     padding-bottom: 5px;
     color: var(--centdkbl);
    
}
 .courseinner table tr td.tableheadingRight {
     font-size: 0.875rem;
     font-weight: bold;
     padding-bottom: 5px;
     color: var(--centdkbl);   
     text-align:right;
}
 .courseinner table tr td.tablecontent {
     word-wrap: break-word;
}
 .courses a {
     padding-top: 10px;
     text-decoration: none;
     font-size: 0.813rem;
     font-weight: bold;
     color: var(--centdkbl);
    
}
 .courses a:hover {
     color: var(--centgold);
    
}
 .subheadinglink a {
     padding-top: 20px;
     padding-left: 3px;
     text-decoration: none;
     font-size: 1.000rem;
     font-weight: bold;
     color: var(--centdkbl);
    
}
 .subheadinglink a:hover {
     color: var(--centltbl);
  
}

/***********************SHOPPING CART*************************/


 .cartinner {
     padding: 5px 15px 15px 15px;
     background-color: var(--ltgray);
     border-radius: 5px;
     font-size: 0.750rem;
     font-weight: bold;
}
 .cart a img {
     background-color: var(--ltgray);
}
 .cart a img:hover {
     border: thin;
     background-color: var(--ltgray);
}
 .cartinner table {
     background-color: var(--ltgray);
     font-size: 0.750rem;
}
 .cartinner table tr td.tableheading {
     font-size: 0.875rem;
     font-weight: bold;
     padding-bottom: 5px;
     color: var(--centdkbl);
    
}
 .cartinner table tr td.heading {
     font-size: 0.750rem;
     font-weight: bold;
}
 .cartinner table tr td.tableheadingRight {
     font-size: 0.750rem;
     font-weight: bold;
     padding-bottom: 5px;
     color: var(--centdkbl);
     text-align: right;
}
 .cartinner table tr td.headingRight {
     font-size: 0.750rem;
     font-weight: bold;
     text-align: right;
}
 .cartinner table tr td.subheading {
     padding-left: 15px;
     font-size: 0.750rem;
     font-weight: bold;
}
 .cartinner table tr td div.break {
     padding-bottom: 4px;
}
 .cartinner table tr td {
     vertical-align: top;
}
 .cartinner table tr td.total {
     font-size: 0.938rem;
     font-weight: bold;
     text-align: right;
}
 .cartinner table tr td input.text {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 10px;
}
 .cartinner table tr td select.dropdown {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 10px;
     padding-right: 5px;
}
 .cartinner table tr td select.dropdownCart {
     font-size: 0.688rem;
}
 .cartinner table tr td hr {
     color: var(--centgold);
     background-color: var(--centgold);
     height: 1px;
}
 .cartinner hr {
     color: var(--centgold);
     background-color: var(--centgold);
     height: 2px;
}
 .cart {
     padding-top: 10px;
     color: black;
     font-size: 0.813rem;
     font-weight: 500;
}
 .cart a {
     padding-top: 10px;
     text-decoration: none;
     font-size: 0.813rem;
     font-weight: bold;
     color: var(--centdkbl);  
     background-color: var(--ltgray);
}
 .cart a:hover {
     color: var(--centgold);
}
 .cartinner #addedAttendee {
     border: 1px solid #afb4af;
     background-color: #dce8f4;
     vertical-align: text-top;
     float: left;
     padding-right: 3px;
     padding-left: 5px;
     border-radius: 15px;
     font-size: 0.688rem;
}
 .cartinner #addedAttendee a {
     background-color: #dce8f4;
}
 .cartinner #addedAttendee:hover {
     background-color: #ffefb4;
}
 .cartinner #addedAttendee a:hover {
     background-color: #ffefb4;
}
 .cartinner #addedAttendee img {
     padding: 1px 3px 0 0;
     vertical-align: middle;
}
 .cartinner #addedAttendee a {
     padding: 0;
}
 .cartinner #removedAttendee img {
     padding: 1px 3px 0 0;
     vertical-align: middle;
}
 .cartinner #removedAttendee a {
     padding: 0;
}
 .cartinner #removedAttendee {
     border: 1px solid #afb4af;
     background-color: #f7cbcb;
     vertical-align: center;
     float: left;
     padding-right: 5px;
     padding-left: 5px;
     border-radius: 15px;
     text-align: justify;
}
 .cartinner #removedAttendee:hover {
     background-color: #f2a4a4;
}

 .cartOption a {
     background-color: var(--centdkbl);   
     color: var(--ltgray);
     font-size: 0.813rem;
     font-weight: bold;
     padding-top: 7px;
     padding-bottom: 7px;
     padding-left: 7px;
     margin-right: 15px;
     padding-right: 7px;
     border-radius: 15px;
     width: 150px;
     white-space: normal;
     align: center;
     text-decoration: none;
}

 .cartOption a:hover {
     background-color: var(--centdkbl);
     color: var(--centgold);

}
 .cartOption input.submit {
     color: var(--centdkbl);  
     background-color: var(--centgold);
     font-size: 0.813rem;
     font-weight: bold;
     padding-top: 7px;
     padding-bottom: 7px;
     padding-left: 25px;
     margin-right: 15px;
     padding-right: 25px;
     border-radius: 15px;
     width: 150px;
     white-space: normal;
     align: center;
     text-decoration: none;
}
 .cartOption input.submit:hover {
     background-color: var(--offwhite);
}


/****************HISTORY*************************/

 .historyinner {
     padding: 5px 15px 15px 15px;
     background-color: var(--ltgray);
     border-radius: 5px;
}
 .history a img:hover {
     border: thin;
}
 .historyinner table {
     background-color: var(--ltgray);
     font-size: 0.750rem;
}
 .historyinner table tr td.heading {
     font-size: 0.750rem;
     font-weight: bold;
}
 .historyinner table tr td.tableheading {
     font-size: 0.750rem;
     font-weight: bold;
     color: var(--centdkbl);
    
     border-spacing: 0px;
     border-collapse: collapse;
}
 .historyinner table tr td {
     vertical-align: top;
     font-size: 0.750rem;
}
 .historyinner table tr td select.dropdown {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 10px;
     padding-right: 5px;
}
 .historyinner hr {
     color: var(--centgold);
     background-color: var(--centgold);
     height: 1px;
}
 .history {
     padding-top: 10px;
     padding-bottom: 20px;
     color: black;
     font-size: 0.813rem;
     font-weight: 500;
}
 .history a {
     padding-top: 10px;
     text-decoration: none;
     font-size: 0.813rem;
     font-weight: bold;
     color: var(--centdkbl);    
     background-color: var(--ltgray);
   
}
 .history a:hover {
     color: var(--centgold);

}


/****************PROFILE*********************/


 .profileinner {
     padding: 5px 15px 15px 15px;
     background-color: var(--ltgray);
    ;
     border-radius: 5px;
}
 .profile a img:hover {
     border: thin;
}
 .profileinner table {
     background-color: var(--ltgray);
    ;
     font-size: 0.813rem;
     font-weight: bold;
}
 .profileinner table tr td.heading {
     font-size: 0.813rem;
     font-weight: bold;
}
 .profileinner table tr td {
     vertical-align: middle;
     font-size: 0.750rem;
}
 .profileinner hr {
     color: var(--centgold); 
     background-color: var(--centgold);   
     height: 2px;
}
 .profile {
     padding-top: 10px;
     color: black;
     font-size: 0.813rem;
     font-weight: 500;
}
 .profile a {
     padding-top: 10px;
     text-decoration: none;
     font-size: 0.813rem;
     font-weight: bold;
     color: var(--centdkbl);
    
}
 .profile a:hover {
     color: var(--centgold);
    
}
 .profileinner table tr td input.text {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 10px;
}
 .profileinner table tr td select.dropdown {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 10px;
     padding-right: 5px;
}
 .profileOption a {
     background-color: var(--centdkbl);   
     color: var(--ltgray);
     font-size: 0.813rem;
     font-weight: bold;
     padding-top: 7px;
     padding-bottom: 7px;
     padding-left: 25px;
     margin-right: 15px;
     padding-right: 25px;
     border-radius: 15px;
     width: 150px;
     white-space: normal;
     align: center;
     text-decoration: none;
}
 .profileOption a:hover {
     background-color: var(--centdkbl);
     color: var(--centgold);
    
}
 .profileOption input.submit {
     color: var(--centdkbl);
     background-color: var(--centgold);   
     font-size: 0.813rem;
     font-weight: bold;
     padding-top: 7px;
     padding-bottom: 7px;
     padding-left: 25px;
     margin-right: 15px;
     padding-right: 25px;
     border-radius: 15px;
     width: 150px;
     white-space: normal;
     align: center;
     text-decoration: none;
}
 .profileOption input.submit:hover {
     background-color: var(--offwhite);
}

/********************FOOTER*********************/

 #footer {
     float: bottom;
     align: center;
     clear: both;
     border-top: 5px solid #ededed;
     text-align: right;
     font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: white;
     background-color: var(--centdkbl);
     width: 100%;
     height: 50px;
     position: relative;
}
 #footer table {
     padding-top: 20px;
     padding-left: 20px;
     padding-bottom: 10px;
     padding-right: 40px;
     color: var(--ltgray);
     background-color: var(--centdkbl);
    
     text-align: right;
     font-size: 0.750rem;
}
 #footer table tr td {
     color: var(--ltgray);
}
 #footer img {
     box-shadow: 3px 3px 4px black;
}
 #footer a {
     color: var(--ltgray);
     background-color: var(--centdkbl);
    
}
 #footer a:hover {
     color: var(--ltgray);
     background-color: var(--centdkbl);
    
}
/* popular container --------------------------------------------------*/
 .leftMenu {
     padding-top: 15px;
     padding-left: 10px;
}
 .leftMenu ul li {
     padding: 0 0 0 0;
     padding-top: 1px;
     list-style: none;
}
/*TOP MENU ON LEFT NAV*/
 .leftMenu ul li a {
     line-height: 120%;
     padding: 4px 4px 6px 25px;
     display: block;
     font-size: 1rem;
     background-color: var(--centgray);
     color: var(--centdkbl);  
     border-radius: 0px;
     padding-bottom: 10px;
     padding-top: 10px;
     font-weight: 300;
}
 .leftMenu ul li a.children0 {
     background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     background-position: top left;
     background-position: 7px;
}
 .leftMenu ul li a.children1 {
     background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     background-position: top left;
     background-position: 28px;
}
 .leftMenu ul li a.children2 {
     background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     background-position: top left;
     background-position: 42px;
}
 .leftMenu ul li a.children3 {
     background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     background-position: left;
     background-position: 62px;
}
 .leftMenu ul li a.children4 {
     background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     background-position: top left;
     background-position: 82px;
}
 .leftMenu ul li a.children-clicked0 {
     background-image: url(../images/arrowDown.png);
     background-repeat: no-repeat;
     vertical-align: top;
     background-position: top left;
     background-position: 7px;
}
 .leftMenu ul li a.children-clicked1 {
     background-image: url(../images/arrowDown.png);
     background-repeat: no-repeat;
     background-position: top left;
     vertical-align: top;
     background-position: 28px;
}
 .leftMenu ul li a.children-clicked2 {
     background-image: url(../images/arrowDown.png);
     background-repeat: no-repeat;
     background-position: top left;
     vertical-align: top;
     background-position: 42px;
}
 .leftMenu ul li a.children-clicked3 {
     background-image: url(../images/arrowDown.png);
     background-repeat: no-repeat;
     background-position: top left;
     vertical-align: top;
     background-position: 62px;
}
 .leftMenu ul li a.children-clicked4 {
     background-image: url(../images/arrowDown.png);
     background-repeat: no-repeat;
     background-position: top left;
     vertical-align: top;
     background-position: 82px;
}
 .leftMenu ul li a:hover {
     background-color: var(--centltbl);
     color: white;

}
 .leftMenu ul {
     padding: 0 0 0 0;
}

/*BOTTOM NAV LEFT SIDE - CATEGORIES*/
/*TOP LEVEL*/
 .leftMenu ul.Level00 li a {
     line-height: 120%;
     padding: 4px 4px 6px 25px;
     display: block;
     font-size: 0.95rem;
     font-weight: 400;
     background-color: var(--centgray);
     color: var(--centdkbl);  
     border-radius: 0px;
     padding-bottom: 12px;
     padding-top: 12px;
}
/*SECOND LEVEL*/
 .leftMenu ul.Level01 li a {
     font-size: 0.8rem;
     line-height: 140%;
     padding: 4px 4px 6px 40px;
     text-transform: none;
     font-weight: 300;
     display: block;
     background-color: var(--ltgray);
     color: var(--centdkbl);
     padding-bottom: 6px;
     padding-top: 6px;
}
 .leftMenu ul.Level02 li a {
     font-size: 0.750rem;
     line-height: 140%;
     padding: 4px 4px 6px 60px;
     text-transform: none;
     font-weight: normal;
     display: block;
     background-color: var(--offwhite);
     color: var(--centltbl);
    
}
 .leftMenu ul.Level03 li a {
     font-size: 0.750rem;
     line-height: 140%;
     padding: 4px 4px 6px 80px;
     text-transform: none;
     font-weight: normal;
     display: block;
     background-color:var(--offwhite);
     color: var(--centdkbl);
    
}
 .leftMenu ul.Level04 li a {
     font-size: 0.750rem;
     line-height: 140%;
     padding: 4px 4px 6px 105px;
     text-transform: none;
     font-weight: normal;
     display: block;
     background-color:var(--offwhite);
     color: var(--centdkbl);
    
}
 .leftMenu ul.Level00 li a:hover,.leftMenu ul.Level01 li a:hover,.leftMenu ul.Level02 li a:hover,.leftMenu ul.Level03 li a:hover {
     color: var(--centgold);
     background-color: var(--centdkbl);
    
}
 #popularContainer {
     font-size: 1rem;
     float: left;
     height: 100%!important;
     /*min-height:700px;*/
     /*width: 23%!important;*/
     position: relative;
     background-color: white;
     margin-left:25px;

}
 #popularContainer h3 {
     text-align: justify;
     padding-left: 2px;
     color: var(--centdkbl);   
     font-size: 0.813rem;
     font-weight: bold;
     margin: 0;
     padding: 0px 0px 10px 5px;
}

/********************MAIN CONTENT**************************/

 #maincontent {
     background-color: white;
     padding: 0px;
}

     #instructorinner ul li {
         list-style-type: none;
         margin-left: 3px;
         padding-bottom: 0px;
    }
     #maincontent input.text {
         font-size: 0.750rem;
         padding-top: 5px;
         padding-bottom: 3px;
         padding-left: 5px;
         margin-right: 10px;
        
    }

     #maincontent input.money {
         font-size: 0.750rem;
         padding-top: 5px;
         padding-bottom: 3px;
         padding-left: 5px;
         margin-right: 0px;
         text-align: right;
       
    }
    /* loginContent ** 08/08/18 Responsive -----------------------------*/
     //////
    /* NEW RESPONSIVE LOG-IN */
    ///// .login-page {
         width: auto;
         padding: 5px 0 0;
         margin: auto;
    }
     .logform {
         position: relative;
         z-index: 1;
         background: var(--centgray);
        /*CENT GREY*/
         max-width: 360px;
         margin: 0 auto 25px;
         padding: 35px;
         text-align: center;
         box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    }
    /* B7224 - relative font size */
     .logform input {
         outline: 0;
         background: #f2f2f2;
         width: 100%;
         border: 0;
         margin: 0 0 15px;
         padding: 15px;
         box-sizing: border-box;
         border-radius:5px;
        /* font-size: 14px;
         */
         font-size: 0.875rem;
    }
    /* B7224 - relative font size */
     .logform button {
         text-transform: uppercase;
         outline: 0;
         background: var(--centltbl);
        /*CENT ALT BLUE*/
         box-shadow: 0px 0px 6px 0px var(--centltbl);
         width: 100%;
         border: 0;
         margin: 5px 5px 5px;
         padding: 15px;
         color:var(--offwhite);
         font-size: 0.875rem;
         border-radius:5px;
         cursor: pointer;
    }
     .logform button:hover, .logform button:active, .logform button:focus {
         background-color: var(--centgold);
        
         box-shadow: 0px 0px 6px 0px var(--centgold);
         color: #333333;
         font-weight: 550;
    }
    /* B6512 */
    /* B7224 - relative font size */
     .logform .forgotPw a {
         margin: 0 0 5px;
         color: black;
        /* font-size: 12px;
         */
         font-size: 0.75rem;
         text-align: right;
    }
    /* B6512 */
     .logform .forgotPw a:hover {
         color: black;
        /* font-weight: 550;
         */
         text-decoration: underline;
    }
     .logform .message {
         margin: 15px 0 0;
         color: #0022b4;
    }
     .logform .message a {
         color: #0022b4;
         text-decoration: none;
         font-size: 20px;
    }
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
    }
    /* B7224 - relative font size */
     .logHeading {
        /* font-size: 17px;
         */
         font-size: 1.063rem;
         font-weight: bold;
         color: #231f20;
    }
     .loginContent {
         position: relative;
         z-index: 1;
         background: #fbeed6;
         max-width: 360px;
         margin: 0 auto 100px;
         padding: 35px;
         text-align: center;
         box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
         width: 100%;
         border: 0;
         margin: 0 0 15px;
         padding: 15px;
         box-sizing: border-box;
         font-size: 14px;
    }
    /* B7224 - relative font size */
     #importantN {
         font-weight: bold;
         width: auto;
         float: Center;
         border-radius: 10px;
         margin-top: 10px;
         display: block;
        /* font-size: 14px;
         */
         font-size: 0.875rem;
    }
    /* B7224 - relative font size */
     #importantDescription {
        /* font-size: 12px;
         */
         font-size: 0.75rem;
    }
     #wholeLogin {
         width: 90%;
    }
     #returning {
         background-color: #f1efea;
         width: 45%;
         height: 230px;
         float: left;
         width: 45%;
         border-radius: 10px;
         padding-right: 20px;
         float: left;
    }
     #returning table {
         background-color: #f1efea;
    }
     #new {
         background-color: #fbeed6;
         width: 45%;
         height: 230px;
         float: right;
         border-radius: 10px;
         padding-left: 20px;
    }
     #returningMobile {
         width: 95%;
         float: Center;
         background-color: #f1efea;
         border-radius: 10px;
         padding-right: 20px;
         padding-left: 20px;
         float: left;
         height: 240px;
    }
     #returningMobile table {
         background-color: #f1efea;
    }
     #newMobile {
         background-color: #fbeed6;
    }
     #newMobile table {
         background-color: #fbeed6;
    }
     #importantNote {
         background-color: #f9efe1;
         width: 95%;
         float: Center;
         border-radius: 10px;
         padding-right: 20px;
         padding-left: 20px;
         padding-bottom: 20px;
         margin-top: 230px;
         display: block;
    }
     #importantNote table {
         background-color: #f9efe1;
    }
     .loginContent {
         padding-top: 20px;
    }
     #loginHeader {
         width: 60%;
         padding-left: 2px;
         padding-top: 10px;
         padding-bottom: 10px;
         font-size: 0.938rem;
         font-weight: bold;
         margin-top: 5px;
         border-radius: 5px;
         color: var(--centdkbl);
        
         background-color: #e8e9e8;
    }
     .loginContent table tr td {
         height: 15px;
         font-size: 0.813rem;
         font-weight: bold;
         color: var(--centdkbl);
        
    }
     .loginContent table tr td.heading {
         font-size: 1.063rem;
         font-weight: bold;
         color: #696e69;
    }
     .loginContent select.text {
         width: 200px;
         font-size: 0.750rem;
         color: #000000;
         background-color: white;
         text-align: left;
         border: 1px solid gray;
         padding-left: 2px;
         padding-bottom: 2px;
    }
     .loginContent input.button {
         background-color: var(--centdkbl);
        
         color: #ededed;
         font-size: 0.813rem;
         font-weight: bold;
         padding-top: 7px;
         padding-bottom: 7px;
         padding-left: 25px;
         margin-right: 15px;
         padding-right: 25px;
         border-radius: 15px;
         white-space: normal;
         align: center;
         text-decoration: none;
    }
     .loginContent a {
         font-size: 0.813rem;
         padding-top: 20px;
         font-weight: bold;
         color: var(--centdkbl);
        
    }
     .loginContent a.forgot {
         white-space: nowrap;
         padding-top: 5px;
         padding-bottom: 5px;
         font-weight: normal;
         font-size: 0.750rem;
         background-color: #f1efea;
    }
     .loginContent input.button:hover {
         background-color: var(--ltgray)
         color:var(--centdkbl);
        
    }
     .loginContent input.submit {
         background-color:var(--centdkbl);
        
         color: #ededed;
         font-size: 0.813rem;
         font-weight: bold;
         padding-top: 7px;
         padding-bottom: 7px;
         padding-left: 25px;
         margin-right: 15px;
         padding-right: 25px;
         border-radius: 15px;
         white-space: normal;
         align: center;
    }
     .loginContent input.submit:hover {
         background-color: #696e69;
         color: var(--centgold);
        
    }
    /* mainsearch -----------------------------*/
     #mainsearch {
         clear: both;
         margin-top: 50px;
         font-size: 0.688rem;
    }
     #mainsearch label {
         font-weight: bold;
    }
     #mainsearch input.text {
         width: 200px;
         font-size: 0.750rem;
         color: #000000;
         background-color: white;
         text-align: left;
         border: 1px solid gray;
         padding-left: 2px;
    }
     #subHeader {
         width: 99%;
         padding-left: 2px;
         border-bottom: 2px solid var(--centgold);
         font-size: 1.188rem;
         font-weight: bold;
         margin-top: 5px;
	 margin-bottom:10px;
         color:var(--centdkbl);
        
    }
     .subHeader {
         width: 99%;
         padding-left: 2px;
         border-bottom: 2px solid var(--centgold);
        
         font-size: 1.188rem;
         font-weight: bold;
         margin-top: 5px;
         color:var(--centdkbl);
        
    }
     #subHeaderWithNote {
         width: 99%;
         padding-left: 2px;
         font-size: 1.188rem;
         font-weight: bold;
         margin-top: 5px;
         color:var(--centdkbl);
        
    }
     #subHeaderNote {
         width: 99%;
         padding-left: 32px;
         border-bottom: 2px solid var(--centgold);
        
         font-size: 0.813rem;
         margin-top: 5px;
         background-color: #efefef;
         border-radius: 3px;
         color:var(--centdkbl);
        
    }
    /* Sub-categories --------------------------------------------------*/
     #subCategories {
         padding-top: 5px;
    }
     #subCategories a {
         color:var(--centdkbl);
        
         font-size: 0.750rem;
         padding-left: 4px;
         font-weight: bold;
         text-decoration: none;
         background-color: #ededed;
         padding: .2em 1rem;
         border-radius: 0px;
    }
     #subCategories a:hover {
         color: #ededed;
         font-size: 0.750rem;
         padding-left: 4px;
         font-weight: bold;
         text-decoration: none;
         background-color:var(--centdkbl);
        
         padding: .2em 1rem;
         border-radius: 0px;
    }
     #note {
         width: 99%;
         padding-left: 2px;
         margin-bottom: 5px;
    }
     .alert {
        /* font-size: 13px;
         margin-top: 5px;
         background-color: #FDB7BB;
         border-radius:3px;
         padding: 15px 15px 15px 15px;
        */
         color: #5d615d;
         font-weight: bold;
    }
     #note {
         color:var(--centdkbl);
        
         margin-top: 5px;
         font-size: 0.813rem;
    }
    /* Added note class - copied from note id */
     .note {
         width: 99%;
         padding-left: 2px;
         margin-bottom: 5px;
         color:var(--centdkbl);
        
         margin-top: 5px;
         font-size: 0.813rem;
    }
    /* Instructors --------------------------------------------------*/
     #instructors {
         padding-bottom: 20px;
         color: black;
         font-size: 0.813rem;
         font-weight: 500;
    }
     #instructors table {
         width: 100%;
    }
     #instructors table tr td {
         padding: 4px 4px 4px 10px;
         color: black;
         font-size: 0.813rem;
         font-weight: 500;
         background-color: var(--ltgray);
         border-radius: 3px;
    }
     #instructors img {
         float: left;
         padding: 1px 5px 1px 0;
         vertical-align: middle;
         border: thin;
         float: left;
         width: 125px;
         height: 145px;
    }
     #instructorinner {
         padding-bottom: 20px;
         color: black;
    }
     .instructorbreak {
         background-color: var(--centgray);
         padding-top: 10px;
         padding-bottom: 5px;
         padding: 4px 4px 4px 10px;
         font-size: 1.125rem;
         font-weight: bold;
         border-radius: 3px;
    }
     .instructorline {
         line-height: 100%;
         padding: 1px 4px 1px 10px;
    }
     .instructorline a {
         line-height: 200%;
    }
    /* Bulletins --------------------------------------------------*/
     #bulletin_header {
         align: center;
         clear: both;
         float: top;
         width: 100%;
         background-color: white;
         border-bottom: 5px solid #ededed;
    }
     #bulletin {
         align: center;
         padding-top: 15px;
         padding-left: 20px;
         padding-right: 15px;
         padding-bottom: 15px;
         font-size: 1.125rem;
         font-weight: bold;
         clear: both;
         float: top;
         width: 100%;
         background-color: white;
    }
     #testBanner {
         align: center;
         clear: both;
         float: top;
         width: 100%;
         color: var(--centltbl);
        /*CENT ALT BLUE*/
         background-color: var(--centgray);
        /*CENT GREY*/
         border-bottom: 5px solid #ededed;
    }
     #testBannerText {
         align: center;
         padding-top: 15px;
         padding-left: 20px;
         padding-right: 15px;
         padding-bottom: 15px;
         font-size: 24px;
         font-weight: bold;
         clear: both;
         float: top;
         width: 100%;
         color: var(--centltbl);
        /*CENT ALT BLUE*/
    }
    /* Passwords --------------------------------------------------*/
     #password_info {
         position: absolute;
        /* width:328px;
         top:10px;
         right:40%;
         */
         padding: 15px;
         background:var(--offwhite);
         font-size: .875em;
         border-radius: 5px;
         box-shadow: 0 1px 3px #ccc;
         border: 1px solid #ddd;
         font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
         color: #444;
    }
     #password_info h4 {
         margin: 0 0 10px 0;
         padding: 0;
         font-weight: normal;
         font-size:0.875rem;
    }
     #password_info ul li {
         margin: 0;
        /* padding: 0;
         */
         list-style-type: none;
         font-size:0.875rem;
         font-weight: normal;
    }
     #password_info::before {
         content: "\25B2";
         position: absolute;
         top: -12px;
         left: 5%;
         font-size:0.875rem;
         line-height: 14px;
         color: #ddd;
         text-shadow: none;
         display: block;
    }
    /* B6707 - Added password_info class - passwordinput tags with id set didn't receive styling */
     .password_info {
         position: absolute;
         padding: 15px;
         background:var(--offwhite);
         font-size: .875em;
         border-radius: 5px;
         box-shadow: 0 1px 3px #ccc;
         border: 1px solid #ddd;
         font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
         color: #444;
    }
     .password_info h4 {
         margin: 0 0 10px 0;
         padding: 0;
         font-weight: normal;
         font-size:0.875rem;
    }
     .password_info ul li {
         margin: 0;
         list-style-type: none;
         font-size:0.875rem;
         font-weight: normal;
    }
     .password_info::before {
         content: "\25B2";
         position: absolute;
         top: -12px;
         left: 5%;
         font-size:0.875rem;
         line-height: 14px;
         color: var(--ltgray);
         text-shadow: none;
         display: block;
    }
     .invalid {
         background: url(../images/invalid.png) no-repeat 0 50%;
         padding-left: 27px;
         line-height: 24px;
         color: #ec3f41; /*red*/
    }
     .valid {
         background: url(../images/valid.png) no-repeat 0 50%;
         padding-left: 27px;
         line-height: 24px;
         color: #3a7d34;/*green*/
    }
    /* instructor bio */
     .bio_table {
         width: 300px;
    }
     .bio_masthead {
         background-color: var(--centdkbl);
         vertical-align: top;
         text-align: left;
    }
     .bio_name {
         font-size: medium;
         color: white;
         font-weight: bold;
    }
     .bio_title {
         font-size: medium;
         color: white;
    }
     .bio_image {
         float: right;
         width: 100px;
         height: 100px;
    }

/* -------------------CALENDAR--------------------*/
     .cal {
         border-collapse: collapse;
         padding 5px 5px 5px 5px;
    }

     .calHeader {
         margin-top:10px;
         color: var(--centdkbl);       
         display: block;
         font-size: 1.000rem;
         font-style: normal;
         font-weight: bold;
         height: 22px;
         line-height: 22.4px;
         padding-left: 8px;
         width: 100%;
         background-color: white;
         border-bottom: 2px solid var(--centgold);
    }

     .calSubheader {
         min-height: 175px 
    }

     .calCatSelect {
         color: var(--centdkbl);      
         font-size: 0.875rem;
         font-style: normal;
         font-weight:normal;
         padding-left: 8px;
    }

     .calCatOption {
         color: var(--centdkbl);
         font-size: 0.875rem;
         font-style: normal;
         font-weight:normal;
         height: 22px;
         line-height: 22.4px;
         padding-left: 8px;
    }

     .calSubheaderLeft {
         text-align: left;
         border-spacing: 0 0 0 0;
    }

     .calSubheaderCenter {
         text-align: center;
    }

     .calSubheaderRight {
         text-align: right;
         padding: 3 3 3 3;
    }

     .calSubheaderDOW {
         color: white;
         text-align: center;
         border-style: none;
         background-color:var(--centdkbl);
        
    }

     .calEmptyDOW {
         border-color: white;
         border-style: solid;
    }

     .calDOW {
         background-color: #dfdfdf;
         vertical-align: top;
         height: 135px;
         width: 135px;
         border-color: white;
         border-style: solid;
         padding 15px 15px 15px 15px;
    }

     .calFooter {
         color: white;
         background-color:var(--centdkbl);
         border-color:var(--centdkbl);
       
    }

     .calFooterLeft {
         color: white;
         text-align: left;
         background-color:var(--centdkbl);
         border-collapse: collapse;
         border-color:var(--centdkbl);
        
    }

     .calFooterCenter {
         color: white;
         text-align: center;
         background-color:var(--centdkbl);
         border-collapse: collapse;
         border-color:var(--centdkbl);
        
    }

     .calFooterRight {
         color: white;
         text-align: right;
         background-color:var(--centdkbl);       
         border-collapse: collapse;
         border-color:var(--centdkbl);        
    }

     .calDOWlisting {
         font-family: arial;
         font-size: 1rem;
         text-align: left;
    }

     .calTodayDOWlisting {
         font-family: arial;
         font-size: 1.125rem;
         text-align: left;
         color: black;
         background-color: var(--centgold);   
    }

     .colDOWContainer {
         padding: 3px 3px 3px 3px;
    }

     .truncate {
         width: 110px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
    }

     .truncate a {
         background-color: var(--centgold);
         color:var(--centdkbl);
        
    }

/* -------------------payment ------------------------------*/

     #paymentinner {
         padding: 5px 15px 15px 15px;
         background-color: var(--ltgray);
         border-radius: 5px;
    }
     #payment a img:hover {
         border: thin;
    }
     #paymentinner table {
         background-color: var(--ltgray);
         font-size: 0.750rem;
         width: 100%;
    }
     #payment #paymentinner table tr td.heading {
         font-size: 0.750rem;
         font-weight: bold;
    }
     #payment #paymentinner table tr td.tableheading {
         font-size: 0.750rem;
         font-weight: bold;
         color:var(--centdkbl);
        
         border-spacing: 0px;
         border-collapse: collapse;
    }
     #payment #paymentinner table tr td {
         vertical-align: top;
         font-size: 0.750rem;
         text-align: initial;
    }
     #payment #paymentinner table tr td select.dropdown {
         font-size: 0.750rem;
         padding-top: 5px;
         padding-bottom: 3px;
         padding-left: 5px;
         margin-right: 10px;
         padding-right: 5px;
    }
     #payment #paymentinner hr {
         color: var(--centgold);
         background-color: var(--centgold);
         height: 1px;
    }
     #payment {
         padding-top: 10px;
         padding-bottom: 20px;
         color: black;
         font-size: 0.813rem;
         font-weight: 500;
    }
     #payment a {
         padding-top: 10px;
         text-decoration: none;
         font-size: 0.813rem;
         font-weight: bold;
         color:var(--centdkbl);
        
    }
     #payment a:hover {
         color: var(--centgold);
        
    }
     #payment #paymentinner table tr td.money {
         text-align: right;
    }
     #payment #paymentinner table tr th.money {
         text-align: right;
    }
     #payment #paymentinner table tr.paymenttotalline {
         line-height: 30px;
    }
     .featuredCourse {
         border: 1px;
         box-shadow: 0px 0px 6px 0px var(--centgray);
         padding: 15px;
         vertical-align: top;
         min-width: 298px;
         border-radius: 2px;
         line-height: 150%;
    }
     .featuredCourse span {
         font-size: 85%;
    }
     .featuredCourse td {
         width: 33%;
         min-width: 298px;
    }
     .featuredCourse img {
         padding: 10px;
         width: 100px;
         height: 100px;
         float: left;
    }
     .featuredCourse ul {
         list-style-type: circle;
         list-style-position: inside;
         border: none;
    }
     .featuredCourse a {
         border: none;
         font-size: 85%;
    }
     .featuredCourseTitle {
         font-size:0.813rem;
         font-weight: bold;
    }
     .featuredCourseTitle a {
         font-size:0.813rem;
         font-weight: bold;
    }
     .featuredCourseTitle div {
         font-size:0.813rem;
         font-weight: bold;
    }
     .upcomingCourse ul {
         padding: 1px;
         margin-left: 3px;
         text-align: left;
    }
     .upcomingCourse li {
         list-style-type: circle;
         list-style-position: outside;
         border: none;
         margin-left: 10px;
    }
}
/* 6451 Unofficial Transcript start */
 .trcptPerson {
     margin-top: 15px;
     margin-bottom: 15px;
}
 .transLogo {
     padding-top: 25px;
     padding-bottom: 25px;
}
 .transAsOf {
     float: right;
}
 .transTable {
     margin: auto;
     width: 95%;
     margin-bottom: 40px;
}
 .transTable th {
     border-bottom: 2px solid black;
}
 .transInstruction {
     font-size: 13px;
}
 .transDisclaimer {
     font-size: 9px;
}
/* B6950 - add noPrint class */
 @media print {
     #header, #subHeader, #topBar, #footer, #popularContainer, #search, #breadcrumb, .transInstruction, .transFormat, .noPrint {
         display: none;
    }
     .transLogo {
         padding-top: 10px;
    }
}
/* 6451 Unofficial Transcript end */
 #skiptocontent a {
     padding:6px;
     position: absolute;
     top:-40px;
     left:0px;
     color:white;
     border-right:1px solid white;
     border-bottom:1px solid white;
     border-bottom-right-radius:8px;
     background:#BF1722;
     -webkit-transition: top 1s ease-out;
     transition: top 1s ease-out;
     z-index: 100;
}
 #skiptocontent a:focus {
     position:absolute;
     left:0px;
     top:0px;
     outline:0;
     -webkit-transition: top .1s ease-in;
     transition: top .1s ease-in;
}
 .getacrobat a {
}
 .getacrobat a:focus {
}
 .getacrobat img {
     float: right;
     display: block;
     width: auto;
     height: auto;
}
 .leftMenu ul li a i {
     border: solid var(--centdkbl);
 
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 2px;
}
 .leftMenu ul li a .right {
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
}
 .leftMenu ul li a .left {
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
}
 .leftMenu ul li a .up {
     transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
}
 .leftMenu ul li a .down {
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
}
 .leftMenu ul li a .hidden {
     border: hidden;
}
 .dropdown {
     font-size: 0.750rem;
     padding-top: 5px;
     padding-bottom: 3px;
     padding-left: 5px;
     margin-right: 10px;
     padding-right: 5px;
}

 fieldset legend {
     font-weight: bold;
    /* hide legend */
    /* color: #0000;
     */
    /* position: absolute;
     */
    /* top: -100px;
     */
}
 fieldset {
    /* border: none;
     */
    /* padding: 0;
     */
}

 .reqUDFRow {
}

 .cardContainer {
     display: flex;
     flex-wrap: wrap;
     box-sizing: border-box;
     margin-top:10px;
}
 a.card {
     width: 29%;
height: 10rem;
     box-shadow: inset 0px -50px 0px 0px #011b339c;
    /*SHARON DK GRAYBLUE SEMITRANS*/
     color: white;

     /* margin-left: 10px;
     margin-right: 10px;
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-radius: 0px;
     border: 1px solid #011b339c; */

    /*SHARON DK GRAYBLUE SEMITRANS*/
     font-family: "Arial Narrow";
     /* font-size: 1.5rem; */
     /* font-weight: 150; */
     text-align: center;
     box-sizing: border-box;
     /* line-height: 150%; */
     display: flex;
	 flex-direction: column;
     justify-content: flex-end;
     

}
 a.card:hover {
     border: 1px solid var(--centltbl);
    /*CENT ALT BLUE*/
     color: white;
     box-shadow: inset 0px -50px 0px 0px var(--centltbl);
	 margin: 0px;
    /*inset 0px -20px 48px -8px var(--centltbl);
    /*CENT ALT BLUE*
    /*/
}
 a.imageCard {
     /*  text-shadow: 0px 0px 5px black, 0px 0px 5px black; */
}
 a.card img {
     width: 100%;
     height: 100%;
     object-fit: scale-down;
}
 a.card:hover img, a.imageCard:hover {
    /*box-shadow: inset 0px 0px 0px 50px #FFFFFF66;
    */
}
 @media (max-width: 767px) and (min-width: 150px) {
     a.card {
         width: 45%;
         font-size: 1rem;
    }
}
 #ssoLogIn .ssowrapper {
     display: inline-block;
     width: 245px;
     margin: 0 10px 0 0;
     height: 20px;
     position: relative;
}
 #ssoLogIn .ssoParent {
     height: 100%;
     width: 100%;
     display: block;
     cursor: pointer;
     line-height: 30px;
     height: 30px;
     border-radius: 5px;
     background: #feb80b;
     border: 1px solid #AAA;
     border-bottom: 1px solid #777;
     color: #282D31;
     font-weight: bold;
     font-size: 16px;
     z-index: 2;
     position: relative;
     -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
     -webkit-transition-delay: .8s;
     text-align: center;
}
 #ssoLogIn .ssoParent:hover, #ssoLogIn .logInList:hover ~ .ssoParent {
     background: white;
     -webkit-transition-delay: 0s, 0s, 0s;
}
 #ssoLogIn .logInList:hover ~ .ssoParent {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     z-index: 0;
}
 #ssoLogIn .logInList {
     position: absolute;
     top: 0;
     display: block;
     z-index: 1;
     height: 0;
     width: 245px;
     padding-top: 30px;
     -webkit-transition: height .5s ease;
     -webkit-transition-delay: .4s;
     border: 1px solid #777;
     border-radius: 5px;
    /*box-shadow: 0 1px 2px rgba(0,0,0,.4);
    */
}
 #ssoLogIn .ssowrapper:active .logInList {
     height: 62px;
     z-index: 3;
     -webkit-transition-delay: 0s;
}
 #ssoLogIn .ssowrapper:focus-within .logInList {
     height: 62px;
     z-index: 3;
     -webkit-transition-delay: 0s;
}
 #ssoLogIn .logInList:hover {
     height: 62px;
     z-index: 3;
     -webkit-transition-delay: 0s;
}
 #ssoLogIn .logInList ul {
     background: white;
     margin: 0;
     padding: 0;
     overflow: hidden;
     height: 100%;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     box-sizing: border-box;
     width: 245px;
}
 #ssoLogIn .logInList ul a {
     text-decoration: none;
}
 #ssoLogIn .logInList li:hover {
     background: #feb80b;
     color: #333;
}
 #ssoLogIn .logInList li {
     list-style: none;
     text-align: left;
     font-size: 12px;
     line-height: 30px;
     height: 30px;
     padding-left: 10px;
     border-top: 1px solid #ccc;
}
 #ssoLogIn .logInList li:last-of-type {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
}
 #ssoLogIn .ssowrapper .logInList ul li a {
     background-color: transparent;
}
 
.tableheadingRight {
	text-align: right;
	font-family: arial;
}

.logform {
	color: #000000;
}

.headerLogo {
	width: auto;
}