/**************************************
 * THEME NAME: chameleon
 *
 * Files included in this sheet:
 *
 *   chameleon/user_styles.css
 **************************************/

/***** chameleon/user_styles.css start *****/

body {
  font-size: 90%;
  color: #777;
  font-family: "lucida grande", arial, verdana, tahoma, sans-serif;
  background: #fff;
  margin: 0;
  padding: 0;
}
div#page {
  margin: 0 10px;
  padding-top: 5px;
  font-size: 114%
}

div#header-home{
  background-image: url(pix/logo_large.gif);
  height: 84px;
  padding-left: 0px;
 
}


div#header{
  background-image: url(pix/logo_large.gif);
  height: 84px;
  padding-left: 0px;
 
}

 div.clearer {
  clear: both;
}
a:link {
  color: #0b76ae;
  text-decoration:none;
}
a:visited {
  color: #3B5998;
  text-decoration:none;
}
a:hover {
  color: #67A54B;
  background: url(pix/dot.gif) repeat-x bottom;
}
a.dimmed:link,
a.dimmed:visited {
  color:#3b5998;
}
table.generaltable {
  background-color: #fff;
}
img.resize {
  width: 1em;
  height: 1em;
}
p.helplink {
  margin: 0.5em 0;
}
h1.headermain {
  color: #fff;
  font: normal;
  padding-left: 80px;
  padding-top: 10px;
  font-size:12px;
}
h2.headingblock {
  border-style: none;
  font: normal;
  color: #67A54B;
  font-size:1.2em;
  
}
table.loginbox {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #67A54B;
}
table.loginbox td.content {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #67A54B;
}
div.noticebox {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #67A54B;
}
table.generaltable td {
  border-width: 1px;
  border-style: solid;
  border-color: #67A54B;
}
div.generalbox {
  border-top-width: 1px;
  border-style: solid none none;
  border-top-color: #67A54B;
}
table.generalbox {
  border-top-width: 1px;
  border-style: solid none none;
  border-top-color: #67A54B;
}
table.generaltable th.header {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #67A54B;
}
div.informationbox {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #67A54B;
}
table.userinfobox {
  border: 1px solid #67A54B;
}
p.copyright {
  text-align: center;
}
div.headermenu {
  font-size: 0.75em;
}
div.headermenu div.logininfo {
  margin-bottom: 0.2em;
}
div.breadcrumb {
  font-size: 0.8em;
  padding-left: 0.3em;
}
table.tabs td.side {
  border-bottom-width: 1px;
  border-bottom-style: none;
  border-bottom-color: #67A54B;
}
div.navbar div.navbutton form {
  float: left;
}
div.navbar div.navbutton {
  margin-top: 3px;
}
div.navbar {
  padding: 3px 0;
  background-color: #fff;
  margin-top: 5px;
  border-style: none;
}
div#footer {
  
  background: #E8EEF7;
	font-family: Small Fonts, VT100, Arial, Helvetica;
	font-size: 9px;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	text-transform: uppercase;
}
div#content {
  background-color: #fff;
  padding: 10px 0;
  font-size: 0.75em;
  line-height: 1.6em;
  margin-top: 0px;
  clear: both;
  border: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #fff;
  border-color: #fff;
}
ul.section li {
  margin: 0.2em 0;
}
div.sideblock div.content * {
  text-align: left;
  font-size: 1em;
   
}

div.sideblock div.content a:link {
  color: #0b76ae;
  text-decoration:none;
}
div.sideblock div.content a:visited {
  color: #3B5998;
  text-decoration:none;
}
div.sideblock div.content a:hover {
  color: #67A54B;
  background: url(pix/dot.gif) repeat-x bottom;
}

div.sideblock ul.list span.c1 {
  padding-left: 0;
}
div.sideblock div.title h2 {
  font-size: 0.9em;
  line-height: 1.1em;
  background: url(pix/dot.gif) repeat-x bottom;
		color: #174B65;
		font-weight: normal;
		letter-spacing: 0.1em;
		margin: 0;
		padding-bottom: 2px;
		text-transform: uppercase;
}
div.sideblock div.header {
  background-color: #fff;
  padding: 0 0.3em 0.3em;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}
div.sideblock div.content {
  padding: 0.3em 0.3em;
  background-color: #fff;
  border-width: 1px;
  border-style: none;
  border-right-color: #fff;
  border-bottom-color: fff;
  border-left-color: fff;
  color:#777;
}
div.sideblock table.minicalendar td.day {
  text-align: center;
  font-size: 0.9em;
}
div.sideblock table.minicalendar {
  border-style: none;
}
body#admin-lang h2.main {
  font-size: 1em;
  text-align: left;
}
body#course-index table.generalbox {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}
table.minicalendar td.today {
  line-height: 1.4em;
  border: 2px solid #67A54B;
}
div.sideblock table.minicalendar tr.weekdays {
  font-size: 0.8em;
}
div.courseboxcontent {
  background-color: #fff;
  border-width: 1px;
  border-style: none;
  border-color: #ffff;
}
td.courseboxcontent {
  background-color: #fff;
  border-width: 1px;
  border-style: none;
  border-color: #fff;
}
.tabrow td {
  border: 1px solid #67A54B;
}
.tabrow td.selected {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid solid none;
  border-top-color: #67A54B;
  border-right-color: #67A54B;
  border-left-color: #67A54B;
}
.sideblock .content .message {
  text-align: left;
}
.sideblock .header .hide-show img.hide-show-image {
  background-image: url(../../pix/t/switch_minus.gif);
  background-repeat: no-repeat;
  margin-top: 0;
}
.sideblock.hidden .header .hide-show img.hide-show-image {
  background-image: url(../../pix/t/switch_plus.gif);
  background-repeat: no-repeat;
  margin-top: 2px;
}
#calendar .event_global {
  background-color: #D6F8CD;
  border-color: #67A54B;
}
.minicalendar .event_global {
  background-color: #D6F8CD;
  border-color: #67A54B;
}
.block_calendar_month .event_global {
  background-color: #D6F8CD;
  border-color: #67A54B;
}
#calendar .event_course {
  background-color: #FFD3BD;
  border-color: #67A54B;
}
.minicalendar .event_course {
  background-color: #FFD3BD;
  border-color: #67A54B;
}
.block_calendar_month .event_course {
  background-color: #FFD3BD;
  border-color: #67A54B;
}
#calendar .event_group {
  background-color: #FEE7AE;
  border-color: #67A54B;
}
.minicalendar .event_group {
  background-color: #FEE7AE;
  border-color: #67A54B;
}
.block_calendar_month .event_group {
  background-color: #FEE7AE;
  border-color: #67A54B;
}
#calendar .event_user {
  background-color: #DCE7EC;
  border-color: #67A54B;
}
.minicalendar .event_user {
  background-color: #DCE7EC;
  border-color: #67A54B;
}
.block_calendar_month .event_user {
  background-color: #DCE7EC;
  border-color: #67A54B;
}
table.cal_popup_bg {
  background-color: #fff;
  color: #333333;
  border-color: #67A54B;
}
div.sideblock div.calendar-controls span.current {
  text-align: center;
}
table.generaltable td.cell {
  white-space: normal;
}
body.admin table.generaltable {
  width: 100%;
}
body#course-view tr.section td.side {
  border-style: none;
}
body#course-view tr.section td.content {
  border-style: none;
}
div.que {
  border-style: none;
}
td.sitetopiccontent {
  border-style: none;
}
body#site-index td.categoryboxcontent {
  border-style: none;
}
div.sideblock span.icon {
  display: block;
  float: left;
  margin-right: 0.3em;
}
div.sideblock ul.list li {
  clear: left;
}
td.categoryboxcontent {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}
body#admin-roles-manage td.generalboxcontent table td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
div.breadcrumb span.sep {
  font-family: "lucida grande", arial, verdana, tahoma, sans-serif;
  color: #67A54B;
}
div.calendar-controls span.previous {
  font-family: "lucida grande", arial, verdana, tahoma, sans-serif;
}
div.calendar-controls span.next {
 font-family: "lucida grande", arial, verdana, tahoma, sans-serif;
  text-align: right;
}
div.sideblock div.header div.commands {
  height: 16px;
  background-color: #ffffff;
}
#adminsettings fieldset span.form-shortname {
  color: #cccccc;
  font-size: 90%;
}
#adminsettings fieldset {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}
form.mform div.textarea textarea {
  width: 35em;
}
div.sideblock div.commands a.roles img {
  width: 11px;
  height: 11px;
}

/*the styles from here on are additions to the base chameleon theme. They are either modifications to the standard template or additions that I've found on the web.*/


input[type="submit"],
input[type="button"] {
background-color:#67A54B;
border-bottom:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-top:1px solid white;
color:#fff;
padding-bottom:2px;
padding-top:2px;
padding-left:2px;
font-size:0.9em;
width:auto;
}

.coursebox {

width: 100%;
float: left;
margin-bottom: 15px;
border-top: 1px #fff;
border-right:1px #fff;
border-bottom:1px #67A54B;
border-left: 1px #fff;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}

.loginbox h2
{
color: #67A54B;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: center;
border-top-color: #fff;
font: normal;
}

.loginbox h2, .loginbox .subcontent 
{
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: center;
border-top-color: #fff;
}




.loginbox .loginsub {
margin-left: 0%;
margin-right: 0%;
border-top-color: #fff;
background:#fff;

}

.loginbox .loginpanel .subcontent {

text-align: center;

}

.loginbox .loginpanel .desc 
{
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: 5px;
}

.clearfix
{
min-width: 0pt;
}

.clearfix
{
display: block;
}

.loginbox
{
margin-top: 15px;
margin-bottom: 15px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
width: 50%;
margin-left: 25%;
overflow-x: hidden;
overflow-y: hidden;
}

.form-text {
width: 20em;
}

#adminsettings select, #adminsettings input {
float: left;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #6D84B4;
border-right-color: #6D84B4;
border-bottom-color: #6D84B4;
border-left-color: #6D84B4;

}


h1.main, h3.main, h4.main, h5.main, h6.main {

text-align: center;
color:  #6D84B4;
}

h2.main{
text-align: center;
color:  #67a54b;
font-size:18px;
font-weight: normal;
}

.tabrow0 div, .tabrow0 ul{
position: absolute;
left: 0pt;
top: 2em;
width: 100%;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0.25em;
padding-right: 0pt;
padding-bottom: 0.25em;
padding-left: 0pt;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #fff;
line-height: normal;
background-color: transparent;
background-image: url(pix/tab/tabsbg.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: left;
background-y-position: center;
font-size: 90%;
}

.tabrow0 a span{
color:#FFFFFF;
padding-top: 10px;
padding-right: 14px;
padding-bottom: 0.35em;
padding-left: 0pt;
background-color: transparent;
background-image: url(pix/tab/right.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: right;
background-y-position: top; 
}

.tabrow1 li a span {
background-color: transparent;
background-image: ;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%; }

.tabrow0 ul a span {
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
background-image: none; }

.tabrow0 a:hover span {
background-image: url(pix/tab/right_hoverOTC.gif);
color:#FFFFFF;
}

.tabrow0 ul .last span, .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span, .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span{
background-image: none;
}

.tabrow0 .here a:hover span {
background-image: url(pix/tab/right.gif);
text-decoration: none;
background-color: transparent;
background-image: url(pix/tab/left.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
margin-top: 0pt;
margin-right: -1px;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 0.35em;
padding-left: 13px;
}

.tabrow0 a:hover
{
background-image: url(pix/tab/left_hover.gif);
color:#FFFFFF;
}

.tabrow0 .here a
{
color: #fff;

}

.tabrow0 .here a:hover
{
background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a:link, .tabrow0 .here a:visited
{
font: bold;
position: relative;
z-index: 102;

}

.coursebox ul.teachers li {
list-style-type: none;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}

.navigation button{
display: inline;
background-color:#67A54B;
color:#FFFFFF;
}

.forumpost .topic {
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: transparent;
border-left-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
background-color: #F9FBFF;
}

.forumpost .content {
background: url(pix/dot.gif) repeat-x top;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
}

.forumpost .left {
background: url(pix/dot.gif) repeat-x top;
width: 35px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
text-align: center;
vertical-align: top;
}


.tabrow0 a{
text-decoration: none;
background-color: transparent;
background-image: url(pix/tab/left.gif);
background-repeat: repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
margin-top: 0pt;
margin-right: -1px;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 0.35em;
padding-left: 13px;

}

.tabrow0 a:hover {
background-image: url(pix/tab/left_hover.gif);
}

.tabrow0 .here a {
color: #444444;}


.tabrow0 .here a:hover{
background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a:link, .tabrow0 .here a:visited {
position: relative;

}
/***** chameleon/user_styles.css end *****/