/**************************************
 * THEME NAME: sunsetonline1
 *
 * Files included in this sheet:
 *
 *   sunsetonline1/so_layout.css
 *   sunsetonline1/so_fonts.css
 *   sunsetonline1/so_color.css
 **************************************/

/***** sunsetonline1/so_layout.css start *****/

html, body.mod-resource-view {
	height: 100%;
}

body.course-1 {
	text-align: center;
	min-width: 740px;
}

body.course-1 div#page {
	margin: 0 auto;
	width: 740px;
	text-align: left;
}

/* In the case of help windows and other pop-ups, undo the width parameters set above */
#help,
#message-index,
#mod-chat-gui_header_js-users,
#mod-chat-gui_header_js-chatinput {
	min-width: 0px;
}
#help #page,
#message-index #page,
#mod-chat-gui_header_js-users #page,
#mod-chat-gui_header_js-chatinput #page {
	width: 100%;
}


/* Header size within courses - make smaller to allow more room for lesson materials */
div#header-home, div#header {
	height: 70px;
}
div#header2, div#header3 {
	height: 70px;
	width: 100%;
}

/* Header size outside of courses - make bigger */
body.course-1 div#header-home, body.course-1 div#header {
	height: 100px;
}
body.course-1 div#header2, body.course-1 div#header3 {
	height: 100px;
	width: 100%;
}

/*div.breadcrumb, div.breadcrumb h2, div.breadcrumb ul, div.breadcrumb ul li, div.breadcrumb ul li span, div.breadcrumb ul li a {
	margin-bottom: 0;
	padding-bottom: 0;
}*/
div.navbar {
	/*margin-bottom: 0;*/
	padding-top: 0;
	padding-bottom: 0;
}
.breadcrumb ul {
	padding-left: 0.4em;
}
div#content {
	padding-left: 0.7em;
	padding-right: 0.7em;
}

.sideblock .header, 
.sideblock .content {
	padding-left: 0;
}

.block_login .content {
  padding-left: 0;
  padding-right: 0;
}

body#site-index .headingblock {
	margin-bottom: 0;
	padding-bottom: 0;
}

.sideblock div.c1 {
	padding-left: 22px;
}

.block_login div.c1 {
	padding-left: 0;
	font-size: 0.9em;
}

ol.fplist {
	list-style-type:inherit;
}

/*body#course-view .headingblock {
	margin-bottom: 0;
}*/

.generalbox {
	width: 100%;
	padding: 0 0.5em;
	/*margin-bottom: 0;*/
}

body#mod-resource-view div#content .generalbox {
	margin-bottom: 0;
}

.generalboxcontent {
	padding: 0;
}

td.course {
	padding-left: 20px;
}

#course-view .section td.content,
#course-view .section td.side {
  border: none;
}

.coursebox .summary {
  float: left;
  width: 97%;
}

.coursebox .info {
  width: 97%;
}

.coursebox .name {
	width: 75%;
	float: left;
}

.coursebox .cost {
	width: 20%;
	padding-top: 0;
	float: right;
	text-align: right;
}


/* Custom classes */
.highlightbox {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0.75em;
}
div.enroll_expire_notice {
	text-align: right;
}

/* News and Updates and other main "front" content pages/areas */
.news_item h3 {
	margin-top: 1.5em;
}
#inst34 p { /* News & Updates sideblock on front page */
	margin-top: 0;
}
.sitetopiccontent h2 {
	margin-top: 0;
}

/* Grade composition table on Course Requirements pages */
td.grade_comp_amount {
	width: 4em;
	text-align: right;
}


/* Lesson/player pages */
div.so_media { 
/* For some reason this can't be div id="so_media" ... messes up layout */
	float: left;
	width: 342px;
}
div#so_outline {
	margin-left: 350px;
}
#teacher_photo {
	width: 282px;
	margin: 0 16px;
}
#teacher_photo p {
	padding: 1em 0;
}
#lesson_return {
	margin: 1.5em;
	padding: 0.5em;
}


/* For left alignment of quizzes - Moodle 1.5.x */
/* See http://docs.moodle.org/en/Left-align_quiz */
.mod-quiz .generalbox .generalboxcontent {
  text-align:left !important
}
.mod-quiz .generalboxcontent table[align=right],
.mod-quiz .generalboxcontent p[align=right] {
  float:left
}
* html .mod-quiz .generalboxcontent table,
* html .mod-quiz .generalboxcontent p {
  float:left
}

/* Quiz Timer */
#mod-quiz-attempt #timer table.generalbox {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Course Listing (front page, menu item link, etc.) */
#courses_front {
	padding: 0.25em 0.8em 0.5em;
	margin-bottom: 1.0em;
}
#courses_front h2 {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.courses_topblock {
	float: left;
	width: 55%;
}
.course_samples {
	float: right;
	width: 40%;
	padding: 0.75em 1.0em;
}
#courses_front .course_samples {
	float: none;
	width: 85%;
	margin: auto;
}
.course_samples p {
	margin: 0;
}
.courses_table_full, .courses_table_level{
	clear: both;
	padding: 0;
	margin: auto;
	border-collapse: collapse;
}
.course_category h2, .course_samples h2 {
	margin-bottom: 0;
	margin-top: 0.25em;
}
.courses_table_level .course_category h2 {
	margin-top: 1.0em;
}
.course_title {
	padding-left: 2.0em;
}
.prices {
	width: 4.0em;
	text-align: center;
}
.prices a {
	display: block;
}
.avail_header {
	text-align: center;
}
.avail_title, .avail_content {
	width: 5.0em;
	text-align: center;
}
td.avail_soon {
	height: 25px;
}
.course_description {
	padding-left: 3.0em;
	padding-bottom: 1.3em;
}
div.bottom_spacer {
	height: 700px;
}
.headingblock, h2.headingblock {
	border: none;
}

/* FAQ Page */
div.faq_index {
	padding: 0.5em;
}

div.faq_index p {
	margin: 0;
}
div.faq_index ul {
	margin-top: 0;
}

div.faq_a {
	margin-bottom: 1.25em;
	margin-left: 2em;
}

div.faq_inset {
	margin-left: 2em;
	padding: 0.25em 0.5em;
}

table.faq_table {
	margin-top: 0.75em;
	margin-bottom: 1.0em;
}

table.faq_table td {
	text-align: center;
	padding: 0.5em 1.0em;
}


/* Sunset Sites */
div#sunset_sites {
	margin: 0 6px;
	padding: 10px 0 30px;
}
div#sunset_sites img {
	float: left;
	display: inline;
}
div#sunset_sites img.site_badge {
	margin-right: 1px;
}/***** sunsetonline1/so_layout.css end *****/

/***** sunsetonline1/so_fonts.css start *****/

body, td, th, li {
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: normal;
}

#site-index .section,
#mod-resource-view .generalboxcontent {
	font-size: 0.9em;
}

a {
	font-weight: bold;
}

h1,
h2,
h3,
.sideblock .header {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.headingblock, h2.headingblock {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
}

.categorybox .category {
	font-size: 1.1em;
}

.categorybox .course {
	font-size: 0.9em;
}

a.useredit, a:hover.useredit, .blink {
  visibility:hidden;
}

.courseboxcontent .cost {
	font-weight: bold;
}

.courseboxcontent .free{
	color: #006633;
}

table.topics div.summary {
	font-weight: bold;
}


div.enroll_expire_notice {
	font-size: 0.9em;
}

.breadcrumb .sep {
	font-family: "Trebuchet MS", sans-serif;
}

/* Lesson/player pages */
#player_trouble {
	font-size: 0.8em;
}
#lesson_return {
	font-size: 1.1em;
}



/* Quiz timer */
#mod-quiz-attempt #timer th.generaltableheader {
	text-align: center;
}



/* Course Listing (front page, menu item link, etc.) */
#courses_front {
  font-size:100%;
}
.course_samples h2 {
	font-size: 1.1em;
}
.course_category h2 {
	font-size: 1.2em;
}
.course_heading {
	font-weight: bold;
}
.course_title {
	font-weight: bold;
}


/* FAQ Page */
div.faq_q, div.faq_index p {
	font-weight: bold;
}

table.faq_table td.faq_table_header {
	font-weight: bold;
}

.fp_list {
	font-size: 136%;
	line-height: 1.2em;
	font-weight: bold;
}/***** sunsetonline1/so_fonts.css end *****/

/***** sunsetonline1/so_color.css start *****/

body {
	background-color: #D7D7C8;
	background: url(images/bg_450.gif);
	background-repeat: repeat-x;
}

a:link,
a:visited {
	color: #396857;
}

a:hover {
	color: #7A523F;
}

a[name]:hover {
	color: inherit; 
	text-decoration: inherit;
}

div#page {
	background: none;
}

div#header-home, div#header {
	background-image: url(images/header_middle_stretch.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#header2 {
	/*background-image: url(images/sunsetonline_logo1.gif);*/
	background-image: url(images/header_left_logo1.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#header3 {
	background-image: url(images/header_right_corner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div#content {
	background-color: #FFF;
	border: 1px solid #FFF; /* Without this IE renders a big gap between div#header-home and div#content ... ??? */
}

div.clearer {
	background-color: #FFF;
}

div.navbar {
	border: none;
	background-color: #FFF;
}

.breadcrumb .sep {
	color: #000;
}

div.generalbox {
	border: none;
}

h1,
h2,
h3,
.sideblock .header,
.headingblock {
	border: none;
	color: #660033;
}

.sideblock .content {
	border: none;
	background: none;
}

.sideblock div.c1 {
	background: url(images/menu_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.loginform div.c1 {
	background: none;
}

.sitetopiccontent {
	border: none;
}

td.categoryboxcontent {
	border: none;
}

#course-view .section .content {
	border: none;
}

#course-view .section .side {
	border: none;
}


/* Custom classes */
.highlightbox {
	background-color: #FFFFCC;
}
div.enroll_expire_notice {
	color: #660033;
}

/* News and Updates and other main "front" content pages/areas */
.sideblock .title, .news_item h3 {
	border-bottom: 1px solid #7D1845;
}

/* Grade composition table on Course Requirements pages */
td.grade_comp_total_amount {
	border-top: 1px solid #000;
}


/* Lesson/player pages */
#teacher_photo {
	background-color: #D7D7C8;
	border: 1px solid #999999;
}
#lesson_return {
	background-color: #D7D7C8;
}


/* Quiz timer */
#mod-quiz-attempt #timer {
	border: 2px solid #396857;
}
#mod-quiz-attempt #timer table.generalbox,
#mod-quiz-attempt #timer td.generalboxcontent,
#mod-quiz-attempt #timer table.generaltable {
	border: none;
}
#mod-quiz-attempt #timer, 
#mod-quiz-attempt #timer th.generaltableheader, 
#mod-quiz-attempt #QuizTimer {
	background-color: #D7D7C8;
}


/* Course Listing (front page, menu item link, etc.) */
#courses_front {
	background-color: #E9E9E0;
	border-top: 3px solid #7A523F;
	border-bottom: 3px solid #7A523F;
}
.course_samples {
	background-color: #F5F5F0;
}
.row_category td {
	color: #7D1845;
	border-bottom: 2px solid #7D1845;
}
.row_course {
	background-color: #D7D7C8;
}
.row_course td.prices {
	background-color: #E9E9E0;
	border-right: 1px solid #D7D7C8;
}
.prices a:hover {
	background-color: #568675;
	color: #E9E9E0;
	text-decoration: none;
}
.avail_header {
	padding-top: 0.5em;
}
.avail_title {
	border-bottom: 1px solid #000;
}
.avail_soon {
	color: #999999;
}
.row_odd {
	background-color: #E9E9E0;
}
.row_even {
	background-color: #D7D7C8;
}
div.bottom_spacer {
	border-top: 3px double #7A523F;
}

/* FAQ Page */
div.faq_index {
	border: 2px solid #E3E3D9;	
}

div.faq_inset {
	background-color: #F5F5F0;
}

table.faq_table {
	background-color: #F5F5F0;
}

table.faq_table td {
	border: 1px solid #E3E3D9;
}

table.faq_table td.faq_table_header {
	background-color: #E3E3D9;
}

table.faq_table td.faq_table_blank {
	background-color: #FFF;
	border: none;
}

.categoryboxcontent {
	background-color: #F5F5F0;
}

/* Sunset Sites */
div#sunset_sites {
	border-top: 4px double #660033;
}
div#sunset_sites img.site_badge {
	border: 1px solid #999;
}
div#sunset_sites img.site_badge:hover {
	border: 1px solid #660033;
}/***** sunsetonline1/so_color.css end *****/

