/**************************************
 * THEME NAME: studio
 *
 * Files included in this sheet:
 *
 *   studio/studio_styles.css
 **************************************/

/***** studio/studio_styles.css start *****/


/* Core Layout */

* {
padding: 0em;
margin: 0em;
}


body
{
background: #ffc url('images/studio-bodybg.jpg') repeat fixed;
padding: 35px 0px;
text-align: center;
}


body, table, td, th, li, h1, h2, h3, h4, h5, h6, .forumpost, .topic, .subject, .headingblock, .header, .categorybox .category, .name {
  font-family: "Comic Sans MS", Helvetica, sans-serif;
  font-size: 0.95em;
  font-weight: normal;
} 

  /* Header Tags - Main */

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
  padding-left: 5px;
} 


p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a:link, a:visited
{
color: #B96D00 !important;
text-decoration: underline;
}

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

a:hover {
  color: #B96D00;
  text-decoration: none;
}

a.autolink:link,
a.autolink:visited {
  color: #B96D00;
  background: transparent;
}

a.autolink.glossary:hover {
  cursor: help;
}

img.userpicture,
img.grouppicture {
  border: 0 none
}

.block_online_users .listentry img {
  border: 0 none;
}

h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3
{
font-size: 1.7em;
padding-right: 34px;
}

h4
{
font-size: 1.2em;
padding-right: 28px;
line-height: 2em;
}

h5 { font-size: 0.85em; padding-bottom: 10px;}

 /* Images - All */

img
{
border: 0px none;
}

img.center
{
display: block;
text-align: center;
margin: 0em auto 1.4em auto;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

 /* Page Dividers */
 
.divider1
{
position: relative;
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#page
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 90%;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}


#header-home
{
position: relative;
height: 150px;
background: #ffc url('images/studio-headerhomebg.jpg') repeat-x top left;
margin-bottom: 2px;
}

h1.headermain.logo
{ 
  height: 150px;
  width: 100%;
  background: transparent url('images/studio-logo.jpg') no-repeat center top;
}

#header
{
position: relative;
height: 75px;
background: #ffc url('images/studio-headerbg.jpg') repeat-x top left;
margin-bottom: 2px;
}

h1.headermain.logosml { height: 75px; width: 100%; background: transparent url('images/studio-logosml.jpg') no-repeat center top;}

#headercontent h1, #headercontent h2 {padding-left: 5px;  text-align: left;}
#headercontent h1 { font-size: 1.5em;  padding-top: 15px; }
#headercontent h2, #headercontent h3 { font-size: 0.85em;}
#headercontent h { text-align: right; padding-right: 5px;}




 /* Menu */
 
#menu
{
position: relative;
background: #3399FF url('images/menubg.gif') repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
text-transform: capitalize;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: #3399FF url('images/menuactive.gif') repeat-x top left;
}

#menubottom
{
background: #fff url('images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 0.2em;
}

#menu a:link, #menu a:visited
{ color: #fff !important}


 /* Tag Cloud - Font Variation */
 
 li a.s1{font-size:7px;}
 li a.s2{font-size:9px;}
 li a.s4{font-size:10px;}
 li a.s5{font-size:11px;}
 li a.s7{font-size:12px;}
 li a.s8{font-size:13px;}
 li a.s11{font-size:14px;}
 li a.s14{font-size:15px;}
 li a.s17{font-size:16px;}
 li a.s20{font-size:17px;}
 
    
  /* Content - Main */

#content { 
     text-align: left; 
     margin: 0 auto;
     padding: 0 10px;
     clear:both;
}


   /* Table Layout - Three Columns */

#layout-table #left-column, #layout-table #right-column {
    padding: 0px;
    min-width: 210px;
    background-color: #fff;
}

#layout-table #middle-column{
  vertical-align:top;
  padding-left:12px;
  padding-right:12px;
  width:100%;
}

  /* Site Topic */
  
  .sitetopic {
  padding:0 4px;
  margin: 0px;
}

.sitetopiccontent {
  border-width:0px;
}

  /* General Table - General Box */
.generaltable { width: 100%;
  border: 1px dotted; 
}

.generalbox {
  width: 100%;
  border: 1px; 
    
}

  /* Clearfix */

.clearfix { 
 min-width: 0; 
 /* overflow: hidden; */ 
}

.clearfix:after {
  /* content: "<!-- -->";  */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Navbar */
  
.navbar {
  width: auto;
  border-width: 0px;
  padding:3px 0.5em;
  width:auto;
}

table.navbar {
  width: 100%;
}

.navbar .navbutton form {
  float: left;
}

.navbar .navbutton {
  margin-top: 3px;
}

.navbar .breadcrumb {
  float:left;
  margin:0.2em 0em;
}

.navbar .navbutton,
.navbar .menu {
  float:right;
}

#footer .navbar {
  margin-top: 4em;
}
  /* Breadcrumb */
  
.breadcrumb ul {
  padding:0%;
  margin:0%;
  text-indent:0%;
  list-style:none;
}
.breadcrumb li {
  display:inline;
}


.breadcrumb .sep, #admin-report-unittest-index .sep {
color: #E1E3BF;
}

.arrow, .arrow_button input {
font-family: Arial,Helvetica,sans-serif;
}


/***
 *** Login
 ***/

table.loginbox {
  margin-top: 40px;
}

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 1px;
}


#footer .logininfo { padding-top: 20px; }


/***
 *** Footer
 ***/
 

#footer
{
background: #fff url('images/border2.gif') repeat-x 0 0;
font-size: 0.8em;
height: auto;
}

#footer p.helplink {
 margin-bottom: 10px; 
}

#footer-content
{ 
  background: #FDFCF6 url('images/boxbg.gif') repeat-x;
  margin-bottom: 1.0em;
  border-bottom: dotted 1px #E1D2BD;
}

/***
 *** Blocks
 ***/
 
 .sideblock .header, .sideblock .header h2 {
	 background-color: transparent; 
}


.sideblock {
	background: #FDFCF6 url('images/boxbg.gif') repeat-x;
	margin-bottom: 1.0em;
	border-bottom: dotted 1px #E1D2BD;
}

.sideblock .content {
   background-color: transparent;
}


.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #000000;
  }


 


 .sideblock .header, .sideblock .content, .sideblock .footer {
  border-width: 0px;
 }


.sideblock .header h2 {
  border-width: 0px;
  padding-top: 4px;
 }

.sideblock .header .hide-show-image {
 padding-top: 4px;
}
 
.sideblock .footer {
  border-top-width:1px;
  border-top-style:solid;
  border-color: #E1D2BD;  
}
  

/***
 *** Calendar
 ***/
 
#calendar .today,
.minicalendar .today {
  border:1px solid !important;
} 
 
 table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}

table.minicalendar tr.weekdays th {
   border-style: none;
}

table.minicalendar tr td.day {
  border-style: solid;
  border-width: 1px;
}

table.minicalendar tr.weekdays th abbr {
  border-style: none;

  }

table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
}

table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}


/***
 *** Course
 ***/
 
.headingblock {
  border-width:1px;
  border-style:solid;
  padding:5px;
}


.categorybox .category,
.categorybox .category {
   padding-top: 7px;
}

.categorybox td
{
  background: #FDFCF6 url('images/boxbg.gif') repeat-x;
  margin-bottom: 1.0em;
  border-bottom: 1px solid #E1D2BD;  
}
#course-view .section .left {
  border-right-width: 1px;
  border-right-style: dashed;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-width: 1px;
  border-style: dashed;
}

#course-view .section td.content ul.section.img-text {
	line-height: 22px;
}


#course-view .section td.content ul.section.img-text li.activity.label {
	line-height: 16px;
	margin-bottom: 5px;
}

.coursebox .info .name {
  padding-bottom: 5px;
  }

.tabrow0 { 
   padding-top: 4px; 
} 

/***
 *** Modules: glossary
 ***/

.entry .concept,
.entryheader .concept {
   margin-top: 5px;
   margin-bottom: 10px;
}

.glossarypost.continuous {
	padding: 5px;
}

.mod-glossary .tabrow0 {
padding-bottom:0px;
}

.entrybox { 
border-top: 0 none;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
}

.entrybox hr { border: 0; }

table.glossarypost .entryheader, table.glossarypost .entryapproval, table.glossarypost .picture, table.glossarypost .entryattachment, table.glossarypost .left, table.glossarypost div.concept h3 { background-color: transparent; }

table.glossarypost {border: 0px}

table.glossarypost td.entrylowersection tbody { background: #FDFCF6 url( ) repeat-x;}

table.glossarypost tbody { 
  background: #FDFCF6 url('images/boxbg.gif') repeat-x;
  margin-bottom: 1.0em;
  border-bottom: dotted 1px #E1D2BD;
}

/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-width: 2px;
}

/* Core Fonts  */

.clearer {
  font-size:1px;
}



th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
    font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight: bold;
}

h2 {
    font-size:1.15em;
}
h3 {
    font-size:1.1em;
}
h4 {
    font-weight:bold;
}

th.header,
td.header,
div.header,
.headingblock {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
}


.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: 1.2em;
    font-weight: bold;
}

.generaltable td.cell.c0 {
  font-weight: bold;
}
/***
 *** Header
 ***/
 
.breadcrumb {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:.85em;
    font-weight:bold;
}

.logininfo,
#header-home .headermenu font {
     font-size:.8em;
}

 /***
 *** Blocks
 ***/
 
.sideblock .footer {
    font-size:0.85em;
    text-align: left;
}

/***
 *** Calendar
 ***/
#calendar .maincalendar table.calendarmonth td {
  font-size:.8em;
}

#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}

#calendar .sidecalendar .filters {
  font-size:0.75em
  }

table.minicalendar tr.weekdays th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  font-weight:normal;
  }

table.minicalendar tr td {
  font-size:0.7em;
  }
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

.coursebox .info .name {
  font-weight: bold;
  font-size: 1.2em;
}

/* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,sans-serif;
}

/*
span.arrow {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} */

p.arrow_button input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}

/***
 *** Glossary
 ***/
.glossarypost div.concept h3,
.glossarypost.continuous .concept {
  display: inline;
}

.glossaryexplain { font-size: 0.85em; text-transform: capitalize; padding-top: 10px;}

/* Core Colors */


#left-column .hidden .header, #right-column .hidden .header {
  border-color:#FDFCF6;
}


#layout-table {
    background-color: #fff;
    border-color:#FDFCF6;
}

.generalbox {
  border-color:#FDFCF6;
  background-color:#FFFFFF;
}

.generaltable,
.generaltable td {
  border-color:#FDFCF6;
  /* background-color:#FFFFFF; */
}

/* .generaltable .r0 td.cell.c0 {
 background-color:#FDFCF6; 
} */

.generaltable .r0 {
 background-color:#fff; 
}

.generaltable .r1 {
 background-color:#F1EFEB; 
}

.generaltable .r1 td.cell.c0 {
border-color:#FDFCF6; 
/* background-color:#E3DFD4; */
}

.navbar {
  background-color: transparent;

}

.sitetopic {
     
}

.highlight {
  background-color:#E1E3BF;
}

.highlight2 {
  color: #7B8300; /* highlight missing terms in forum search */
}

/***
 *** Roles
 ***/

.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
  background-color:#E3DFD4;
}

#admin-roles-override .capcurrent {
  background-color:#E3DFD4;
}

/***
 *** Header
 ***/

#header-home, #header {
  background-color: #fff;
  
}

h1.headermain {
  background-color: transparent;
}

/***
 *** Login
 ***/


.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#FDFCF6;
}

.loginbox .content {
  border-color:#FDFCF6;
}


/***
 *** Calendar
***/
 
#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event {
  border-color: #FDFCF6;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #FDFCF6;
}


table.calendarmonth tr td {
   border-color:#FDFCF6;
} 

table.minicalendar {
  border-color:#FDFCF6;
}

table.minicalendar tr.weekdays th {
  background-color:#fff;
  border-color:#FDFCF6;
  }

table.minicalendar tr td.day {
   border-color:#FDFCF6;
  }
  
table.minicalendar tr td.weekend {
border-color:#FDFCF6;
color: #B96D00;
}
  
#calendar .today,
.minicalendar .today {
  border-color:#000000 !important;
}
  
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#B96D00 !important;
  background-color:#fff;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#B96D00 !important;
  background-color:#fff;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#B96D00 !important;
  background-color:#fff;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
   border-color:#B96D00 !important;
   background-color:#fff;
}

.cal_popup_fg {
  background-color:#fff;
}

.cal_popup_bg {
  border-color:#FDFCF6;
  background-color:#fff;
}


  /***
  *** Course
 ***/

.headingblock {
  border-color:#FDFCF6;
}

.coursebox {
  border-color:#FDFCF6;
  background: #fff;
}

.coursebox .info {
 background: #EDEAE4;
}

.categoryboxcontent,
.courseboxcontent {
  border-color:#FDFCF6;
  background: #FFFFFF;
}

.categorybox .category,
.categorybox .category {
  border-color: #FDFCF6;
}

#course-view .section.main .content {
  border-color: #FDFCF6;
  background-color: #FFFFFF;
}

#course-view .section.main .side {
  border-color: #FDFCF6;
  background-color: #FFFFFF;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #FDFCF6;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-color:#FDFCF6;
 }




/***
 *** Tabs
 ***/

.tabs .side {
  border-color: #FDFCF6;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}
.tabrow0 div, .tabrow0 ul {
background: transparent none repeat-x scroll left center;
border-top:0px solid #AAAAAA;
font-size:90%;
left:0;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0.25em 0;
position:absolute;
top:1.95em;
width:100%;
}


  /***
  *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  background: transparent;
}


.forumpost .left {
  background: transparent; 
}

.forumpost .content,
.forumpost .starter
{
background: transparent;
}

 /***
 *** Forum
***/

.forumpost .starter,
.forumpost .left, 
.forumpost .content
{ 
  background-color: transparent;
  border-bottom: 0 none;
}

.userpicture
{ 
  visibility: hidden;
}


table.forumpost 
{
        background: #FDFCF6 url('images/boxbg.gif') repeat-x;
  	margin: 0 10px 1.0em 10px;
  	border-bottom: dotted 1px #E1D2BD;
}

.forumpost {
	margin-bottom: 1.0em;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	text-align: left;
}

.forumpost .content
{ 
  background: transparent url(images/studio-openquote.png) no-repeat 5px 5px;
  padding-top: 30px;
  padding-right: 10px;
}

.forumpost .posting { width: 75%; margin: 0 auto;}

.forumpost div.commands {
        padding-top: 30px;
	background-color: transparent;
	background-image: url(images/studio-closequote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.forumpost .left {
padding: 0px;
vertical-align:top;
width:0px;
}

.forumpost .topic .author {
font-size:0.8em;
visibility: hidden;
}


.forumheaderlist .discussion .starter {
  background: transparent; 
}

.forumheaderlist td {
  border: 0 none;
}

.sideblock .post .head {
  color:#000;
}

.forumthread .unread {
  background: #fff;
}


.subject
{
  font-size: 1.5em;
  font-family: 'Lucida Handwriting', sans-serif;
  font-weight: normal;
  text-align: left;
  text-transform: capitalize;
  color: #7F8400;
  font-weight: bold;
}
/***
 *** Modules: glossary
 ***/

.picture,
.entryattachment,
.entryapproval {
  background-color: #fff;
 } 

.glossarypost.dictionary,
.glossarypost.fullwithauthor,
.glossarypost.fullwithoutauthor,
.glossarypost.continuous, 
.glossarypost.encyclopedia,
.glossarypost.faq {
  border-color: #333;
  background-color: #FFFFFF;
}

.glossarycategoryheader th  {
  background-color: #fff;
}


.glossarycategoryheader h2, 
.glossarypost .concept h3 {
  background-color: #fff
}

.glossarypost .entryheader, .glossarypost .entryapproval, .glossarypost .picture, .glossarypost .entryattachment, .glossarypost .left {
background-color:#fff;
}


/***
 *** Error message
 ***/

.errorbox {
   color:#000000;
   border-color:#333;
   background-color:#fff;
 }

.errorboxcontent {
   background-color:#fff;
   
}
 

/***
 *** Grade
 ***/

.grade-report-grader table#user-grades td.cell span.gradepass {
  background-color: #fff; 
}

.grade-report-grader table#user-grades td.cell span.gradefail {
  background-color: #fff;
}

/***
 *** User
 ***/

.userinfobox {
 border-color: #333;
}

.userinfobox .side {
 background-color: #fff;
}

.userinfobox .content {
 background-color: #fff;
}


 /* User Image */

img.userpicture, img.grouppicture {
border-width: 0px;
}

.userpicture { visibility: hidden;
}

.userpicture, .picture user, .picture teacher {
height:35px;
vertical-align:top;
width:35px;
}

 /* Misc Fixes */
 
.copyright { text-align: center;}

 /***
 ***  Admin
***/ 


#adminsettings fieldset {
        background-color: #FDFCF6;
        background-image: url('images/boxbg.gif');
        background-repeat: repeat-x;
  	margin-bottom: 1.0em;
  	border-width: 0 0 1px 0;
  	border-style: none none solid none;
  	border-color: none noen #E1D2BD none;   	
}

#adminsettings .form-setting .htmlarea { width: 475px;}

#adminsettings .form-setting .htmlarea .toolbar table td{display:inline-block;} 
 
#adminsettings .form-label label{ font-size: 0.5em;}

#adminsettings .form-description {
	display: block;
	margin:0.5em 0 0 18.5em;
	text-align:left;
	font-size: 0.75em;
	color: red;
	width: 200px;
}

#adminsettings .form-shortname { font-size:0.5em; color: #7F8400;}

.navbar 
{
        background: #FDFCF6 url('images/boxbg.gif') repeat-x;
  	margin-bottom: 1.0em;
  	border-bottom: dotted 1px #E1D2BD;
}


ul.tabrow0 { border-bottom: 1px solid #aaa;
padding:0;}

.sideblock .content h2 {
margin:1.5em 0 0;
padding: 0 0 3px 0;
color: #7F8400;
font-family: 'Lucida Handwriting';
font-weight: bold;
}
  /* End */






/***** studio/studio_styles.css end *****/