* {
	margin: 0;
	padding: 0;
}
body {
	color: #333333;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
}
body #main-document-div {
	width: 100%;
}
body.frameless {
	background: #fff url('images/customize/bg-body-frameless.png') top left ;
	background-repeat:no-repeat;
}
body.frameless #main-document-div {
	width: 85%;
	max-width: 1500px;
	min-width: 930px;
	margin: 0 auto;
}
p, td {
	line-height: 1.4;
}
blockquote {
	display: block;
	margin: 3px 0 3px 15px;
}
/* links and type
-------------------------------------------------------- */
a, a:active, a:visited {
	text-decoration: none;
	color: #0055AB;
	font-size: 1em;
	outline: none;
	line-height: 1.2;
}
a:hover, .button-no-bg:hover, .sec-menu-container li a:hover {
	color: #fff;
	background: transparent url('images/customize/ir-01.png') center bottom no-repeat;
	

	
	
}
a.button:hover span {
	color: #ffffff;
}
a:hover big { /* manager menu link */
	color: #9E2319;
}
h2 {
	text-align: left;
	line-height: 2.5;
}
body.frameless h2 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0.3em 0;
}
/* BUTTONS
-------------------------------------------------------- */
input[type="text"], input[type="password"] {
	padding: 4px 5px;
}
input[type="submit"], input[type="reset"], input[type="button"], .button, .abutton, .buttonfixed, .topbuttonfixed, .newskinbutton, .topbutton, .leftbutton, .mainbutton, button {
	border: none;
border-radius: 0px;
padding: 3px 5px;
margin: 0 2px 0 0;
font-size: 1em;
font-weight: normal;
background: #EE1C24;
color: #fff;
}
input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled, .button:disabled, .abutton:disabled, .buttonfixed:disabled, .topbuttonfixed:disabled, .newskinbutton:disabled, .topbutton:disabled, .leftbutton:disabled, .mainbutton:disabled, button:disabled, input[type="submit"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="button"]:disabled:hover, .button:disabled:hover, .abutton:disabled:hover, .buttonfixed:disabled:hover, .topbuttonfixed:disabled:hover, .newskinbutton:disabled:hover, .topbutton:disabled:hover, .leftbutton:disabled:hover, .mainbutton:disabled:hover, button:disabled:hover {
	background: #aaa;
	color: #808080;
}
.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, .abutton:hover, .buttonfixed:hover, .topbuttonfixed:hover, .newskinbutton:hover, .topbutton:hover, .leftbutton:hover, .mainbutton:hover, button:hover {
	background-color: #E26166;
	color: #fff;
}
/*TABLE*/
table th, table td {
	padding: 3px;
}
table.sortable td {
	padding: 5px;
}
.widget-content table th, .widget-content table td {
	padding: 3px 0;
}
/* TABLE HEADERS
-------------------------------------------------------- */
th, .headers, .head1, .head2, .head3, .head5, .param_header, .viewHeader, div.side-widget .widget-header {
	background-color:#0B9A43;
	color: #eee;
	font-weight: normal;
	padding: 5px;
}
.viewHeader a {
	color: #eee;
}
td.comp-center-intro {
	background-color: #eee;
}
/*Form*/
select {
	padding: 3px;
}
/* layout
-------------------------------------------------------- */

/****************************/
/** TOP CONTAINER ***/
/****************************/
#navigation-container { /* header */
	z-index: 999;
	background: transparent url('images/customize/logo.png') top left no-repeat;
	position: relative;
	height: 133px;
}
.main-menu-container { /* main menu */
	z-index: 1000;
	position: absolute;
	top: 194px;
	left: 0px;
}
.sec-menu-container { /* sec menu */
	position: absolute;
	top: 10px;
	right: 0px;
	padding: 0;
	height: 26px;
}
#navigation-container #search-course-container { /* search box */
	position: absolute;
	top: 45px;
	right: 0;
	
}
#navigation-container .greeting { /* greetings */
	display: none;
}
/****************************/
/** SIDE CONTAINER ***/
/****************************/
#navigation-container-side {
	display: none;
}
/****************************/
/** CONTENT CONTAINER ***/
/****************************/
#document-body {
	background: white;
border-top: 5px solid #000;
padding: 10px 20px;
min-height: 500px;
margin: 20px 0px 0px 0px;
}
body.frameless #document-body {
/*	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 6px #888;
	-webkit-box-shadow: 0px 0px 6px #888;
	box-shadow: 0px 0px 6px #888;*/
	border-top:2px solid #8CC640;
	border-bottom: 0px solid #8CC640;
	margin-top: 93px;
}
#main-content {
}
/*
body.home #document-body {
	padding-top: 20px;
}
body.home #main-content h2 {
	display: none;
}*/
/****************************/
/** FOOTER CONTAINER ***/
/****************************/
#footer-links-container {
	text-align: center;
	padding: 10px 20px;
	color: #4379b0;	
	padding:20px;
	background: transparent;	
	margin: 15px 0 0 0;
	background: #fff url('images/customize/footer.png') top center;
	height: 50px;
	background-repeat:no-repeat;
}
#footer-links-container a {
	color: #0B9A43;
}
/*****************/
/** MAIN MENU ***/
/****************/
/*first level*/
div.main-menu-container ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.main-menu-container ul li {
	float: left;
	background: transparent;
}
div.main-menu-container ul li a { /* tab menu */
	display: block;
	padding: 0 12px;
	background: transparent url('images/customize/nav-divider.png') top right no-repeat;
	margin: 0;
	line-height: 30px;
	color: #1F1F1F;
	/*-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;*/
}
/* FIRST LEVEL NAVIGATION */
div.main-menu-container ul li a:hover, div.main-menu-container ul li.clicked a { /* tab menu hover */
	background: #8CC640;
	color: #eee;
	-webkit-box-shadow: 0px 4px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 3px 2px rgba(0, 0, 0, 0.2);
}
div.main-menu-container ul li.current a { /* tab menu current */
	color: #005AAA; /* change me */
	background: #fff;
	border-top:2px solid #E10127;
}
/* SECOND LEVEL NAVIGATION */
div.main-menu-container ul.submenu {
	display: none;
	width: auto; /* Width to help Opera out */
	background: #8CC640;
	position: absolute;
	margin: 0px;
	padding: 10px;
	z-index: 999;
	/* radius and shadow */
	/*-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;*/
	-webkit-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
}
div.main-menu-container ul.submenu li {
	float: none;
	white-space: no-wrap;
	min-width: 200px;
}
div.main-menu-container ul.submenu li a { /* NORMAL */
	padding: 8px 10px;
	color: #fff;
	font-size: 0.923em;
	margin-bottom: 1px;
	border: none;
	background: transparent;
	border-radius: 0px;
	
	line-height: inherit;
 *line-height:1;
}
div.main-menu-container ul.submenu li a:hover { /* MOUSEOVER */
	background: #fff;
	color: #006699;
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
}
/*****************/
/** SEC  MENU ***/
/****************/
.sec-menu-container ul, .sec-menu-container li {
	padding: 3px 0 0 0;
	margin-top:-2px;
	display: block;
	float: left;
	height: 15px;
}
.sec-menu-container li a {
	font-size: 0.923em;	
	padding: 18px;
	
	color: #fff;
	background: transparent url('images/customize/ir.png') center left no-repeat;
}
.sec-menu-container li:last-child a {
	border: 0px;
}
.sec-menu-container .submenu {
	display: none;
	width: 100px;
}
.sec-menu-container .submenu ul, .sec-menu-container .submenu li {
	float: left;
	display: block;
}
#third-links-container ul {
	position: absolute;
	top: 13px;
	left: 400px;
}
#third-links-container ul li {
	float: left;
	display: block;
}
#third-links-container ul li a {
	font-size: 0.923em;
	border-right: 1px solid #ccc;
	padding: 0 10px;
}
/*****************/
/** SEARCH BOX ***/
/****************/
#navigation-container #search-course-container span {
	display: none;
}
#navigation-container #search-course-container {
	border: 1px solid #d1d1d1;
	background: #fff;
	box-shadow: inset 0 0 5px #ccc;
	margin-top:20px;
	-moz-box-shadow: inset 0 0 5px #ccc;
	/*-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;*/
}
#navigation-container #search-course-container td {
	padding: 0px;
}
#navigation-container #search-course-container .search-text {
	border: 0px;
	background: none;
	width: 150px;
	padding-left: 10px;
	height: 18px;
}
#navigation-container #search-course-container .search-text:focus {
	border-color: none;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#navigation-container #search-course-container input[type="submit"] {
	background: transparent url('images/customize/icn-search.png') no-repeat center;
	width: 35px;
	height: 25px;
	border: none;
	text-indent: -1000em;
 *width:55px;
 *background-position:90% 60%;
 *color:#fff;
 *text-indent:0;/*For IE7*/
	cursor: pointer;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#navigation-container #search-course-container input[type="submit"]:hover {
}
/*****************/
/** OTHER PAGES HEADERS ***/
/****************/
.top-banner {
	background: transparent url("images/customize/logo.png") no-repeat 0 15%;
	height: 150px;
}
#self-registration .top-banner {
	background: transparent url("images/customize/selfregistration.png") no-repeat 0 15%;
	
}
.top-ecommerce-banner {
	background: transparent url("images/customize/ecommerceheaderbg.png") no-repeat 0 15%;
}
#body-container {
	padding-bottom: 20px;
}
ul.hidden {
	display: none;
}
/* form elements
-------------------------------------------------------- */


/* misc
-------------------------------------------------------- */
/* KNOWLEDGE CENTER
-------------------------------------------------------- */
td.lstable1, td.lstable2, td.lstable3 {
	background-color: #ddd;
	color: #333;
	font-weight: normal;
	padding: 4px;
}

/* ALTERNATING ROWS
-------------------------------------------------------- */
.row1, .col1, .lsshadow1 {
	background-color: #e0e0e0;
}
.row2, .col2, .lsshadow2 {
	background-color: #fbfbfb;
}
.divider { /* line divider */
	background-color: #ddd;
	padding: 0 0 1px 0;
}
.line {
	background-color: #3d2f6c;
}
/* CALENDAR
-------------------------------------------------------- */
table.calcolor1 {
	width: 100%
}
.calclass {
	background-color: #E6E1D2;
	color: #000000;
}
.calonline {
	background-color: #c7c7c7;
	color: #000000;
}
.calcolor1 {
	background-color: #e8e8e8;
}
.calcolor2 {
	background-color: #ccc;
}
.caltoday {
	background-color: #ececc7;
}
.calheader {
	background-color: #666;
	color: #fff;
}
.personalevent {
	background-color: #D1E4F3;
}
.enrolledcourse {
	background-color: #DFEFCB;
}
.teachingsched {
	background-color: #D9D9FF;
}
/* CATALOG VIEWER
-------------------------------------------------------- */
#tcatviewer {
	padding: 20px;
}
#tcatviewer:first-child td {
	font-weight: bold;
	background-color: #eee;
}
#tcatviewer td.content {
	font-weight: normal;
	background-color: #fff;
}
/* SEARCH CATALOG
-------------------------------------------------------- */
#tcourses .PICTURECELL {
	background-color: #eee;
}
table#tcourses {
	border-collapse: collapse;
}
table#tcourses td {
	padding: 4px;
}
hr {
	border: 1px solid #eee;
	margin: 20px 0;
}
/* HACKS
-------------------------------------------------------- */
td.NEWS, .NEWS { /* fix the news width */
	width: 100%;
}
/* VERTICAL TABS */
.vertical-tabs li {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	display: block;
	margin:0;
	border-bottom:1px solid #BCBCBC;
	padding: 5px;
}
.vertical-tabs li:last-child{
	border-bottom:none;
}
/* VERTICAL NORMAL TABS */
.vertical-tabs li, .vertical-tabs a, .vertical-tabs a span { /* CHANGE ME */
	color: #333;
	background: none;
	font-size: 1em;
	display: block;
	padding: 3px;
}
.vertical-tabs li:hover, .vertical-tabs li:hover a, .vertical-tabs li:hover a span {
	color: #333;
	background:none;
}
.vertical-tabs li { /* CHANGE ME */
	background: #ddd;

}
.vertical-tabs li:hover {
	background: #ccc;
}
/* VERTICAL SELECTED TABS */
.vertical-tabs li.selected, .vertical-tabs a.selected, .vertical-tabs a.selected span, .vertical-tabs li.selected a:hover span{ /* CHANGE ME */
	color: #fff;
	background: none;
	
}
.vertical-tabs li.selected { /* CHANGE ME */
	background: #13284D;
}
/* WARNING INFO */
.warning {
	color: #BE4741;
}
ul.warning {
	background-color: #FAE2E2;
	border: 1px solid #EEB7BA;
	text-shadow: 0 1px 1px #FFFFFF;
	margin: 10px 0px 5px 0;
	padding: 10px;
}
.success {
	color: #264409;
}
/* SUCCESS INFO */
ul.success {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	text-shadow: 0 1px 1px #FFFFFF;
	margin: 10px 0px 5px 0px;
	padding: 10px;
}
img.module-image {
	width: 160px;
}
/* PERMISSION TABS */
.tablink {
	background: #353535;
	color: #000;
	vertical-align: middle;
}
.tablinkx, td .tablinkx {
	background: #069;
	vertical-align: middle;
}
.tablinkx a, .tablinkx a:hover, a.newtablinkx {
	background: #069;
	color: #FFF;
}
table.tablink, td.tablink { /* DO NOT CHANGE ME */
	background-color: #ddd;
	color: inherit;
}
.maintable {
	background: #eee;
}
/* TABS
-------------------------------------------------------- */
.tabs ul {
	border-bottom: 4px #fff solid;
	margin-top: 5px;
	height: 31px;
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tabs ul {
	height: 30px;
}
}
/*firefox*/
@-moz-document url-prefix() {
.tabs ul {
 height:30x;
}
body.frameless .tabs ul {
 height:31px;
}
}
.tabs ul li {
	float: left;
	border-bottom: 4px #fff solid;
}
.tabs a { /* CHANGE ME */
	font-size: 1em;
	background: #8CC640;
	color: #ffffff;
	/*-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;*/
	padding: 0;
}
.tabs a {
	margin: 0 3px 0 0;
}
.tabs a.selected { /* CHANGE ME */
	color: #000;
	background: #fff;
	border-top:1px solid #E20026;
	
}
.tab-bottom {
	display: none;
}
#home-widgets div.side-widget { /* individual widge box */
	border: 0px;
	background: #e3e3e3;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
div.side-widget .widget-header { /* widget headers */
	padding: 0px;
	margin: 0px;
	background-color:#799c94;
	/*background: transparent url('images/customize/tf_bg.png');*/
	background-position: 0px 0px;
	border-bottom: 1px solid #f0efef;
}
#column_1 div.side-widget .widget-header { /* widget headers */
/*background-color:#4d4d4d;
	background-position:0px -25px;*/
}
div.widget-content table {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
div.side-widget .widget-header span {
	padding-left: 15px;
	color: #eee;
	font: normal 13px/33px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.widget-header {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
}
/*div.side-widget.html-widget .widget-header {
	display: none;
}*/
div.side-widget.html-widget {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*trans-news-assignments*/
td.home-display-background, .home-display-background {
	border: 0px solid red;
	padding: 0px 10px;
	background-color: #fff;
}
.home-display-teaser {
	border: 0px solid yellow;
	background: #eee;
}
td.home-display-teaser {
	border: 0px solid green;
	padding: 4px;
	background: #eee;
}
#assignimage, #newsimage {
	border: 0px solid red;
	width: 180px;
	height: 180px;
}
td.home-rollover {
	padding: 4px;
}
.home-rollover a:hover {
	background: none;
	color: inherit;
	text-decoration: underline;
}
td.home-rollover, td.home-rollover a {
	background-color: #999;
	color: white;
}
/*==============================================
 * Manage Menu
 ===============================================*/
.menu-description {
	padding: 3px 20px 12px 0;
	width: 450px;
}
/*==============================================
 * Date container img icon position
 ===============================================*/
.date-button-container a img {
	padding: 2px 0;
}
/*==============================================
 * New Homepage Widget
 ===============================================*/
div.side-widget { /* individual widge box */
	border: 0px;
	background: #fff;
	border-bottom:3px solid #fd9816;
	margin-bottom: 15px;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}
div.side-widget .widget-header { /* widget headers */
	padding: 0px;
	margin: 0px;
	background-color: #526173;
	/*background: transparent url(images/customize/bg-widget-headers.png) top left repeat-x;*/
	background-position: 0px 0px;
	border-bottom: 1px solid #f0efef;
}
#column_1 div.side-widget .widget-header { /* widget headers */
/*background-color:#4d4d4d;
	background-position:0px -25px;*/
}
div.widget-content table {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
div.side-widget .widget-header span {
	padding-left: 15px;
	color: #ffffff;
	font: normal 13px/30px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #ddd;
}
.widget-header {
	-webkit-border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	-moz-border-radius-topleft: inherit;
	-moz-border-radius-topright: inherit;
}
/*div.side-widget.html-widget .widget-header {
	display: none;
}*/
div.side-widget.html-widget {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* individual boxes */
div.side-widget.recent-enrollment .widget-header {
	background-position: 0px 0px;
}
div.side-widget.news-poll .widget-header {
	background-position: 0px 0px;
}
div.side-widget.available-link .widget-header {
	background: #005AAA;
}
div#column_0 div.side-widget .widget-header.row_0 {
	/*background-position: 0px -30px;*/
	background-color:#8CC640;
	
}
div#column_0 div.side-widget .widget-header.row_1 {
	/*background-position: 0px -60px;*/
	background-color:#8CC640;
	
}
div#column_0 div.side-widget .widget-header.row_2 {
	background-color:#8CC640;
	
}
div#column_1 div.side-widget .widget-header.row_0 {
	background-color:#8CC640;
	
}
div#column_1 div.side-widget .widget-header.row_1 {
	background-color:#8CC640;
	
}
div#column_1 div.side-widget .widget-header.row_2 {
	background-color:#8CC640;
	
}
div#column_2 div.side-widget .widget-header.row_0 {
	background-color:#8CC640;
	
}
div#column_2 div.side-widget .widget-header.row_1 {
	background-color:#8CC640;
	
}
div#column_2 div.side-widget .widget-header.row_2 {
	background-color:#8CC640;
	
}
#home-widgets .widget-content {
overflow-x: auto;
width: 100%;
background-color:#FAFAFA;
/*border-left: #E10127 solid 4px !important;*/
}