@charset "utf-8";
/* CSS Basic Document */
body
{
margin:0px;
padding:0px;
background:url(https://cdn.4uc.org/08/body-top-bg.jpg) left top repeat-x #edeff0;
}
.header
{
width:1055px;
height:auto;
float:left;
text-align:left;
}
*
{
margin:0px;
padding:0px;
}
p
{
margin:7px 0px;
}
img
{
border:0px;
}
.right
{
float:right;
}
.left
{
float:left;
}
.logo-margin
{
margin-left:72px;
}
.menu-padding
{
padding:1px 0px 0px 0px;
height:46px;
}
.body-inside
{
padding:8px 0px 0px 7px;
}
.padding-top
{
padding-top:8px;
}
.padding-right
{
padding-right:8px;
}
.padding10px
{
padding:10px;
}
.padding-left
{
padding-left:10px;
}
.padding20px
{
padding:20px;
}
.padding10px
{
padding:10px;
}

/* CSS Menu */
#navcontainer {
        margin:0px;
        padding: 0px;
        height: 31px;
		padding-left:20px;
}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
		height:31px;
}

#navcontainer ul li a {
        width: 110px;
        height: 31px;
        padding: 0px;
        margin-right:8px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 14px/30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover {
        color: #FFF;
        background:#89bdd0;
		height:31px;
}

#navcontainer li.active a {
        color: #FFF;
        background:#89bdd0;
		height:31px;
}
-->
/* CSS Menu */
#nav {
        margin:0px;
        padding: 0px;
        height: 31px;
		padding-left:20px;
}

#nav ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#nav ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
		height:31px;
}

#nav ul li a {
        height: 31px;
        padding-left: 15px;
        padding-right: 15px;
		padding-top: 0px;
		padding-bottom: 0px;
		
        margin-right:4px;
        color: #4d5f66;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 12px/30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#nav ul li a:hover {
        color: #488ca5;
        background-color:#ffffff;
		height:31px;
		text-decoration:none;
}

#nav li.active a {
        color: #488ca5;
		height:31px;
		text-decoration:none;
}
-->
/* CSS Header Document End*/

/* sub-navigation */


.courselist {
    font: bold 12px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.courselist td {
	font-size:15px;
}
.courselist tr:hover {background-color:#ffffff; }

.subnav{
	background-color:#e7e6de;
	color:#333333;
	font: bold 12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding:10px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
	}
.subnav li a {
	display: block;
	padding: 4px 0 4px 4px;
	width: 156px;
	text-decoration: none;
	color: #333333;
	background:#e7e6de;
	margin-bottom:4px;
}
.subnav li a:hover {
	background: #f7f7f7;
	color:#488ca5;
	text-decoration:none;
}
.subnav li a.active {
	background: #f7f7f7;
	color:#488ca5;
	text-decoration:none;
}
.subsubjcts li a {
	background-color:#000000;

}
.subsubjcts{
	background-color:#ffffff;
	color:#333333;
	font: 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding:10px;
}
.subsubjcts ul {margin: 0; padding: 0;}
.subsubjcts li {
	list-style: none;
	padding-left:7px;

	}
.subsubjcts li a {
	display: block;
	padding: 2px 1px 3px 3px;
	width: 140px;
	text-decoration: none;
	color: #333333;
	background:#ffffff;
	margin-bottom:4px;
	padding-left:12px;
}
.subsubjcts li a:hover {
	color:#488ca5;
	text-decoration:none;
	background: url(https://cdn.4uc.org/08/goldarrow.jpg) left no-repeat;
	background-color: #f7f7f7;
}
.subsubjcts li a.active {
	background: #ffffff;
	color:#488ca5;
	text-decoration:none;
}

/* sub-navigation */
.middle-box
{
font-size: 11px;
border:5px solid #f1f2f2;
padding:1px;
background-color:#FFF;
margin-top:8px;
}
.middle-box td {
font-size: 11px;
}

.image-th
{
border:3px solid #e0e2e2;
float:left;
margin-right:15px;
}
.image-th:hover
{
border:3px solid #3287a6;
float:left;
margin-right:15px;
}
.welcome-box
{
border:5px solid #f1f2f2;
background-color:#4d5f66;
}
.footer
{
width:1055px;
height:auto;
float:left;
text-align:center;
background:url(https://cdn.4uc.org/08/footer-bg.gif) left top repeat-x #FFF;
color:#4d5f66;
}

/* CSS Background image Document */
.body-main
{
background: url(https://cdn.4uc.org/08/bar-top-bg.gif) left top repeat-x #FFF;
padding:0px 46px 42px 50px;
float:left;
width:959px;
}
.title-box
{
background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;
height:38px;
padding-left:16px;
}
.dotted-line
{
background:url(https://cdn.4uc.org/08/dotted-line.gif) left top repeat-x;
height:20px;
}
.quote-bg
{
background:url(https://cdn.4uc.org/08/quote-bg.gif) left top no-repeat;
padding:90px 2px 10px 10px;
text-align:left;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:16px;
color:#FFF;
}
.hmpgspcl
{
padding:5px;
text-align:left;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:16px;
color:#FFF;
}
/* CSS Text Document */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
body a
{
color:#cb5b29;
text-decoration:none;
}
body a:hover
{
color:#488ca5;
text-decoration: underline;
}

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4d5f66;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4d5f66;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
h3 a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #eb833c;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h3 a:hover
{
color:#488ca5;
text-decoration:none;
}

h4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #488ca5;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h4 a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #488ca5;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h4 a:hover
{
color:#cb5b29;
text-decoration:none;
}

.input
{
vertical-align: top;
margin:0px;
border:1px solid #4d5f66;
background-color:#FFF;
width:140px;
height:24px;
padding-left:6px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 24px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}
.footer a
{
color:#4d5f66;
text-decoration:none;
}
.footer a:hover
{
color:#488ca5;
text-decoration:underline;
}
.button-link-text
{
color:#4d5f66;
text-decoration:none;
}
.button-link-text:hover
{
color:#0e749a;
text-decoration: underline;
}

/* CSS Document For Cource Catalog Page */
.ccbanner
{
height:128px;
border:5px solid #f1f2f2;
}
.more-info-bt
{
margin-left:20px;
margin-top:80px;
}

.searchbtn {background: #488ca5;border: 2px solid silver;color: #FFFFFF;width:150px; height: 27px;text-decoration:none;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 9pt;cursor: pointer;}
.button {background: #488ca5;border: 3px solid silver;color: #FFFFFF;text-decoration:none;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 16px;cursor: pointer;padding:5px;}
.Sortbutton {background: #488ca5;border: 2px solid silver;color: #FFFFFF;width:150px; height: 27px;text-decoration:none;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 9pt;cursor: pointer;}
.TDred { Color:#000000;BORDER: RED 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #e7e6de;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 10pt;PADDING: 4px; }
.reddata{Color:red;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:normal;Font-size:10pt;}
.smallred{Color:red;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:normal;Font-size:9pt;}
.redbold{Color:red;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:bold;Font-size:10pt;}
.redbolddata{Color:RED;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:bold;Font-size:12pt;}
.greendata{Color:green;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:normal;Font-size:10pt;}
.smallgreen{Color:green;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:normal;Font-size:9pt;}
.greenbold{Color:green;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:bold;Font-size:10pt;}
.greenbolddata{Color:RED;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:bold;Font-size:12pt;}


.searchbxbg
{
background:url(https://cdn.4uc.org/08/searchbxbg.gif) left top no-repeat;
height:41px;
width:582px;
padding-left:10px;
}

.hdrbg
{
background:url(https://cdn.4uc.org/08/hdrbg.gif) left top ;
height:39px;
width:582px;
padding-left:10px;
}

.title-blog-bg
{
background:url(https://cdn.4uc.org/08/title-blog-bg.gif) left top no-repeat;
height:82px;
width:582px;
padding-left:10px;
}
.teal-title {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #488ca5;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
.featured-cource-box-bg
{
background:url(https://cdn.4uc.org/08/featured-cource-box-bg.jpg) top left no-repeat;
height:144px;
padding-left:9px;
padding-top:9px;
}

/* CSS Document For A-Z Page */
.search-box-bg
{
background:url(https://cdn.4uc.org/08/search-box-bg.gif) left top no-repeat;
height:37px;
padding-left:10px;
}
.gray-box-01
{
background:#f2f2f2;
padding:10px;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
font-size:9px;
}
.gray-box-02
{
background:#fdfcfc;
padding:10px;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}
.gray-box-03
{
background:#f2f2f2;
padding:10px;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}
.solid-v-line
{
background:url(https://cdn.4uc.org/08/solid-v-line.gif) center top repeat-y;
}
.gradent-bg
{
background:url(https://cdn.4uc.org/08/gradent-bg.gif) left top repeat-x #e7e6de;
padding:10px;
}
.light-gradent
{
background:url(https://cdn.4uc.org/08/light-gradent.gif) left bottom repeat-x;
padding-left:10px;
}
.award-data-table td
{
border-bottom:1px dashed #bdbdbd;
height:40px;
padding-left:20px;
background:url(https://cdn.4uc.org/08/orange-arrow.gif) left 16px no-repeat;
font-weight:bold;
line-height:40px;
font-size:13px;
}
.margin-right
{
margin-right:6px;
}

.smallbold{Color:#000000;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:bold;Font-size:8pt;}
.tdfaded { word-spacing: 0; color: gray; Font-family:sans-serif,Helvetica, geneva, Arial, Verdana; Font-size:10pt;}
.bolddata{Color:#000000;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-weight:bold;Font-size:10pt;}


/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("https://cdn.4uc.org/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #488ca5;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}


.orangebutton{margin:5px;background:#ca3f01;padding:5px;border-bottom: 3px solid #000000;border-right: 3px solid #000000;border-left: 3px solid 	#FFFFFF;border-top: 3px solid #FFFFFF;color: #FFFFFF;width: 215px; height: 40px;text-decoration:none;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 14pt;Font-weight:bold;cursor: pointer;}


.lessontable td
{
font-size:12px;
color:#000000;
padding:5px;
text-align:justify;
}

.lessontable h3
{
font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#488ca5;
}

.lsntdnrml
{
background:#fdfcfc;
padding:5px;
}

.lsntdhlt
{
padding: 5px;
background:#f2f2f2;
}


.certinfo ol {margin-left: 5px; padding: 5px;}

.certinfo li {
	font: bold 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#488ca5;
	margin-left:25px;
	padding:2px;
}

.outcomeinfo {
	font: 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:4px;
}

.outcomeinfo ul {margin-left: 10px; margin-right:5px;padding: 10px;}

.outcomeinfo li {
	font: 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left:25px;
	padding:3px;
}

h6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #eb833c;
	text-decoration: none;
	margin:0px;
	padding:0px;
}


.addnlinfo h4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #488ca5;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

.addnlinfo h4 a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #cb5b29;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

.addnlinfo h4 a:hover
{
color:#488ca5;
text-decoration:none;
}

.rltdclss {
	font-size:14px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;

	text-align:justify;
}
.rltdclss h1
{
	background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;
	height:38px;
	padding-left:16px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4d5f66;
	text-decoration: none;
	margin:0px;
	padding:0px;

}

.rltdclss h2
{
	background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;
	height:38px;
	padding-left:16px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4d5f66;
	text-decoration: none;
	margin:0px;
	padding:0px;

}

.rltdclss h3
{
	background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;
	height:38px;
	padding-left:16px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4d5f66;
	text-decoration: none;
	margin:0px;
	padding:0px;

}
.rltdclss ul {list-style-type:normal;margin-left:30px;padding-right:5px;padding-top:5px;}
.rltdclss ul li:hover {background-color:#eeeeee;}





.normalbody {
	font-size:12pt;
}
.normalbody ul {list-style-type:normal;margin-left:30px;}

.syllabus {
	border:5px solid #f1f2f2;
	padding:1px;
	background-color:#FFF;
	margin-top:8px;
	font-size:14px;
}
.syllabus h3
{
	background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;
	height:38px;
	padding-left:5px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4d5f66;
	text-decoration: none;
	margin:0px;
	padding-top: 5px;
	padding-bottom: 5px;

}
.syllabus ul {list-style-type:normal;margin-left:30px;padding-right:5px;padding-top:5px;}
.syllabus ul li:hover {background-color:#eeeeee;}
.syllabus td {padding:3px;}

#qmreg { font-weight:normal;}

#qmreg a:active {background-color:#ffffff;}

.bar { width:100px;background-color:#e7e6de;border-top:1px solid #000;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #000;font-size:1px; }
.tar { text-align:right;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:11px;color:#2E3727; }
.tscore { background-color:#000000;text-align:right;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:11px;color:#ffffff;padding-left:3px;padding-right:3px; }
.rate1 { width:10%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate2 { width:20%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate3 { width:30%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate4 { width:40%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate5 { width:50%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate6 { width:60%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate7 { width:70%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate8 { width:80%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate9 { width:90%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.rate10 { width:100%;background:url(https://cdn.4uc.org/ratebar.gif) repeat-x;height:12px; }
.bignumber { font-family:Impact,Tahoma,Arial,Helvetica,sans-serif;font-size:45px; }
.rquote { border:double 3px #cccccc;text-align:left;width:80%;padding:10px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;font-style:italic; }

.mainbox
{
font-size: 11px;
border:5px solid #f1f2f2;
padding:1px;
background-color:#FFF;
margin-top:8px;
}
.mainbox td {
font-size: 11px;
}

.mainbox h1
{
	background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;
	height:38px;
	padding-left:16px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4d5f66;
	text-decoration: none;
	margin:0px;
	padding:0px;

}

.mainbox h3 {
	color:#4d5f66;
}
.mainbox a {
	color:#3287a6;
}
.mainbox a:hover {
	color:#cb5b29;
}

.mainbox li {
	margin-left:30px;
}
.mainbox ol {
	padding:7px;
}

.coltable td {
padding:3px;
border-bottom: 1px dotted #cccccc;
}

.subjcthome {
	padding:10px;
}

.subjcthome a {
	color:#cb5b29;
}

.subjcthome h3 {
	padding:3px;
	margin:3px;
	background-color:#f3f2ee;
}

.subjcthome h3 a {
	color:#3287a6;
}

.subsjctdata {
	padding:5px;
}
.subsjctdata a:hover {
	background-color:#f3f2ee;
	color:#000000;
}

.catalogtable {
	font-size:14px;
}

.catalogtable tr {
	background-color:#ffffff;
}

.catalogtable td {
	padding:4px;
	font-weight:bold;
	border-bottom:1px dotted #cccccc;
}
.catalogtable tr:hover {
	background-color:#e7e6de;
}

.pagecount {
	text-align:center;
	font-size:15px;	
}

.pagecount a {
	border:1px solid #ffffff;
	padding:4px;
}

.pagecount a:hover {
	border:1px solid #000000;
	padding:4px;

}
.pagehlght a {
	border:1px solid #000000;
	padding:4px;
	color:#000000;
	font-weight:bold;
}

.statustable { BORDER: #488ca5 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #ffffff;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size:10pt;PADDING: 4px; }
.statusTDhead {	BORDER: #488ca5 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: LIGHTBLUE;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size:10pt;Font-weight:bold;PADDING: 4px;	}
.statusTDheadHL { BORDER: #488ca5 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #e7e6de;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size:10pt;Font-weight:bold;PADDING: 4px; }
.statusTD {	Color:#000000;BORDER: #488ca5 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #ffffff;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 10pt;PADDING: 4px; }
.statusTDHL { Color:#000000;BORDER: #488ca5 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #e7e6de;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 10pt;PADDING: 4px; }
.statusTD {	Color:#000000;BORDER: #488ca5 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #ffffff;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 10pt;PADDING: 4px; }
.statusTDHLBR { Color:#000000;BORDER: #000000 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #EEEEEE;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size: 10pt;PADDING: 4px; }


.logintable { BORDER: #488ca5 3px solid;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;Font-size:14px; }
.logintable td { padding:5px; }

.hiddendiv {z-index:-2;border:0px;margin:0px;padding:0px;visibility:hidden;position:absolute;width:1px;height:1px;left:1px;}
.crnbox {background-color:#e7e6de;padding:0px;border:1px solid #000000;font-weight:bold;font-size:12px;padding:3px;}

.studbox {font-size:11px; }
.studbox a {line-height: 1.4;font-size:16px;color:#cb5b29;font-weight:bold; }
.studbox a:hover {background-color:#ffffff;}

.crnstudinfo { font-weight:normal; }
.crnstudinfo a {line-height: 1.4;font-size:11px;color:#cb5b29;font-weight:bold; }

.crninstinfo { font-weight:normal; }
.crninstinfo a {line-height: 1.4;font-size:11px;color:#cb5b29;font-weight:bold; }

.awardstable {font-size:16px;padding:10px;}

.awardstable td {font-size:14px;padding:2px;}

.awardstable tr:hover {background-color:#e7e6de;}


.basictable {font-size:14px;}

.basictable td {font-size:14px;padding:3px;}

.mycTD {padding:3px;font-weight:bold;background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;font-size:18px;}

.greyTABLE { BORDER: #EEEEEE 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #ffffff;Font-family:sans-serif,Helvetica,arial,geneva,verdana;Font-size:10pt;PADDING: 4px; }
.greyBOX {	Color:#000000;BORDER: #EEEEEE 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #ffffff;Font-family:sans-serif,Helvetica,arial,geneva,verdana;Font-size: 10pt;PADDING: 4px; }
.greyBOXHL {	Color:#000000;BORDER: #EEEEEE 1px solid;BORDER-COLLAPSE: collapse;BACKGROUND-COLOR: #ecf3f6;Font-family:sans-serif,Helvetica,arial,geneva,verdana;Font-size: 10pt;PADDING: 4px; }

.moneyearned { font-size:16px; }
.moneyearned h3 {padding:3px;font-weight:bold;background:url(https://cdn.4uc.org/08/title-bg.jpg) left top repeat-x;font-size:18px; }
.moneyearned td {font-size:15px;}
.faqhdr { font-size:15px;line-height: 1.4; }
.faqhdr ol {margin-left:35px;}
.faqhdr li {padding-bottom:3px;}
.faqhdr li:hover {background-color:#cbdfe6;}

.faqdata {font-size:16px;line-height: 1.4;}
.faqdata ol {margin-left:25px;}
.faqdata li {padding-bottom:20px;}
.faqdata p {padding-bottom:5px;}

.orangebullet ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 20px;
	margin-top:5px;
}
.orangebullet li { padding-left:15px;padding-bottom:2px;background:url(https://cdn.4uc.org/08/orange-arrow.gif) left center no-repeat; }
.orangebullet li:hover { background-color:#e7e6de; }
.azindex {padding:3px;font-size:14px;font-weight:bold;background-color:#e7e6de;}
.azindex a {margin-top:1px;padding:2px;border:1px solid #e7e6de;}
.azindex a:hover {border:1px solid #000000;}
.azbullet {line-height: 1.7;font-size:15px;font-weight:bold;margin:10px;}
.azbullet a {color:#cb5b29;}
.azbullet a:hover {color:#3287a6;}
.pagelist { font-size:15px;color:gray;word-spacing:0.3em;padding:2px; }
.pagelist a { border:1px solid transparent;padding:3px; }
.pagelist a:hover { border:1px solid #000000;background-color:#ffffff; }
.currpg { color:#000000; }
.addtnlinfo td { border-bottom:1px solid #FFF;height:24px;padding-left:6px;font-size:14px;font-weight:bold;line-height:24px;color:#488ca5;}
.deptsmry { font-size:14px;padding:10px; }
.deptsmry ol {margin-left:40px;margin-bottom:10px;}
.deptsmry li {padding:4px;}
.deptsmry ul {margin-left:40px;}
.cdesc { font-size:14px; }
.cdesc ul { margin-left:40px; }
.cdesc ol { margin-left:40px; }
.cdesc li { padding:3px; }
.cdesc img { border:5px solid #89bdd0;margin:7px;}
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 15px Arial;
background-color: #488ca5;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}