/**************************************
 * THEME NAME: ussaonline
 *
 * Files included in this sheet:
 *
 *   ussaonline/ussaonline_css.css
 **************************************/

/***** ussaonline/ussaonline_css.css start *****/

/**
 * Moodle - Course Management System
 *
 * This stylesheet controls the overall look and feel of the Moodle CMS
 *
 * @version     $Id: ussaonline_css.css 0245 05/22/2008 08:26:00 jwalker $
 * @package		Moodle 1.8.2+
 * @author		Joshua Walker (jwalker@ussa.edu) - Director of Web Development
 * @copyright	Copyright (c) 2007, United States Sports Academy
 * @link		http://www.ussa.edu
 * @since		Version 1.8.2+
 * @filesource
 */

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * table of contents
 * 1. general site styles
 *    a. forms
 * 2. header styles
 *    a. navbar
 *    b. tabs
 * 3. content styles
 *    a. modules
 *    b. blocks
 *    c. frontpage
 *    d. newsletter
 *    e. loginbox
 *    f. gradebook
 * 4. footer styles
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
 
/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 1. general site styles
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
body {
 	font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; font-style: normal;
	line-height: 18px; letter-spacing: normal;
	color: #333333;
	background: #EFEFEF url('pix/common/page_bg.png') top left repeat-x;
 	margin: 0px; padding: 0px;
}
	body#help, 
	body#message-history, 
	body#message-popup-frames, 
	body#message-user, 
	body#message-messages, 
	body#message-send, 
	body#enrol-paypal-return {
		background: #FFFFFF;
	}
	body#message-index {
		background: #EFEFEF url('pix/common/popup_bg.png') top left repeat-x;
	}
	body.course-resource {
		background: #EFEFEF url('pix/common/page_bg.png') 0px -175px repeat-x;
	}
		body.course-resource #page {
			margin: 0px 20px; padding: 5px;
			background: #FFFFFF;
		}
		body.course-resource .float-left {
			float: left;
			margin: 5px 8px 5px 0px; padding: 0px;
			width: 370px;
			text-align: left;
		}
		body.course-resource .float-right {
			float: right;
			margin: 5px 0px 5px 8px; padding: 0px;
			width: 370px;
			text-align: left;
		}
		body.course-resource img {
			margin: 0px 0px 5px 0px; padding: 2px;
			width: 350px; height: auto;
			border: 8px solid #CCCCCC;
			background: #FFFFFF;
		}
		body.course-resource p {
			text-align: justify;
		}
			body.course-resource p.caption {
				font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; font-style: italic;
				margin: 0px; padding: 0px;
				text-align: left;
				color: #999999;
			}
		body.course-resource p.version {
			font-size: 11px; font-weight: normal; font-style: italic;
			text-align: right;
			color: #999999;
		}
		body.course-resource .clear-both {
			clear: both;
		}
img {
	border: none;
	margin: 0px; padding: 2px;
	vertical-align: middle;
}
a:link, 
a:visited {
	color: #0061EF;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
h2 {}
	h2.main {
		font-size: 20px; font-weight: normal;
		line-height: 30px;
		color: #FFFFFF;
		margin: 0px; padding: 0px 5px;
		background: transparent url('pix/common/heading_bg.png') top left repeat-x;
		text-align: left;
	}
		h2.main a:link, 
		h2.main a:visited {
			color: #FFFFFF;
		}
		body#message-index h2.main {
			border: 3px solid #FFFFFF;
		}
		body#message-index h2#message_heading.main {
			border: 5px solid #FFFFFF;
		}
		body#my-index h2.main {
			margin: 0px 0px 10px 0px;
		}
h3 {}
	h3.main {
		font-size: 16px; font-style: italic; font-weight: bold;
		color: #0060EF;
		padding: 5px; margin: 5px 0px 5px 0px;
		text-align: center;
	}
	body.course-resource h3.main {
		text-align: left;
	}
hr {
	width: 100%; height: 0px;
	border: 0px; border-top: 1px dotted #CCCCCC;
}
blockquote {
	padding: 5px;
	background: #EFEFEF;
	border: 1px dotted #CCCCCC;
	font-family: "Times New Roman", Times, serif; font-size: 13px; font-style: normal; font-weight: normal;
	text-align: justify;
}
/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 1. general site styles
 *    a. forms
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
form {
	margin: 0px; padding: 0px;
}
	form .input_text {
		margin: 2px 5px 2px 0px; padding: 2px 2px 2px 20px;
		width: auto; height: auto;
		background: #FFFFFF url('pix/t/edit.gif') 2px 50% no-repeat;
		border: 1px solid #CCCCCC;
		color: #999999;
	}
	form .input_password {
		margin: 2px 5px 2px 0px; padding: 2px 2px 2px 20px;
		width: auto; height: auto;
		background: #FFFFFF url('pix/t/lock.gif') 2px 50% no-repeat;
		border: 1px solid #CCCCCC;
		color: #999999;
	}
	form .input_file {
		margin: 5px; padding: 0px;
	}
	form .input_submit, 
	form .input_button {
		margin: 2px 5px 2px 0px; padding: 1px;
		width: auto; height: auto;
		border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC;
		background: #EFEFEF;
		color: #666666;
	}
	fieldset {
		border: none;
	}
		fieldset.hidden {
			margin: 2px; padding: 0px;
			border: none;
		}
			fieldset.hidden .required {
				margin: 5px 0px 5px 0px; padding: 5px 5px 5px 25px;
				text-align: left;
				background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
				border: 1px dotted #FFD324;
			}
		fieldset.invisiblefieldset {}
			body.mod-forum fieldset.invisiblefieldset {
				margin: 0px; padding: 0px;
				border: none;
			}
			body#course-category fieldset.invisiblefieldset, 
			body#course-index fieldset.invisiblefieldset {
				margin: 10px 0px; padding: 5px;
				background: #EFEFEF;
				border: 1px dotted #CCCCCC;
			}
	form.mform #general {
		background: #EFEFEF;
		border: 1px solid #CCCCCC;
	}
		body#mod-quiz-mod .mform fieldset, 
		body.mod-assignment .mform fieldset, 
		body#mod-certificate-mod .mform fieldset, 
		body#login-signup .mform fieldset, 
		body#mod-resource-mod .mform fieldset {
			background: #EFEFEF;
			border: 1px dotted #CCCCCC;
		}
			body#mod-quiz-mod .mform fieldset.hidden, 
			body#mod-quiz-mod .mform fieldset.felement, 
			body.mod-assignment .mform fieldset.hidden, 
			body.mod-assignment .mform fieldset.felement, 
			body#mod-certificate-mod .mform fieldset.hidden, 
			body#mod-certificate-mod .mform fieldset.felement, 
			body#mod-resource-mod .mform fieldset.hidden, 
			body#mod-resource-mod .mform fieldset.felement {
				background: none;
				border: none;
			}
		body#profiles-coursesettings .mform fieldset, 
		body#profiles-blocksettings .mform fieldset#blockhdr, 
		body#course-edit .mform fieldset {
			background: #EFEFEF;
			border: 1px solid #CCCCCC;
		}
			body#profiles-coursesettings .mform fieldset.hidden, 
			body#profiles-coursesettings .mform fieldset.felement, 
			body#profiles-coursesettings .mform fieldset.fgroup, 
			body#course-edit .mform fieldset.hidden, 
			body#course-edit .mform fieldset.felement, 
			body#course-edit .mform fieldset.fgroup, 
			body#login-signup .mform fieldset.hidden, 
			body#login-signup .mform fieldset.felement, 
			body#login-signup .mform fieldset.fgroup {
				background: none;
				border: none;
			}
		form.mform #general legend {
			font-size: 16px; font-style: italic;
			color: #666666;
		}
			body#mod-quiz-mod .mform fieldset legend, 
			body.mod-assignment .mform fieldset legend, 
			body#mod-certificate-mod .mform fieldset legend, 
			body#mod-resource-mod .mform fieldset legend {
				font-size: 16px; font-style: italic;
				color: #666666;
			}
			body#profiles-coursesettings .mform legend, 
			body#profiles-blocksettings .mform legend, 
			body#course-edit .mform legend, 
			body#login-signup .mform legend {
				font-size: 16px; font-style: italic;
				color: #666666;
			}
.form-shortname {
	display: none;
}
.form-item {
	margin: 5px 0px; padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
	body.admin .form-item .description {
		font-size: 11px; font-style: italic;
	}
form.logselectform {
	margin: 5px 0px; padding: 0px;
}
 
/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. header styles
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#header-home {
	width: 100%; height: 90px;
}
#header {
	width: 100%; height: 90px;
}
#section-title-div {
	width: 475px; height: 90px;
	float: left;
}
	#header-home #section-title-div {
		background: transparent url('pix/common/section_title_ussanet.png') top left no-repeat;
	}
	#header #section-title-div {
		background: transparent url('pix/common/section_title_cms.png') top left no-repeat;
	}
#logo-div {
	width: 450px; height: 90px;
	float: right;
	background: transparent url('pix/common/logo.png') top left no-repeat;
}
#section-title-h2 {
	display: none;
}
#logo-h1 {
	display: none;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. header styles
 *    a. navbar
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.accesshide {
	position: absolute; top: -1000px; left: 10px;
}
.clearfix {
	min-width: 0px;
  	/* overflow: hidden; */
}
	.clearfix:after {
  		/* content: "<!-- -->";  */
  		content: ".";
  		display: block;
  		height: 0px;
  		clear: both;
		visibility: hidden;
	}
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	}
.navbar {
	margin: 20px 20px 0px 20px; padding: 5px;
	border: none;
	background: #FFFFFF;
}
	.navbar .langmenu {
		display: none;
	}
	table.navbar {
		width: 100%; height: auto;
	}
	.navbar .navbutton div, 
	.navbar .navbutton form {
		margin: 0px; padding: 0px;
		display: inline;
	}
	.navbar .navbutton, 
	.navbar .menu {
		float: right;
	}
	.navbar .breadcrumb {
		margin: 2px 0px 0px 0px; padding: 0px;
  		float: left;
	}
		.breadcrumb ul {
			margin: 0px; padding: 0px;
			list-style: none;
  			text-indent: 0px;
		}
		.breadcrumb li {
			display: inline;
		}
.arrow {
 	font-family: Arial,Helvetica,Courier,sans-serif;
 }

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. header styles
 *    b. tabs
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.tabtree {
  	position:relative;
	margin: 0px 0px 10px 0px; padding: 5px;
}
	body#user-index .tabtree {
		display: none;
	}
.tabrow0 {
	margin: 0px; padding: 0px;
	width: 100%;
	text-align: center;
}
	.tabrow0 li {
		margin: 0px 5px; padding: 0px;
  		display: inline;
	}
	.tabrow0 a:link, .tabrow0 a:hover, .tabrow0 a:active, .tabrow0 a:visited {
		color: #999999;
		text-decoration: none;
	}
	.tabrow0 a {
		height: 24px;
    	padding: 4px 0px 4px 17px;
		background: transparent url('pix/common/button_a_bg.gif') no-repeat top left;
		line-height: 24px;
	}
		* html .tabrow0 a {
			padding: 0px 0px 0px 17px;
		}
		.tabrow0 a:active, .tabrow0 .here a {
			background: transparent url('pix/common/button_a_bg.gif') no-repeat bottom left;
		}
	.tabrow0 a span {
		padding: 4px 18px 4px 0px;
		background: transparent url('pix/common/button_span_bg.gif') no-repeat top right;
		line-height: 24px;
	}
		.tabrow0 a:active span, .tabrow0 .here span {
			background: transparent url('pix/common/button_span_bg.gif') no-repeat bottom right;
		}
	.tabrow0 .empty {
		padding: 0px;
  		height: 1px;
  		overflow: hidden;
	}
	.tabrow0 div, .tabrow0 ul {
  		position: absolute; left: 0px; top: 35px;
  		margin: 0px; padding: 0px;
		width: 100%; height: auto;
		list-style: none;
	}
	.tabrow0 ul li {
		margin: 0px;
  		display: inline;
	}
	.tabrow0 ul div {
  		display: none;
	}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. content styles
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#content {
	margin: 25px 20px; padding: 0px;
}
	body#user-view #content, 
	body#user-edit #content, 
	body#user-editadvanced #content, 
	body#course-edit #content, 
	body#course-enrol #content {
		margin: 25px 20px; padding: 5px;
		background: #FFFFFF;
	}
		body#user-edit #content .mform #moodle,
		body#user-edit #content .mform #moodle_picture, 
		body#user-edit #content .mform #moodle_optional, 
		body#user-edit #content .mform #category_1, 
		body#user-editadvanced #content .mform #moodle,
		body#user-editadvanced #content .mform #moodle_picture, 
		body#user-editadvanced #content .mform #moodle_optional, 
		body#user-editadvanced #content .mform #category_1, 
		body#user-profile-index #content .mform #_commonsettings, 
		body#user-profile-index #content .mform #_specificsettings {
			background: #EFEFEF;
			border: 1px solid #CCCCCC;
		}
			body#user-edit #content .mform #moodle legend, 
			body#user-edit #content .mform #moodle_picture legend, 
			body#user-edit #content .mform #moodle_optional legend, 
			body#user-edit #content .mform #category_1 legend, 
			body#user-editadvanced #content .mform #moodle legend, 
			body#user-editadvanced #content .mform #moodle_picture legend, 
			body#user-editadvanced #content .mform #moodle_optional legend, 
			body#user-editadvanced #content .mform #category_1 legend, 
			body#user-profile-index #content .mform #_commonsettings legend, 
			body#user-profile-index #content .mform #_specificsettings legend {
				font-size: 16px; font-style: italic;
				color: #666666;
			}
		body#enrol-paypal-return #content {
			background: #EFEFEF;
			border: 1px solid #CCCCCC;
			margin: 20px auto; padding: 5px;
			width: 500px; height: auto;
		}
	body#help #content {
		margin: 5px; padding: 0px;
	}
		body#help #content h1 {
			font-size: 20px; font-weight: normal;
			line-height: 30px;
			color: #FFFFFF;
			margin: 0px; padding: 0px 5px;
			background: transparent url('pix/common/heading_bg.png') top left repeat-x;
		}
		body#help #content p {
			text-align: justify;
		}
	body#login-forgot_password #content, 
	body#login-signup #content {
		margin: 20px; padding: 5px;
		background: #FFFFFF;
	}
		body#login-forgot_password #content .box {
			margin: 0px 0px 5px 0px; padding: 5px 5px 5px 25px;
			text-align: left;
			background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
			border: 1px dotted #FFD324;
		}
		body#login-forgot_password #content .mform fieldset {
			margin: 0px; padding: 0px;
			border: none;
		}
		body#login-forgot_password #content .mform legend {
			display: none;
		}
		body#login-forgot_password #content .mform .input_text {
			margin: 2px 5px 2px 0px; padding: 2px 2px 2px 20px;
			width: 225px; height: auto;
			background: #FFFFFF url('pix/i/lock.gif') 2px 50% no-repeat;
			border: 1px solid #CCCCCC;
			color: #999999;
		}
	body#message-index #content {
		margin: 5px; padding: 0px;
	}
		body#message-index #content table {
			margin: 0px; padding: 0px;
			width: 100%; height: auto;
		}
			body#message-index #content .message_form, 
			body#message-index #content .message_users, 
			body#message-index #content #message_contacts {
				background: #FFFFFF;
			}
				body#message-index #content .message_users td.pix, 
				body#message-index #content #message_contacts td.pix {
					width: 64px; height: auto;
				}
				body#message-index #content .message_form td .input_text {
					width: 175px; height: auto;
					background: #FFFFFF url('pix/i/search.gif') 2px 50% no-repeat;
				}
			body#message-index #content td {
				margin: 0px; padding: 0px;
				width: 100%; height: auto;
			}
		body#message-index #content .heading {
			font-size: 20px; font-weight: normal;
			line-height: 30px;
			color: #FFFFFF;
			margin: 0px; padding: 0px 5px;
			background: transparent url('pix/common/heading_bg.png') top left repeat-x;
			border: 5px solid #FFFFFF;
		}
			body#message-index #content #message_contacts .heading {
				border: 3px solid #FFFFFF;
			}
		body#message-index #content div.note {
			margin: 0px; padding: 5px;
			background: #FFFFFF;
		}
		body#message-index #content p.note {
			margin: 0px 0px 5px 0px; padding: 5px 5px 5px 25px;
			text-align: left;
			background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
			border: 1px dotted #FFD324;
		}
	body#message-history #content {
		margin: 5px; padding: 0px;
	}
		body#message-history #content h4.main {
			font-size: 20px; font-weight: normal;
			line-height: 30px;
			color: #FFFFFF;
			margin: 0px; padding: 0px 5px;
			background: transparent url('pix/common/heading_bg.png') top left repeat-x;
			text-align: left;
		}
		body#message-history #content .message {
			margin: 5px 0px; padding: 5px;
			background: #EFEFEF;
			border: 1px dotted #CCCCCC;
		}
	body#message-messages .message {
		margin: 10px; padding: 5px;
		background: #EFEFEF;
		border: 1px dotted #CCCCCC;
	}
		body#message-messages .message .author {
			font-weight: bold;
		}
	body#user-index #content {
		margin: 20px; padding: 5px;
		background: #FFFFFF;
	}
		body#user-index #content .controls {
			margin: 5px 0px; padding: 4px;
			width: 100%; height: auto;
			text-align: center;
			background: #EFEFEF;
			border: 1px dotted #CCCCCC;
		}
			body#user-index #content .controls form label {
				margin: 0px 5px; padding: 0px;
			}
	body.mod-forum #content, 
	body.mod-assignment #content, 
	body.mod-certificate #content, 
	body.course-report-log #content, 
	body.course-report-outline #content, 
	body#course-report #content, 
	body#course-category #content, 
	body#course-index #content, 
	body#course-editsection #content, 
	body#course-user #content, 
	body#course-scales #content, 
	body#course-search #content,  
	body#mod-quiz-index #content, 
	body#mod-quiz-report #content, 
	body#mod-quiz-edit #content, 
	body#mod-quiz-mod #content, 
	body#mod-quiz-attempt #content, 
	body#mod-quiz-review #content, 
	body#question-edit #content, 
	body#question-category #content, 
	body#question-import #content, 
	body#question-export #content, 
	body#admin-roles-assign #content, 
	body#admin-roles-override #content, 
	body#mod-resource-mod #content {
		padding: 5px;
		background: #FFFFFF;
	}
		body#mod-quiz-edit #content fieldset.invisiblefieldset table td {
			padding: 5px 0px;
		}
#layout-table {
	width: 100%;
	padding: 0px;
}
#left-column {
	padding: 0px 20px 0px 0px;
	vertical-align: top;
}
#middle-column {
	padding: 5px;
	vertical-align: top;
	background: #FFFFFF;
}
	#middle-column .headingblock {
		font-size: 20px; font-weight: normal;
		line-height: 30px;
		color: #FFFFFF;
		margin: 0px; padding: 0px 5px;
		background: transparent url('pix/common/heading_bg.png') top left repeat-x;
	}
#right-column {
	padding: 0px 0px 0px 20px;
	vertical-align: top;
}
#left-column .hidden .content, #right-column .hidden .content {
	display: none;
}
#left-column .sideblock, #right-column .sideblock {
	background: #FFFFFF;
}
.sideblock {
	margin: 0px 0px 20px 0px; padding: 5px;
}
	.sideblock .header .title {
		margin: 0px 0px 5px 0px; padding: 0px;
		background: transparent url('pix/common/heading_bg.png') top left repeat-x;
		color: #FFFFFF;
	}
	.sideblock .header .title h2 {
		font-size: 20px; font-weight: normal;
		line-height: 30px;
		color: #FFFFFF;
		margin: 0px; padding: 0px 5px 5px 5px;
	}
	.sideblock .header .hide-show {
		float: right;
	}
	.sideblock .header .hide-show img.hide-show-image {
		width: 11px; height: 11px;
		margin: 5px 5px 0px 0px;
		background: url('pix/t/switch_minus_light.gif') no-repeat bottom;
	}
	.sideblock.hidden .header .hide-show img.hide-show-image {
  		background: url('pix/t/switch_plus_light.gif') no-repeat bottom;
	}
	.sideblock .header .title .commands {
		margin: 0px; padding: 0px;
		border: 1px dotted #CCCCCC;
	}
	.sideblock .header .title .commands .icon {
		padding: 4px;
	}
	.sideblock div.column {
		margin: 0px 5px 0px 0px; padding: 0px;
	}
	.sideblock div.column.c0 {
		float: left;
	}
	.sideblock div.column.c1 {
		display: inline;
	}
	.sideblock .content .list, .unlist, .inline-list {
		margin: 0px; padding: 0px;
		width: 100%;
		list-style: none;
	}
	.sideblock .content .list li {
		clear: left;
	}
	.sideblock .content .inline-list li {
		display: inline;
	}
	.sideblock .content ul.list li.listentry {
		clear: both;
	}
.block_adminblock .header {
	width: auto; height: 30px;
	margin: 0px; padding: 5px 0px 0px 5px;
	overflow: hidden;
	background: transparent url('pix/common/heading_bg.png') top left repeat-x;
	color: #FFFFFF;
}
.coursesearchbox {
	margin: 10px 0px; padding: 5px;
	background: #EFEFEF;
	color: #999999;
	border: 1px dotted #CCCCCC;
	font-size: 14px; font-weight: normal;
}
	.coursesearchbox .input_text {
		margin: 0px 5px 0px 0px; padding: 2px 2px 2px 20px;
		width: 175px; height: auto;
		background: #FFFFFF url('pix/i/search.gif') 2px 50% no-repeat;
		border: 1px solid #CCCCCC;
		color: #999999;
	}
	.coursesearchbox .input_submit {
		margin: 0px; padding: 1px;
		width: 105px; height: auto;
	}
.notifyproblem, 
.attemptsnotice, 
#longtimenosee {
	margin: 0px 0px 5px 0px; padding: 5px 5px 5px 25px;
	text-align: left;
	background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #FFD324;
}
.notifysuccess {
	margin: 0px 0px 5px 0px; padding: 5px 5px 5px 25px;
	text-align: left;
	background: #B9DBB5 url('pix/i/tick_green_big.gif') 5px 50% no-repeat;
	border: 1px dotted #397D33;
}
#course-enrol #notice p {
	margin: 0px 0px 5px 0px; padding: 5px 5px 5px 25px;
	text-align: left;
	background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #FFD324;
}	
body#admin-roles-assign .box {
	margin: 5px 0px; padding: 5px 5px 5px 25px;
	text-align: left;
	background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #FFD324;
}
.generaltable {
	margin: 0px; padding: 0px;
	width: 100%; height: auto;
	border-collapse: separate; border-spacing: 2px;
}
	body#user-index .generaltable {
		text-align: center;
	}
	.generaltable th {
		font-weight: normal;
	}
	.generaltable .cell {
		border-collapse: separate; border-spacing: 2px;
		background: #EFEFEF;
		border: 1px dotted #CCCCCC;
	}
		.generaltable .generaltablecell {
			border-collapse: separate; border-spacing: 2px;
			background: #EFEFEF;
			border: 1px dotted #CCCCCC;
		}
		body#user-index .generaltable .c0 {
			background: #FFFFFF;
			border: none;
		}
		body#mod-quiz-report .generaltable .cell {
			background: none;
			border: none; border-bottom: 1px dotted #CCCCCC;
			text-align: left;
		}
			body#mod-quiz-report .generaltable .picture {
				text-align: center;
			}
body.mod-assignment .submissions {
	margin: 10px 0px 0px 0px; padding: 0px;
	width: 100%; height: auto;
	border-collapse: separate; border-spacing: 2px;
}
	body.mod-assignment .submissions th {
		font-weight: normal;
		line-height: 20px;
		vertical-align: bottom;
	}
	body.mod-assignment .submissions .cell {
			background: none;
			border: none; border-bottom: 1px dotted #CCCCCC;
			text-align: left;
		}
			body.mod-assignment .submissions .picture {
				text-align: center;
			}
body.mod-assignment .reportlink {
	margin: 0px; padding: 5px;
	background: #EFEFEF;
	border: 1px dotted #CCCCCC;
}
body.mod-assignment #dates table {
	text-align: left;
}
	body.mod-assignment #dates td {
		padding: 4px;
		border-collapse: separate; border-spacing: 2px;
		background:#FFF6BF;
	border:1px dotted #FFD324;
	}
.userinfobox {
	margin: 0px; padding: 0px;
	width: 100%; height: auto;
	border-bottom: 1px dotted #CCCCCC;
}
	.userinfobox .left, 
	.userinfobox .side {
		width: 20%; height: auto;
		text-align: center;
	}
	.userinfobox .content {
		width: 70%; height: auto;
		text-align: left;
	}
.buttons {
	margin: 5px 0px; padding: 0px;
	height: 20px;
}
	.buttons div {
		float: left;
	}
#intro.box p {
	margin: 0px 0px 5px 0px; padding: 5px;
	width: 100%;
	text-align: justify;
}
.paging {
	text-align: center;
}
.generalbox {
	width: 100%; height: auto;
}
	body#course-loginas .generalbox {
		width: 350px; height: auto;
		margin: 0px 25px 5px 0px; padding: 5px 5px 5px 25px;
		text-align: left;
		background: #B9DBB5 url('pix/i/tick_green_big.gif') 5px 50% no-repeat;
		border: 1px dotted #397D33;
	}
	.generalbox th {
		font-weight: normal;
		text-align: left;
	}
	body#course-category .generalbox td, 
	body#course-search .generalbox td {
		border-bottom: 1px dotted #CCCCCC;
	}
.logtable {
	width: 100%; height: auto;
}
	.logtable th {
		font-weight: normal;
		text-align: center;
	}
	.logtable td {
		padding: 4px;
		text-align: left;
		background: #EFEFEF;
		border: 1px dotted #CCCCCC;
	}
table.rolecap {
	width: 100%; height: auto;
}
	table.rolecap th {
		font-weight: normal;
		text-align: center;
	}
		table.rolecap th.name {
			text-align: left;
		}
	table.rolecap tr.header td.header {
		padding: 2px;
		background: #EFEFEF;
		border: 1px dotted #CCCCCC;
	}
		table.rolecap tr.header td.header strong {
			font-weight: normal;
		}
.cap-name {
	font-size: 11px; font-style: italic;
	margin: 0px 5px;
}
.clearer {
	margin: 0px; padding: 0px;
  	height: 20px;
  	display: block;
}
	body#admin-settings fieldset .clearer {
		height: 0px;
	}
body#my-index .overview {
	margin: 0px 0px 10px 0px; padding: 5px;
	background: #EFEFEF;
	border: 1px dotted #CCCCCC;
}
	body#my-index .overview .info {
		font-weight: bold;
		margin-left: 20px;
	}
body#question-edit table.boxaligncenter {
	width: 100%;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. content styles
 *    a. modules
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.skip-block {
	width: 0px; height: 0px;
	display: none;
}
body#course-category .rolelink, 
body#course-category .categorypicker {
	margin: 0px 0px 5px 0px;
	text-align: right;
}
body#course-view .topics .summary h3 {
	margin: 0px 0px 5px 0px; padding: 5px;
	background: #EFEFEF;
	border: 1px dotted #CCCCCC;
	font-size: 16px; font-weight: normal;
}
	body#course-view.editing .topics .summary h3 {
		background: none;
		border: none;
	}
body#site-index .section_add_menus, 
body#course-view .topics .section_add_menus {
	margin: 10px 0px 0px 0px; padding: 5px;
	text-align: right;
	background: #EFEFEF;
	border: 1px dotted #CCCCCC;
}
	body#site-index .section_add_menus .horizontal form.popupform, 
	body#site-index .section_add_menus .horizontal form.popupform div, 
	body#course-view .topics .section_add_menus .horizontal form.popupform, 
	body#course-view .topics .section_add_menus .horizontal form.popupform div {
    	display: inline;
}
	body#site-index .section_add_menus .horizontal div, 
	body#course-view .topics .section_add_menus .horizontal div {
		display: inline;
}
body#course-view .topics ul.section {
	margin: 0px; padding: 0px 5px;
	list-style: none;
}
	body#course-view .topics ul.section li {
		
	}
body#course-view table tr.section td.spacer {
	height: 20px;
}
	body#course-view.editing table tr.section td.spacer {
		height: 1px;
	}
body#course-view table tr.section td.content {
	padding: 0px;
}
body#course-view table tr.section td.side {
	margin: 0px; padding: 5px;
}
body#course-view table tr.section td.left, 
body#course-view table tr.section td.right {
	width: 30px;
	font-size: 16px;
	text-align: center;
}
body#course-user .section h2 {
	margin: 5px 0px; padding: 0px;
	color: #0060EF;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: bold;
}
body#course-user .section .content {
	margin: 10px 0px 5px 0px; padding: 0px;
	border-top: 1px dotted #CCCCCC;
}
body#course-user .section .content table {
	width: auto; height: auto;
}
	body#course-user .section .content table td {
		vertical-align: top;
	}
body#mod-quiz-attempt .singlebutton, 
body#mod-quiz-review .singlebutton, 
body#course-scales .singlebutton {
	margin: 5px 0px 0px 0px;
}
body#mod-quiz-attempt .que {
	margin: 0px; padding: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
	body#mod-quiz-attempt .que .info .no, 
	body#mod-quiz-review .que .info .no {
		font-size: 20px;
	}
	body#mod-quiz-attempt .que .info .grade, 
	body#mod-quiz-review .que .info .grade {
		margin: 0px; padding: 5px;
		width: 75px;
		text-align: center;
		float: right;
		background: #FFF6BF;
		border: 1px dotted #FFD324;
	}
	body#mod-quiz-attempt .que .content .qtext, 
	body#mod-quiz-review .que .content .qtext {
		font-weight: bold;
	}
	body#mod-quiz-attempt .que .content .ablock, 
	body#mod-quiz-review .que .content .ablock {
		margin: 5px 0px 0px 0px;
	}
		body#mod-quiz-attempt .que .content .ablock .prompt, 
		body#mod-quiz-review .que .content .ablock .prompt {
			font-style: italic;
			color: #666666;
		}
body#mod-quiz-attempt .submitbtns, 
body#mod-quiz-review .submitbtns {
	margin: 10px 0px;
	text-align: center;
}
body#mod-quiz-attempt .grading, 
body#mod-quiz-review .grading {
	margin: 0px;
	width: 300px; height: auto;
}
body#mod-quiz-attempt .correctness, 
body#mod-quiz-review .correctness {
	font-weight: bold;
	float: left;
	margin: 0px 10px 0px 0px; padding: 5px;
}
body#mod-quiz-attempt .gradingdetails, 
body#mod-quiz-review .gradingdetails {
	float: left;
	margin: 0px; padding: 5px;
	background: #EFEFEF;
	border: 1px dotted #CCCCCC;
}
body#mod-quiz-attempt table.answer td.feedback, 
body#mod-quiz-review table.answer td.feedback {
	font-size: 11px; font-style: italic;
	color: #666666;
}
body#mod-quiz-review .comment {
	clear: both;
	margin: 10px 0px 0px 0px; padding: 5px;
	font-style: normal; font-weight: bold;
}
	body#mod-quiz-review .comment p {
		font-style: italic; font-weight: normal;
		margin: 0px;
		color: #666666;
	}
body#mod-quiz-review .commentlink {
	clear: both;
	text-align: right;
}
body#mod-quiz-review .history {
	clear: both;
	font-size: 20px; font-weight: normal;
	line-height: 30px;
	color: #FFFFFF;
	margin: 0px; padding: 0px 5px;
	background: transparent url('pix/common/heading_bg.png') top left repeat-x;
	text-align: left;
}
	body#mod-quiz-review .history .generaltable {
		font-size: 13px; font-weight: normal;
		line-height: 18px;
		color: #333333;
	}
body#mod-quiz-review .answer {
	margin: 10px 0px 10px 20px; padding-left: 5px;
	border-left: 5px solid #CCCCCC;
}
.quizinfo p {
	background:#FFF6BF url(pix/i/warning.gif) no-repeat scroll 5px 50%;
	border:1px dotted #FFD324;
	margin:0px 0px 5px;
	padding:5px 5px 5px 25px;
	text-align:left;
}
body.mod-forum .forumpost {
	margin: 5px 0px; padding: 5px;
	width: 100%; height: auto;
}
	body.mod-forum .forumpost td.left {
		background: #FFFFFF;
		width: 64px; height: auto;
		text-align: center;
	}
	body.mod-forum .forumpost td.topic {
		margin: 0px; padding: 5px;
		background: #EFEFEF;
		border: 1px dotted #CCCCCC;
	}
		body.mod-forum .forumpost td.topic .subject {
			font-size: 20px;;
		}
		body.mod-forum .forumpost td.topic .author {
			font-size: 12px;
		}
	body.mod-forum .forumpost td.content {
		margin: 0px; padding: 5px 0px;
		text-align: justify;
		border-bottom: 1px dotted #CCCCCC;
	}
		body.mod-forum .forumpost td.content .commands {
			text-align: right;
		}
body.mod-forum .indent {
	margin: 0px 0px 0px 64px;
}
.forumheaderlist {
	margin: 0px; padding: 0px;
	width: 100%; height: auto;
	border-collapse: separate; border-spacing: 2px;
}
	.forumheaderlist th {
		font-weight: normal;
	}
		.forumheaderlist th.topic, 
		.forumheaderlist th.author {
			text-align: left;
		}
	.forumheaderlist td {
		margin: 0px; padding: 2px;
		text-align: center;
		border-collapse: separate; border-spacing: 2px;
	}
		.forumheaderlist td.topic {
			width: 60%;
			background: #EFEFEF;
			border: 1px dotted #CCCCCC;
			text-align: left;
		}
		.forumheaderlist td.picture {
			margin: 0px; padding: 0px;
			width: 64px;
			background: #FFFFFF;
			border: none;
		}
		.forumheaderlist td.author {
			margin: 0px; padding: 0px;
			background: #FFFFFF;
			border: none;
			text-align: left;
		}
		.forumheaderlist td.lastpost {
			font-size: 11px;
		}
body#course-enrol .coursebox .name {
	font-size: 20px; font-weight: normal;
	line-height: 30px;
	color: #FFFFFF;
	margin: 0px; padding: 0px 5px;
	background: transparent url('pix/common/heading_bg.png') top left repeat-x;
	text-align: left;
}
	body#course-enrol .coursebox .name a:link, 
	body#course-enrol .coursebox .name a:visited {
		color: #FFFFFF;
	}	
body#course-enrol .coursebox .cost {
	width: auto; height: auto;
	margin: 5px 0px 5px 10px; padding: 5px 5px 5px 25px;
	float: right; text-align: left;
	background: #B9DBB5 url('pix/i/tick_green_big.gif') 5px 50% no-repeat;
	border: 1px dotted #397D33;
}
body#course-enrol .coursebox .summary {
	margin: 5px 0px;
}
body#course-enrol .generalbox {
	width: 400px; height: auto;
	margin: 0px auto; padding: 5px;
	background: #EFEFEF;
	border: 1px dotted #CCCCCC;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. content styles
 *    b. blocks
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.icon-course {
  	padding-left: 20px;
	background: url('pix/i/course.gif') no-repeat;
}
.icon-forum {
	padding-left: 20px;
	background: url('pix/mod/forum/icon.gif') no-repeat;
}
.icon-assign {
	padding-left: 20px;
	background: url('pix/mod/assignment/icon.gif') no-repeat;
}
.icon-workshop {
	padding-left: 20px;
	background: url('pix/mod/assignment/icon.gif') no-repeat;
}
.icon-quiz {
	padding-left: 20px;
	background: url('pix/mod/quiz/icon.gif') no-repeat;
}
.icon-question {
	padding-left: 20px;
	background: url('pix/mod/quiz/icon.gif') no-repeat;
} 
a.icon-user-one:link, 
a.icon-user-one:visited, 
a.icon-user-one:hover {
	margin: 0px; padding: 2px 2px 2px 25px;
	color: #397D33;
	background: #B9DBB5 url('pix/flag_green.gif') 5px 50% no-repeat;
	border-top: 1px dotted #397D33; border-bottom: 1px dotted #397D33;
	line-height: 24px;
}
a.icon-user-two:link, 
a.icon-user-two:visited, 
a.icon-user-two:hover {
	margin: 0px; padding: 2px 2px 2px 25px;
	color: #333333;
	background: #FFF6BF url('pix/flag_yellow.gif') 5px 50% no-repeat;
	border-top: 1px dotted #FFD324; border-bottom: 1px dotted #FFD324;
	line-height: 24px;
}
a.icon-user-three:link, 
a.icon-user-three:visited, 
a.icon-user-three:hover {
	margin: 0px; padding: 2px 2px 2px 25px;
	color: #C54F36;
	background: #F4ACA1 url('pix/flag_red.gif') 5px 50% no-repeat;
	border-top: 1px dotted #C54F36; border-bottom: 1px dotted #C54F36;
	line-height: 24px;
}
#loader {
	position: relative; top: -4px; right: 0px;
  	float: left;
  	z-index: 100;
	margin: 0px; padding: 0px;
}
#totalmessage, #count {
	float: left;
  	padding-bottom: 2px;
}
#treediv {
  	clear: both;
  	margin-bottom: 0px;
  	padding-bottom: 0px;
}
#icon {
  	float: left;
  	padding-left: 8px;
  	height: 10px;
}
.ygtvtn {
	width: 16px; height: 22px; 
	background: url('../../lib/yui/treeview/assets/item.gif') 0px 0px no-repeat; 
}
.ygtvtm {
	width: 16px; height: 22px; 
	cursor: pointer;
	background: url('../../lib/yui/treeview/assets/collapsable.gif') 0px 0px no-repeat; 
}
.ygtvtmh {
	width: 16px; height: 22px; 
	cursor: pointer;
	background: url('../../lib/yui/treeview/assets/collapsable.gif') 0px 0px no-repeat; 
}
.ygtvtp {
	width: 16px; height: 22px; 
	cursor: pointer;
	background: url('../../lib/yui/treeview/assets/expandable.gif') 0px 0px no-repeat; 
}
.ygtvtph {
	width: 16px; height: 22px; 
	cursor: pointer;
	background: url('../../lib/yui/treeview/assets/expandable.gif') 0px 0px no-repeat; 
}
.ygtvln {
	width: 16px; height: 22px; 
	background: url('../../lib/yui/treeview/assets/item_last.gif') 0px 0px no-repeat; 
}
.ygtvlm {
	width: 16px; height: 22px; 
	cursor: pointer;
	background: url('../../lib/yui/treeview/assets/collapsable_last.gif') 0px 0px no-repeat; 
}
.ygtvlmh {
	width: 16px; height: 22px; 
	cursor: pointer;
	background: url('../../lib/yui/treeview/assets/collapsable_last.gif') 0px 0px no-repeat; 
}
.ygtvlp { 
	width: 16px; height: 22px; 
	cursor: pointer;
	background: url('../../lib/yui/treeview/assets/expandable_last.gif') 0px 0px no-repeat; 
}
.ygtvlph { 
	width: 16px; height: 22px; cursor: pointer;
	background: url('../../lib/yui/treeview/assets/expandable_last.gif') 0px 0px no-repeat; 
}
.ygtvloading { 
	width: 16px; height: 22px; 
	background: url('../../lib/yui/treeview/assets/loading.gif') 0px 0px no-repeat; 
}
.ygtvdepthcell { 
	width: 16px; height: 22px; 
	background: url('../../lib/yui/treeview/assets/line.gif') 0px 0px no-repeat; 
}
.ygtvblankdepthcell {
	width: 16px; height: 22px;
}
* html .ygtvchildren {
	height: 2%;
}  
.ygtvlabel, 
.ygtvlabel:link, 
.ygtvlabel:visited, 
.ygtvlabel:hover { 
	margin-left: 2px;
	text-decoration: none;
}
.ygtvspacer {
	height: 10px; width: 10px;
	margin: 2px;
}
.overlay {
	position: absolute;
	display: block;
}
.tt {
	visibility: hidden;
	position: absolute;
	color: #333333;
	background-color: #FDFFB4;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%;
	padding: 2px;
	border: 1px solid #FCC90D;
	width: auto;
}
* html body.masked select {
	visibility: hidden;
}
* html div.panel-container select {
	visibility: inherit;
}
* html div.drag select {
	visibility: hidden;
}
* html div.hide-select select {
	visibility: hidden;
}
.mask {
    z-index: 0;   
    display: none;
    position: absolute; top: 0px; left: 0px;
    -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50);
    background: #CCCCCC;
}
.hide-scrollbars * {
	overflow: hidden;
}
	.hide-scrollbars textarea, 
	.hide-scrollbars select {
		overflow: hidden;
		display: none;
	}
.show-scrollbars textarea, 
.show-scrollbars select {
	overflow: visible;
}
.panel-container {
	position: absolute;
	background: transparent;
	z-index: 6;
	visibility: hidden;
	overflow: visible;
	width: auto;
}
	.panel-container.matte {
		padding: 3px;
		background: #FFFFFF;
	}
		.panel-container.matte .underlay {
			display: none;
		}
	.panel-container.shadow {
		padding: 0px;
		background: transparent;
	}
		.panel-container.shadow .underlay {
			visibility: inherit;
			position: absolute; top: 3px; left: 3px;
			background: #CCCCCC;
			z-index: 0;
			width: 100%; height: 100%;
    		-moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70);
			zoom: 1;
		}
.panel {
	visibility: hidden;
	border-collapse: separate;
	position: relative; left: 0px; top: 0px;
	font: 1em Arial;
	background: #FFFFFF;
	border: 1px solid #000000;
	z-index: 1;
	overflow: hidden;
}
	.panel .hd {
		background: #3D77CB;
		color: #FFFFFF;
		font-size: 100%;
		line-height: 100%;
		border: 1px solid #FFFFFF; border-bottom: 1px solid #000000;
		font-weight: bold;
		overflow: hidden;
		padding: 4px;
	}
	.panel .bd {
		overflow: hidden;
		padding: 4px;
	}
		.panel .bd p {
			margin: 0px 0px 1em;
		}
	.panel .close {
		position: absolute; top: 5px; right: 4px;
		z-index: 6;
		height: 12px; width: 12px;
		margin: 0px; padding: 0px;
		background-repeat: no-repeat;
		cursor: pointer;
		visibility: inherit;
	}
		.panel .close.nonsecure {
			background-image: url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
		}
		.panel .close.secure {
			background-image: url(https://a248.e.akamai.net/sec.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
		}
	.panel .ft {
		padding: 4px;
		overflow: hidden;
	}
.simple-dialog .bd .icon {
	background-repeat: no-repeat;
	width: 16px; height: 16px;
	margin-right: 10px;
	float: left;
}
.dialog .ft, 
.simple-dialog .ft {
	padding-bottom: 5px; padding-right: 5px;
	text-align: right;
}
.dialog form, 
.simple-dialog form {
	margin: 0px;
}
.button-group button {
	font: 100 76% verdana;
	text-decoration: none;
	background: #E4E4E4;
	color: #333333;
	cursor: hand;
	vertical-align: middle;
	border: 2px solid #797979; border-top-color: #FFFFFF; border-left-color: #FFFFFF;
	margin: 2px; padding: 2px;
}
	.button-group button.default {
		font-weight: bold;
	}
	.button-group button:hover, 
	.button-group button.hover { 
		border: 2px solid #90A029; border-top-color: #FFFFFF; border-left-color: #FFFFFF;
		background: #EBF09E;
	}
	.button-group button:active { 
		border: 2px solid #E4E4E4; border-top-color: #333333; border-left-color: #333333;
		background: #BBBBBB;
	}
.adminsearchform .input_text {
	background: #FFFFFF url('pix/i/search.gif') 2px 50% no-repeat;
}
.block_login .loginform {
	display: block;
}
	.block_login .loginform .c1 label {
		width: 175px; height: auto;
	}
	.block_login .loginform .c1 .input_text, 
	.block_login .loginform .c1 .input_password {
		margin: 2px 0px; padding: 2px 2px 2px 20px;
		width: 175px; height: auto;
		background: #FFFFFF url('pix/i/lock.gif') 2px 50% no-repeat;
	}
	.block_login .c1 .input_submit {
		margin: 5px 0px; padding: 1px;
		width: 50px; height: auto;
	}
.blocks-quickmail #content {
	padding: 5px;
	background: #FFFFFF;
}
.block_html ul.academy-update-list {
	margin: 0px; padding: 0px;
	list-style: none;
}
	.block_html ul.academy-update-list li {
		margin: 2px 0px; padding: 2px 2px 2px 20px;
		background: url('pix/i/news.gif') 0px 50% no-repeat;
	}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. content styles
 *    c. frontpage
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.my_resources {
	margin: 0px; padding: 5px;
	width: 100%;
	text-align: center;
	border-spacing: 5px;
}
	.my_resources td {
		width: 33%;
		text-align: center;
	}
		.my_resources td.my_resources_icon {
			background: #EFEFEF;
			border: 1px dotted #CCCCCC;
		}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. content styles
 *    d. newsletter
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.sitetopic table td.email_content {
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: normal; font-weight: normal;
}
	.sitetopic table td.email_content h3 {
		margin: 5px 0px; padding: 0px;
		color: #0060EF;
		font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: bold;
	}
	.sitetopic table td.email_content p {
		color: #333333;
		font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: normal; font-weight: normal;
		line-height: 18px; text-align: justify;
	}
	.sitetopic table td.email_content span {
		display: none;
	}
	.sitetopic table td.email_content a:link, 
	.sitetopic table td.email_content a:visited {
		color: #0060EF;
	}
	.sitetopic table td.email_content a:hover {
		color: #CCCCCC;
	}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. content styles
 *    e. loginbox
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.loginbox {
	width: 100%;
	margin: 0px; padding: 0px;
}
	.loginbox .loginpanel {
		margin: 0px; padding: 5px;
		background: #FFFFFF;
	}
		.loginbox .loginpanel h2 {
			font-size: 20px; font-weight: normal;
			line-height: 30px;
			color: #FFFFFF;
			margin: 0px; padding: 0px 5px;
			background: transparent url('pix/common/heading_bg.png') top left repeat-x;
		}
		.loginbox .loginpanel .desc {
			margin: 5px 0px; padding: 5px;
			background: #EFEFEF;
			color: #333333;
			border: 1px dotted #CCCCCC;
		}
		.loginbox .loginpanel .loginform {
			width: 310px;
		}
			.loginbox .loginpanel .loginform .form-label {
				width: 100px;
				padding: 2px;
				float: left;
			}
			.loginbox .loginpanel .loginform .form-input {
				width: 200px;
				padding: 2px;
				float: right;
			}
				.login .loginpanel .loginform .form-input .input_text, 
				.login .loginpanel .loginform .form-input .input_password {
					margin: 2px 0px; padding: 2px 2px 2px 20px;
					width: 175px; height: auto;
					background: #FFFFFF url('pix/i/lock.gif') 2px 50% no-repeat;
					border: 1px solid #CCCCCC;
					color: #999999;
				}
				.login .loginpanel .loginform .form-input .input_submit {
					margin: 5px 0px 0px 0px;
					width: 50px; height: auto;
				}
			.loginbox .loginpanel .loginform .clearer {
				clear: both;
				height: 5px;
			}
	.loginbox .signuppanel {
		display: none;
	}
body#login-change_password #content {
	padding: 5px;
	background: #FFFFFF;
}
	body#login-change_password fieldset.clearfix {
		background: #EFEFEF;
		border: 1px solid #CCCCCC;
	}
	body#login-change_password fieldset legend {
		font-size: 16px; font-style: italic;
		color: #666666;
	}
	body#login-change_password .fstatic {
		margin: 5px 10px; padding: 0px;
		font-size: 14px; font-style: italic; font-weight: bold;
	}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. content styles
 *    f. gradebook
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.grades {
	width: 100%;
	background: #FFFFFF;
	border: 3px solid #FFFFFF; border-collapse: separate; border-spacing: 2px;
}
	.grades th {
		font-weight: normal;
		vertical-align: bottom;
	}
		.grades .title th {
			font-size: 20px; font-weight: normal;
			line-height: 30px;
			padding: 0px 0px 0px 5px;
			text-align: left;
			background: transparent url('pix/common/heading_bg.png') top left repeat-x;
			color: #FFFFFF;
		}
	.grades td {
		padding: 4px;
		text-align: center;
		background: #EFEFEF;
		border: 1px dotted #CCCCCC;
	}
		.grades .highlight {
			padding: 4px;
			text-align: center;
			background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
			border: 1px dotted #FFD324;
		}
.grade_edit {
	width: 100%;
}
	.grade_edit td {
		width: 100%;
		padding: 4px;
		text-align: left;
	}
		.grade_edit .grade_edit_category {
			text-align: center;
		}
		.grade_edit_p {
			padding: 5px 5px 5px 25px;
			text-align: left;
			background: #FFF6BF url('pix/i/warning.gif') 5px 50% no-repeat;
			border: 1px dotted #FFD324;
		}
		.grade_edit_feedback {
			padding: 5px 5px 5px 25px;
			text-align: left;
			background: #B9DBB5 url('pix/i/tick_green_big.gif') 5px 50% no-repeat;
			border: 1px dotted #397D33;
		}
.grades td.less_than_five {
	padding: 4px;
	text-align: center;
	background: #F4ACA1;
	border: 1px dotted #C54F36;
	color:#C54F36;
}
.grades td.less_than_thirty {
	padding: 4px;
	text-align: center;
	background: #FFF6BF;
	border: 1px dotted #FFD324;
}
body#grade-exceptions .generalbox, 
body#grade-index .generalbox {
	background: #FFFFFF;
	padding: 3px;
}
	body#grade-exceptions .generalbox td.header, 
	body#grade-index .generalbox th.header {
		font-size: 20px; font-weight: normal;
		line-height: 30px;
		padding: 0px 0px 0px 5px;
		text-align: left;
		background: transparent url('pix/common/heading_bg.png') top left repeat-x;
		color: #FFFFFF;
	}
	body#grade-index .generalbox td.generalboxcontent {
		text-align: center;
		background: #EFEFEF;
		border: 1px dotted #CCCCCC;
	}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 4. footer styles
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#footer {
	font-size: 14px; font-weight: normal;
	margin: 20px; padding: 5px;
	background: #FFFFFF;
}
	body#profiles-coursesettings #footer, 
	body#profiles-blocksettings #footer, 
	body#course-category #footer, 
	body.mod-assignment #footer {
		margin: 20px 0px; padding: 0px;
	}
	body#user-index #footer, 
	body#user-view #footer, 
	body#mod-quiz-attempt #footer, 
	body.course-report-log #footer, 
	body#course-scales #footer, 
	body.mod-certificate #footer, 
	body.blocks-quickmail #footer, 
	body#course-enrol #footer {
		margin: 20px 0px; padding: 0px;
	}
	body#admin-roles-manage #footer, 
	body#admin-roles-assign #footer, 
	body#admin-roles-allowassign #footer, 
	body#admin-roles-allowoverride #footer, 
	body#mod-quiz-view #footer, 
	body#mod-quiz-report #footer,  
	body.grade #footer, 
	body#my-index #footer, 
	body#course-enrol #footer, 
	body#course-view #footer, 
	body#course-loginas #footer {
		margin: 20px 0px; padding: 5px;
	}
	body#help #footer, 
	body#user-edit #footer, 
	body#user-editadvanced #footer, 
	body.mod-forum #footer {
		margin: 0px; padding: 5px;
	}
	body#message-index #footer, 
	body#message-history #footer {
		margin: 0px 5px; padding: 5px;
	}
	body#enrol-paypal-return #footer {
		display: none;
	}
	#footer .helplink {
		margin: 0px 0px 5px 0px; padding: 2px;
		background: #EFEFEF;
		color: #999999;
		border: 1px dotted #CCCCCC;
	}
	#footer .helplink img {
		vertical-align: top;
	}
	#footer .logininfo {
		margin: 0px; padding: 0px;
		float: left;
	}
	#footer .sitelink {
		display: none;
	}
	#footer .homelink {
		margin: 0px; padding: 0px;
		float: right;
	}/***** ussaonline/ussaonline_css.css end *****/