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

/***** thss/styles.css start *****/

/*******************************************************************
 styles.css

 Styles are organised into the following sections:
  core
  header
  footer
  content
  forms
  admin
  blocks
  calendar
  course
  doc
  login
  message
  user
  tabs
  various modules

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

/**********
 ** Core **
 **********/
body
{
    background: #999999 url(http://www.thss.ca/pix/smartpix.php/thss/bg.gif) repeat;
    color: #333333;
    font-size: 0.9em;
    font-family: Verdana, Tahoma, Arial, Serif;
}

#page
{
    background-color: white;
    margin: 10px 5px 5px 5px;
    padding: 8px;
    min-width: 950px;
}

.noheader div#page
{
    min-width: 10px;
}

#content
{
    padding: 5px;
    clear: both;
    overflow: hidden;
    background: #dadada url(http://www.thss.ca/pix/smartpix.php/thss/page_gradient.png) repeat-x top; /*#E3E3E3*/
    margin: 0;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
}

#left
{
    width: 210px;
    float: left;
    padding-top: 3em;
}

#right
{
    width: 210px;
    float: right;
    padding-top: 3em;
}

#middle
{
    padding: 10px;
    width:auto;
}

.blocksleft
{
    margin-left: 220px;
}

.blocksright
{
    margin-right: 220px;
}

a:link,
a:visited
{
    color: #104567; /*408bd1;*/ /*#3d4fa1;*/
}

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

a:hover
{
    color: #0d5598; /*#3d4fa1;*/
    text-decoration: underline;
}

a img
{
    border: 0 none;
}

p
{
    margin-top:0;
}

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

.box
{
    margin: 0px auto;
    clear: none;
}

.generalbox
{
    border:none;
    background-color: white;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
}

.dailybox
{
    float: right;
    width: 250px;
    height: 225px;
    margin: 0px auto;
    text-align: center;
}

.dailybox p
{
    font-size: 1.1em;
    font-weight: bold;
    background-color: #ecf1f3;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    height: 75px;
    line-height: 75px;
    margin-top: 25px;
}

h2.headingblock
{
    border: none;
}

blockquote
{
    margin: 1em;
    padding: 0 0 0 40px;
    color: #666666;
    background: white url(http://www.thss.ca/pix/smartpix.php/thss/blockquote.gif) no-repeat left top;
}

.cell
{
    background: none !important;
}

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

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

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

legend
{
    border: #DDD solid 1px;
    background: white url(http://www.thss.ca/pix/smartpix.php/thss/block_gradient.png) repeat-x top;  
    padding: 1px 10px;
    font-family: bold Georgia, Verdana, Arial, serif;
}


/************
 ** Header **
 ************/
#header
{
    background: #2a2a2a url(images/topbg.jpg) repeat-x top left;
    height: 150px;
}

#thsslogo
{
    float:left;
    position:absolute;
    left:20px;
    top:0px;
    z-index:9;
}

#topbgleft
{
    position:absolute;
    left:21px;
    top:18px;
    z-index:4;
}

#topbgright
{
    position:absolute;
    right:21px;
    top:18px;
    z-index:3;
}

#thssfront
{
    position:absolute;
    left:21px;
    top:18px;
    z-index:7;
}

#thss
{
    position:absolute;
    left:85px;
    top:35px;
    z-index:8;
}

#thssrandom
{
    position:absolute;
    right:21px;
    top:18px;
    z-index:5
}

.navbar {
    background: #6f2221 url(http://www.thss.ca/pix/smartpix.php/thss/menubg.gif) repeat-x top;
    width:auto;
    padding:3px 0.5em;
    border-width:1px;
    border-style:solid;
}

#navbar
{
    height:1.5em;
    width:auto;
    margin:0;
    padding:0;
    position:relative;
    clear:both;
}

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

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

.navbar .navbutton
{
    float:right;
}

.navbar .navbutton div,
.navbar .navbutton form {
    display:inline;
    margin:0px;
    padding:0px;
    float: right;
}

.headerbottom
{
    height: 10px;
    background: url(http://www.thss.ca/pix/smartpix.php/thss/border1.gif) repeat-x top left;
}

.alert
{
    background: #EE6363;
    padding: 10px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius:15px;
    border-radius: 15px;
}

.noheader #thsslogo,
.noheader #thssfront,
.noheader #topbgleft,
.noheader #topbgright,
.hoheader #toptabs,
.noheader #thss,
.hoheader #thssrandom,
.noheader #header,
.noheader .toptab,
.noheader #navbar,
.noheader #browserwarn
{
    display: none;
}


/*****************
 ** Header Menu **
 *****************/
#navbar ul#navlist
{
    margin:0;
    padding:0;
    left:0;
    top:0;
    float:left;
    list-style-type: none;
}

#navbar ul#navlist li
{
    float: left;
    padding: 0;
    margin: 0;
    top:0px;
    padding: 1px;
    left: 1px;
    position:relative;
    list-style-type: none;
}

#navbar ul#navlist li a.navmenu
{
    display: block;
    text-align: center;
    padding: 5px 15px 4px 15px;
    font-size: 12px;
    top:0px;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#navbar ul#navlist li a.navmenu:hover
{
    color: gold;
    text-decoration: underline;
}

.submenu
{
    background: #6f2221 url(http://www.thss.ca/pix/smartpix.php/thss/menubg.gif) top;
    visibility: hidden;
    position: absolute;
    z-index: 200;
    width: 180px;
    margin-left: 5px;
    margin-top:1px;
    font-weight: normal;
    filter:alpha(opacity=95);
    -moz-opacity:.95;
    opacity:.95;
}

.submenu a,
.submenu a:link
{
    display: block;
    font-size: 11px;
    text-align: left;
    text-decoration: none;
    padding: 4px 0px 4px 9px;
    color: white;
    font-weight: normal;
}

.submenu a:hover
{
    background: firebrick;
    color: gold;
    text-decoration: none;
    border-left: 3px solid gold;
    padding-left: 6px;
}


/*****************
 ** Header Tabs **
 *****************/
#toptabs
{
    font-size: 0.8em;
    width: 760px;
    position: absolute;
    right: 38px;
    top: 12px;
}

#toptabs p
{
    text-align: right;
    color: #808080;
}

.toptab
{
    padding: 3px 5px 3px 5px;
    margin: 0 0 0 4px;
    text-decoration: none;
    background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
    color: #808080;
    border-bottom: 1px solid #e0e0e0;
}

.toptab:hover
{
    background: #fafafa url(images/corner2.gif) top right no-repeat;
    border-bottom: 1px solid #eaeaea;
    color: #505050;
    text-decoration: none;
}

.activetoptab
{
    padding: 3px 5px 3px 5px;
    margin: 0 0 0 4px;
    color: #505050;
    text-decoration: none;
    background: #ffffff url(images/corner2.gif) top right no-repeat;
    border-bottom: 1px solid #ffffff;
}

.activetoptab:hover
{
    text-decoration: none;
}


/************
 ** Footer **
 ************/
#footer
{
    background: white url(http://www.thss.ca/pix/smartpix.php/thss/border2.gif) repeat-x top;
    margin: 5px 0;
    padding: 0;
    height: auto;
}

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

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

.credits
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1.5em;
    font-size: .7em;
}

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

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

.helplink
{
    float: left;
    margin-top:3px;
}


/****************
 ** Sideblocks **
 ****************/
.sideblock
{
    background: white url(http://www.thss.ca/pix/smartpix.php/thss/block_gradient.png) repeat-x top;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-radius: 10px;
}

.sideblock a:link,
.sideblock a:visited
{
    color: #104567; /*#0d5598;*/
}

.sideblock .hidden .header
{
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-color: #dadada;
}

.sideblock .hidden .content
{
    display: none;
}

.sideblock .header
{
    border:none;
}

.sideblock .header .title
{
    padding-left:5px;
}

.sideblock .content
{
    border: none;
    background: none;
    font-size:0.85em;
}

.sideblock li
{
    line-height: 1.3em;
}

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

.sideblock ul.list,
.sideblock ul.list li,
.sideblock ul.unlist li
{
    list-style-image: none;
}

.sideblock .event
{
    font-size: 1em;
    padding-top: 8px;
}

.sideblock .event .date,
.sideblock .event .date a
{
    font-size: 0.9em;
    color: #555555;
}

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

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


/******************
 ** Admin System **
 ******************/
.adminpage
{
    text-align:left;
    font-size: 0.8em;
    -moz-border-radius: 15px;
    -webkit-border-radius:15px;
    border-radius: 15px;
    border: 0px none;
    padding: 0 5px;
}

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

#adminsettings fieldset
{
    background: white url(http://www.thss.ca/pix/smartpix.php/thss/block_gradient.png) repeat-x top;
    border-top-color: #e1d2bd;
}


/*****************
 ** News System **
 *****************/
.newsbox
{
    margin: 0px auto;
    margin-right: 275px;
    height: 225px;
    width: auto;
}

.newspost
{
    background-color: white;
    padding: 5px 10px;
    margin: 0 auto;
    font-size: 0.8em;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.post .head
{
    background-color: #ecf1f3;
    padding: 2px;
    margin: 5px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.post .name
{
    height: 1.2em;
    overflow: hidden;
    font-weight: bold;
}

.post .date
{
    font-size: 0.8em;
    font-style: italic;
    padding-left: 10px;
    height: 1.2em;
    overflow: hidden;
    color: #9e9e9e;
}


/*****************
 ** Page System **
 *****************/
.staticpage
{
    background-color: white;
    padding: 5px 10px;
    margin: 0 auto;
    font-size: 0.8em;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}


/******************
 ** Staff System **
 ******************/
.staffuser
{
    height: auto;
    margin-bottom: 1em;
    margin-top: 1em;
    background-color: #ecf1f3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.staff-avatar-small,
.staff-avatar-small .userpicture
{
    float: left;
    background-color: inherit;
    padding-right: 5px;
}

.staffprofile
{
    height: auto;
    min-height: 100px;
    margin-bottom: 1em;
    margin-top: 1em;
}

.staffoverview
{
    height: auto;
    min-height: 175px;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right: 275px;
}

.stafftimetable
{
    float: right;
    width: 250px;
    height: 175px;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em;
}

.staff-avatar,
.staff-avatar .userpicture
{
    width: 100px;
    height: 100px;
    float: left;
    background-color: inherit;
    padding-right: 15px;
}

table.timetable
{
    border-collapse: collapse;
    width: 240px;
    margin: 0 auto;
}

table.timetable tr
{
    text-align: right;
    padding: 2px;
    border: 2px solid white;
    height: 2em;
    margin: 2px;
}

table.timetable td
{
    padding: 5px;
}


/*******************
 ** Course System **
 *******************/
#course-view .section .content
{
    background-color: white;
}

#course-view .section td.side
{
    background: #6f2221 url(http://www.thss.ca/pix/smartpix.php/thss/menubg.gif) top;
    color: #E3E3E3;
    width: 1.5em;
}

#course-view .current td.side
{
    background: gold url(http://www.thss.ca/pix/smartpix.php/thss/activebg.gif) top;;
    color: #333333;
    width: 1.5em;
}

.coursebox,
.categorybox
{
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.categorylistblock
{
    width: 25em;
    text-align: center;
    margin: 0 auto;
}

.categorylistblock .header h2
{
    text-align: center;
}


/******************
 ** Forum Module **
 ******************/
.forumpost
{
    border: none;
    width: 100%;
}

.forumpost .content
{
    border-bottom: 1px solid #e1d2bd;
    font-size:0.9em;
    line-height: 1.2em;
    background: white;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

.forumpost .starter,
.forumpost .topic
{
    border-bottom: none;
    border-top:1px solid #e1d2bd;
    background: white;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}

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

.forumpost .left
{
    background: none;
}

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

.forumpost .author
{
    color: #555555;
}

.forumheaderlist
{
    background: white url(http://www.thss.ca/pix/smartpix.php/thss/block_gradient.png) repeat-x top; 
}

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

.forumheaderlist .picture img
{
    display: none;
}

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


/*****************
 ** Quiz Module **
 *****************/
.que
{
    background-color: white;
}


/*****************
 ** User Module **
 *****************/
.usersidebar
{
    text-align: center;
    float: left;
    width: 210px;
    padding: 10px;
    padding-right: 0px;
}

.usersidebar .userpicture
{
    width: 200px;
    height: 200px;
    border: .5em solid white;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
}

.usersidebar .usersidebarblocks
{
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 10px;
    text-align: left;
}

#usermiddle
{
    padding: 10px;
    padding-left: 0px;
    width:auto;
}

.userprofile
{
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
}

.usereditbutton
{
    width: 100px;
    text-align: center;
    float: right;
    background-color: lightsteelblue;
    color: darksteelblue;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
}

.usereditbutton a
{
    color: darksteelblue;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.7em;
}

.userinfo .title
{
    width: 25%;
    font-weight: bold;
}





/*#page hr {
  display: none;
}*/

.generaltable th,
.generalbox th,
#course-index th,
.logtable th,
.generaltableheader th,
th.header {
  background: white url(http://www.thss.ca/pix/smartpix.php/thss/block_gradient.png ) repeat-x top;
  border-top-color: #e1d2bd;
}

.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;
}

#course-view ul.section, 
#site-index ul.section, 
#course-view ul.section li, 
#site-index ul.section li { 
  list-style: none;
}

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

.singlebutton {
    padding:4px;
}

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

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

.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,
#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;
}

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

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

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

.fitem .fhtmleditor
{
    text-align:center;
    margin: 0 auto;
}
/***** thss/styles.css end *****/