/**************************************
 * THEME NAME: mysafela
 *
 * Files included in this sheet:
 *
 *   mysafela/styles.css
 **************************************/

/***** mysafela/styles.css start *****/

/******************************************************************

	Theme Name: Autumn
	Theme URL: http://newschoollearning.com/themes/autumn/
	Description: Autumn is a 3-column fluid-width theme for Moodle.
	Author: Patrick Malley
	Author URI: http://newschoollearning.com
	Version: 20080615
		
	Note: Customize, edit, poke, prod, and adapt to your needs. 
	Please leave credit where credit is due so that others may
	find the source for your site and adapt a suitable version for their
	own website.

*******************************************************************/

body {
  background: #141 url(pix/bg.gif) repeat fixed;
}

body, table, td, th, li {
  font-family: Verdana, Tahoma, Arial, Serif;
  font-size:0.95em;
  line-height:1.4;
  color:#333;
}

#page {
  background-color: #fff;
  margin: 30px;
  padding: 8px;
}

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

a.dimmed:link,
a.dimmed:visited {
  color: #9b9b9b;
}

a:hover,
a:active {
  color: #999999;
}


h2 {
  font-family: Georgia, Verdana, Arial, Serif;
}

.sideblock h2 {
	font-size:1.2em;
}

.sideblock h2 a {
	color:#333;
}

.generalbox {
	border-width: 1px 0 1px 0;
  border-color: #aaaaaa;
  border-style: solid;
  background: url(pix/autumn_gradient.png) repeat-x top;
}

.sitetopic	{
  border:none;
  background: none;
}

#header {
  height: 111px;
}

#header-home {
  height: 265px;
}

#header-home .headerimg2 {
  height: 80px;
  margin-bottom: 2px
}

#header-home .headerimg2,
#header {
  background: #000 url(http://www.mysafela.org/images/msla_header.jpg) no-repeat top center;
	/*was #841d1e*/
 }

#header-home .headerimg1 {
  height: 149px;
  margin-bottom: 2px;
  background: url(pix/los_angeles.jpg) repeat-x bottom left;
}

.headerbottom {
  height: 10px;
  background: url(pix/border1.gif) repeat-x top left;
}

.headermain, h1.headermain, .headermenu a:link, .headermain a:visited {
  color: #EF8F13;
}

.navbar {
  background: #9c7712 url(pix/menubg.gif) repeat-x top;
  padding-top:5px;
}

h1.headermain {
  margin: 85px 0px 0px 30px;
  font-weight: normal;
  //padding-left:350px; 
  font-family: Georgia, Verdana, Arial, Serif;
}

#header-home .headermenu {
  margin: 4px;
}

#header .headermenu {
  margin: 4px;
}

#header-home .logininfo {
  margin-bottom: 4px;
}

.headermenu {
  color: #888888;
}

.breadcrumb li a:link,
.breadcrumb a:visited,
.breadcrumb li  {
  color: #ffffff;
}

.breadcrumb .sep {
  padding: 0 6px;
  color: #fff;
}

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

.sideblock .header {
  background: url(pix/db2.gif) no-repeat left;
  border:none;
  padding: 0
}

.sideblock .header .title {
  padding-left:20px;
  padding-top: 1px
}

.block_adminblock .header {
  font-family:Georgia, Verdana, Arial, Serif;
  padding: 0 0 5px 20px;
  font-size:1.1em;
 }

.sideblock {
  border-top: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  background: url(pix/autumn_gradient.png) repeat-x top;
}

h2.headingblock {
  border: none;
}

#course-view .weekscss .current,
#course-view .current td.side {
  background: #a67e1c;
}

.forumheaderlist,
.generaltable th,
.generalbox th,
#course-index th,
.logtable th,
.generaltableheader th,
th.header,
#adminsettings fieldset  {
  background: url(pix/autumn_gradient.png) repeat-x top;
  border-top-color: #aaaaaa;
}

.forumpost .starter {
  border-bottom: none;
  border-top:1px solid #aaaaaa;
  background: url(pix/autumn_gradient_lg.png) repeat-x top;
}

th.header {
	font-size: 0.8em;
	border-left:1px solid #fff;
	padding-top:4px;
	padding-bottom:4px;
}

.admin .generalbox {
	background-color:#fff;
}

.forumpost .starter,
.forumpost .content {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}

.forumpost .content {
  border-bottom: 1px solid #aaaaaa;
	font-size:0.9em;
  line-height: 1.2em;
}

.cell {
	background: none !important;
}

.r1 {
	background-color:#efe8dd !important;
}

.sideblock .r0,
.sideblock .r1 {
	background: none !important;
}

.forumpost .left {
  background: none;
}

.forumpost {
  border: none;
}

.forumpost .commands,
.forumpost .link,
.forumpost .footer {
  font-size: 0.9em;
}

#mod-forum-search .box {
	width:80%;
}

.addbloglink a {
	  border-color: #e1d3be;
	  background: #ecddc7;
	  border:1px solid;
	  padding:3px;
}

.addbloglink a:hover {
	  background: #a29889;
	  text-decoration: none;
	  color:#fff;
	  border:1px solid #ecddc7;
}

.forumpost .author {
	color: #555555;
}

#footer {
  background: #fff url(pix/border2.gif) repeat-x top;
}

#footer .logininfo {
  float: right;
  margin-top: 3px;
}

.homelink,
.sitelink {
  margin: 1em 0;
  clear: both;
}

.homelink a {border:none;}


.sitelink {font-size:10px;}

.credits {
  text-align: center;
  margin-top: -1.5em;
  display:none;
}

.credits a {
	  color: #55564d;
	  width: 100%;
	  display: block;
}

.credits a:hover {
  color: #999999;
  text-decoration: none;
}

#footer .helplink {
	display:none;
	float: left;
   margin-top:3px;
}

blockquote {
    margin:1em;
    padding:0 0 0 40px;  
    color:#666;
    background:url(pix/blockquote.gif) no-repeat left top;
}

fieldset {
  border: #DDD solid 1px;
  font-size: 0.95em;
  margin-top:0;
  padding:6px;
}

legend{
  border: #DDD solid 1px;
  background:url(pix/autumn_gradient.png ) repeat-x top;  
  padding: 1px 10px;
	font: bold Georgia, Verdana, Arial, serif;
}

.profileeditor,
.logselectform {
	text-align: center;
}

.singlebutton {
	padding:4px;
}

.backup .generalbox {
	text-align: center;
}

table.files {
  border-bottom: 1px solid #aaaaaa;
}

.boxaligncenter {
	text-align: center !important;
}

.errorbox a {
	color:#fff;
}

button#searchform_button {
	margin:0;
}

#message-history #page,
#message-user #page,
body#message-user,
body#message-history,
body#message-messages,
body#message-index,
body#message-send,
#message-index #page,
body#course-info,
#course-info #page,
#help #page,
body#help,
body#mod-resource-view,
#mod-resource-view #page,
#mod-glossary-showentry #page,
#course-group #page,
body#course-group,
body#question-preview,
#question-preview #page,
body#mod-quiz-comment,
#mod-quiz-comment #page,
#mod-quiz-comment #footer {
  margin: 0 !important;
  background:#fff !important;
  clear:both;
}

.glossarycontrol .helplink,
.message .helplink,
.loginpanel .helplink {
	float:none;
}

.message .credits,
#mod-resource-view .credits,
#help .credits{
	display:none;
}

#mod-resource-view .generalbox table.files{
	margin:auto;
	}

textarea {
width:100%
}
/*jk 4-26 */

h1{font-weight:bold;}
h2{font-weight:bold;}
h3{font-weight:bold;}
h4{font-style:italic;}

.intro_list{font-weight:800;}
.intro_list p{}
.intro_list ul{padding-left:10px;}
.intro_list li{}

.video_review{}
.video_review p{}
.video_review ul{}
.video_review li{}

.leftsidebar{float:left;height:100%;}

.3col_textbox{float:left;width:200px;}

.rightside_textbox{float:right;}
.leftside_textbox{float:left;}

.content_list{text-align:left;}
.content_list p{}
.content_list h3{}
.content_list h4{}

.homework_assignment{}
.homework_assignment p{}
.homework_assignment h3{}
.homework_assignment h4{}

.generic_image{}

/*al 8-20 */
/*ROUNDED CORNERS*/
b.rtop, b.rbottom{display:block;background: #FFCC00}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #000000; }
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}   //the above 4 classes are for big corners

div.container{ margin: 0 10%;background: #9BD1FA; color:#FFFFFF;}

.h1tab
{
background-color:#000000;
color:#FFFFFF;
}

/*BODY*/


/*PARAGRAPH: Used for body content*/

p
{
text-align:left;
font-size:0.8em
font-weight:bolder
}

/*UNORDERED LIST*/
li
{
text-align:left;
font-size:1em;
}



/*HEADERS*/

h1
{
text-align:center;
font-size:2.5em;
font-weight:bold;
font-family:Tahoma, Verdana, Arial;
}

h2
{
text-align:left;
font-size:1.5em;
font-weight:bold;
border-bottom:1px solid black;
font-family:Tahoma, Verdana, Arial;
}

h3
{
text-align:left;
font-size:1.25em;
font-weight:bold;
}

h4
{
text-align:left;
font-size:1em;
font-style:italic;
}

/*CAPTIONS*/
h5
{
text-align:center;
font-size:1em;
font-style:italic;
}

/*SPECIAL FORMATTING*/
.intro_pg
{
float:left;
padding-right:30px;
padding-bottom:200px;
}

.tbtwocol_l
{
float:left;
}

.tbtwocol_r
{
float:right;
}


/*TABLE*/
.colortable, p
{
border:0.31em white;
border-collapse:collapse;
}

.colortable p
{
border:0.31em white;
color:white;
}

.td, p
{
padding:0.62em;

}

.th p
{
}

.centeralign
{
text-align:center;
}

/*TEXTBOX MODULES*/

.centerbox
{
width:99%;
padding-left:auto;
padding-right:auto;
margin-left:0 auto;
margin-right:0 auto;
text-align:center;
}


.content_leftsidebar
{
float:left;
padding-right:20px;
padding-bottom:500px;
}


.threecoltextbox
{
float:left;
width:24%;
height:700px;
padding:1em;
margin:1em 1em 1em 4em;
color: #FFFFFF;
}

.threecoltextbox h2
{ 
text-align:center;
}


.threecoltextbox h3
{ 
text-align:center;
}

.threecoltextbox li
{ 
color:#FFFFFF;
}

.smallbox
{
height:250px;
}

.medbox
{
height:500px;
}

.twocoltextbox
{
float:left;
width:45%;
padding:1em;
margin-left:3em;
margin:1em;
}

.FAQ
{
padding-left:3.13em;
padding-right:3.13em;
}

.rsidetextbox
{
color:#FFFFFF;
float:right;
padding-bottom:1.24em;
width:18.75em;
margin-left:4em;
}

.rsidetextbox p
{
padding-left:1.25em;
padding-right:1.25em;
}

.rsidetextbox h3
{
text-align:center;
}

.lsidetextbox
{
color:#FFFFFF;
float:left;
padding-bottom:1.24em;
width:18.75em;
}

.lsidetextbox p
{
padding-left:1.25em;
padding-right:1.25em;
}

.lsidetextbox h3
{
text-align:center;
}


.rsidebar
{
color:#FFFFFF;
float:right;
width:30%;
background-color:#222222;
}

.rsidebar h2
{
text-align:center;
border-bottom:0px;
}

.rsideimage
{
float:right;
padding-top:1.25em;
padding-left:1.25em; 
padding-bottom:1.25em;
margin:0.2 0.2 0.2 0.2em;
padding-left:1.25em;
text-align:center;
font-size:0.8em;
}

/*LEFT SIDE*/

.lsideimage
{
float:left;
padding-top:1em;
padding-right:1em; 
padding-bottom:1em;
padding-left:1em; 
text-align:center;
font-size:0.8em;
}


.centertextbox
{
clear:both;
font-size:100%;
padding:1em;
margin:1em;
margin-left:1em;
margin-right:auto;
margin-bottom:1em;
color:white;
}

.centertextbox h3
{
color:white;
text-align:center;
}

.centertextbox li
{
color:white;
}

.centertextbox img
{
margin:1em;
}

.centertextboxl
{
float:left;
width:49%;
}


.img_textbox
{
float:left;
clear:both;
padding-bottom:25px;
}

.img_textbox img
{
padding-right:2em;
width:300px;
height:225px;
}

/*COLORS*/

.grey
{
background-color:#222222;
}

.red
{
background-color:#990000;
}

.gold
{
background-color:#FF9900;
}

.yellow
{
background-color:#FF0000;
}

/*THINGS THAT DON'T QUITE WORK YET*/

/*WEB TOOLKIT*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*al 8-20*//***** mysafela/styles.css end *****/