/*********************************************************************
* html
*********************************************************************/

html
{
    background: #f2f2f2;
}

/*********************************************************************
* body
*********************************************************************/

body
{
    background: url("images/background.jpg") top center no-repeat #f2f2f2;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    line-height: 18px;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px 0;
}

/*********************************************************************
* #content-block
*********************************************************************/

#content-block
{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}

/*********************************************************************
* #file-403, #file-404
*********************************************************************/

#file-403 #content-block,
#file-404 #content-block
{
    padding: 50px 0 50px 0;
    text-align: center;
}

/*********************************************************************
* a
*********************************************************************/

a, a:link, a:active, a:visited
{
/*    text-decoration: none; */
    color: #003c59 /* WLO blue */
}

a:visited
{
/*    color: #888; /* #84976c; gray-green / #5fa900; green / #888; gray / #268fe8; blue */
}

a:hover
{
    color: #003c59; /* managementblog blue */
    text-decoration: none;
}

a img
{
    border: 0;
}

/*********************************************************************
* h1 - hx
*********************************************************************/

h1, h2, h3, h4, h5, h6
{
    color: #00737A; /* managementblog green */
    margin-bottom: .5em;
}

h1
{
    margin-top: 0;
    font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
    color: #00737A; /* managementblog green */
    font-size: 20px;
}

/* Can't use inherit because of IE. */
h1 a, h1 a:visited, h1 a:link, h1 a:active
{
    color: #00737A; /* managementblog green */
}

h2
{
    font-family: arial, helvetica, sans-serif;
    color: #000;
    font-size: 20px;
    line-height: 25px;
}

h3
{
    font-family: arial, helvetica, sans-serif;
    color: #000;
    font-size: 14px;
}

fieldset
{
    padding: 15px;
    margin-bottom: 25px;
}

legend
{
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    color: #000;
    font-size: 20px;
    line-height: 25px;
}

/**********************************************************************
* .photo-right
**********************************************************************/

p.photo-right
{
    float: right;
    border: 0;
    margin: 0 0 15px 15px;
}

/**********************************************************************
* .admin
**********************************************************************/

p.admin
{
    border: 1px solid #7d7;
    background: #eafaea;
/*    border: 1px solid #ddd;
    background: #f6f6f6;
*/    padding: 5px;
    text-align: center;
}

p.admin a
{
    color: #003c59 /* WLO blue */
}

div.admin
{
    border: 1px solid #7d7;
    background: #eafaea;
    padding: 15px;
    margin-bottom: 15px;
}

div.admin a
{
    color: #003c59 /* WLO blue */
}


/**********************************************************************
* .message
**********************************************************************/

p.message
{
    border: 1px solid #7d7;
    background: #eafaea;
/*    border: 1px solid #ddd;
    background: #f6f6f6;
*/    padding: 5px;
    text-align: center;
}

p.message a
{
    color: #003c59 /* WLO blue */
}

/**********************************************************************
* #body-block
**********************************************************************/

#body-block
{
    clear: both;
    width: 970px; /* site width */
    margin: 0 auto;
    padding-top: 20px;
}

/**********************************************************************
* #header-block
**********************************************************************/

#header-block
{
    background: url("images/header_background.jpg") top left no-repeat;
    width: 970px; /* site width */
    margin: 0 auto;
    height: 100px;
}

#file-homepage_outside #header-block
{
    height: 90px;
}

#header-block a:visited
{
    color: #5fa900;
}

#header-block h1
{
    margin: 0;
    float: left;
}

#header-block h1 img
{
    padding: 13px 10px 15px 0px; /* Height of this image determines the height of the header-block. */
    border: none;
}

#header-block #modulenavigation_header
{
    color: #fff;
    font-size: 16px;
    float: right;
    padding: 25px 0 0 0;
}

#header-block #modulenavigation_header a
{
    color: #fff;
    text-decoration: none;
}

#header-block #modulenavigation_header a:hover
{
    text-decoration: underline;
}

#header-block #modulenavigation_header a.on
{
    font-weight: bold;
}

/**********************************************************************
* #content-block
**********************************************************************/

#content-block
{
    clear: both;
}

/**********************************************************************
* #footer-block
**********************************************************************/

#footer-block
{
    clear: both;
    margin-top: 25px;
}

#footer-block a.on
{
    font-weight: bold;
}

/**********************************************************************
* .section-block
**********************************************************************/

.section-block
{
    clear: both;
    background: #fff;
/*    width: 100%; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding: 17px 25px 25px 25px;
    background: url("images/top_gradient_background.gif") repeat-x top left #fff;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.section-block.draft
{
    border: 5px solid #666;
}

.section-block h1
{
    font-size: 25px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #000;
    line-height: 30px;
}

.section-block h1 a
{
    text-decoration: none;
}

.section-block h1 a:hover
{
    text-decoration: underline;
}

.section-block a
{
    color: #d68d0c; /* WLO Orange */
}

.section-block table
{
    border: 1px;
    padding-bottom: 15px;
}

.section-block table td,
.section-block table th
{
    padding: 0;
    border: 0;
}

.section-block .assignment-type
{
    font-size: 13px;
    color: #003c59;
    line-height: 18px;
    font-family: arial, helvetica, sans-serif;
/*    display: none; */
}

.section-block table.basic
{
    border: 1px solid #bbb;
    padding: 0;
}

.section-block table.basic td,
.section-block table.basic th
{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 6px;
}


/**********************************************************************
* .admin-block
**********************************************************************/

.admin-block
{
    border: 1px solid #7d7;
    background: #eafaea;
    padding: 15px;
    margin-bottom: 25px;
}

/**********************************************************************
* .information-block
**********************************************************************/

.information-block
{
    border: 1px solid #bbb;
    background: #fafafa;
    padding: 15px;
    margin-bottom: 25px;
}

/**********************************************************************
* .the-box
**********************************************************************/

.the-box
{
    color: #fff;
    width: 350px;
    background: url("images/the-box_background_top.jpg") top left no-repeat;
    padding: 0px;
    margin-bottom: 15px;
}

.the-box a,
.the-box a:link,
.the-box a:hover,
.the-box a:visited,
.the-box a:active
{
    color: #fff;
}

.the-box .inner
{
    background: url("images/the-box_background_bottom.jpg") bottom left no-repeat;
    padding-bottom: 5px;
}

.the-box h1
{
    padding: 14px 0;
    color: #fff;
    text-align: center;
}

.the-box p
{
    padding-left: 15px;
    padding-right: 15px;
}

/**********************************************************************
* #file-login
**********************************************************************/

#file-login #content-block
{
    width: 400px;
}

#file-login .module-block
{
    text-align: center;
}

#file-login .module-block h1
{
    text-align: left;
}

/**********************************************************************
* #file-my-account
**********************************************************************/

#file-my-account #content-block
{
    width: 400px;
}

#file-my-account #modulechangepassword
{
    margin-bottom: 40px;
}

/**********************************************************************
* #file-change-password
**********************************************************************/

#file-change-password #content-block
{
    width: 400px;
}

/**********************************************************************
* #file-change-email
**********************************************************************/

#file-change-email #content-block
{
    width: 400px;
}

/**********************************************************************
* #file-reset-password
**********************************************************************/

#file-reset-password #content-block
{
    width: 400px;
}

/**********************************************************************
* #file-inviter
**********************************************************************/

#file-inviter #content-block
{
    width: 600px;
}

#file-inviter #content-block form
{
    text-align: center;
}

#file-inviter #content-block.clean
{
    width: auto;
}

/**********************************************************************
* #file-contact
**********************************************************************/

#file-contact #content-block
{
    width: 400px;
}

#file-contact #content-block form
{
    text-align: center;
}

/**********************************************************************
* #file-free-trial
**********************************************************************/

#file-free-trial #content-block
{
    width: 400px;
}

#file-free-trial #content-block form
{
/*    text-align: center; */
}

/**********************************************************************
* #file-pre-registration
**********************************************************************/

#file-pre-registration #content-block
{
    width: 600px;
}

/**********************************************************************
* #file-payment
**********************************************************************/

#file-payment #content-block
{
    width: 700px;
}

/**********************************************************************
* #file-homepage_outside
**********************************************************************/

#file-homepage_outside .section-block h1
{
    margin-bottom: 25px;
}

#file-homepage_outside #intro-block
{
    width: 920px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
/*    height: 200px; */
}

#file-homepage_outside #intro-text
{
    float: left;
    width: 490px;
    padding-bottom: 15px;
}

#file-homepage_outside #intro-text h1
{
    font-size: 30px;
/*
    background: url("images/coming_january_title.gif") no-repeat top left;
    width: 473px;
    height: 0px;
    padding-top: 70px;
    overflow: hidden;
    font-size: 30px;
    line-height: 33px;
*/
}

#file-homepage_outside #intro-text p
{

    font-size: 15px;
    line-height: 23px;
    margin-bottom: 18px;

}

#file-homepage_outside #intro-right
{
    width: 350px;
    float: right;
}

#file-homepage_outside #schedule
{
    border: 1px solid #bbb;
    background: #fafafa;
    padding: 15px;
    margin-bottom: 25px;
    height: 150px;
    overflow: auto;
}

#file-homepage_outside #schedule h2
{
    font-size: 15px;
}

#file-homepage_outside #schedule ul
{
    padding-bottom: 15px;
}

/*
#file-homepage_outside #schedule p
{
    margin-bottom: 5px;
}
*/

#file-homepage_outside #intro-right .the-box
{
    margin-bottom: 25px;
}

#more-stuff-block-KILLME
{
    clear: both;
    background: #fff;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: url("images/top_gradient_background.gif") repeat-x top left #fff;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

#file-homepage_outside .button-block
{
    margin-top: 25px;
    margin-bottom: 25px;
}

#file-homepage_outside #audience p.navigation-buttons img
{
    margin-left: 14px;
    margin-right: 14px;
}

#file-homepage_outside #testimonials p
{
    margin-bottom: 25px;
}

.left-column
{
    float: left;
    width: 48%;
}

.right-column
{
    float: right;
    width: 48%;
}

/**********************************************************************
* #file-post
**********************************************************************/

#file-post .post-block
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.section-block p,
.section-block ul,
.section-block ol
{
    font-size: 14px;
    line-height: 20px;
}

.section-block .note
{
    font-size: 11px;
}


/**********************************************************************
* #file-user_profile
**********************************************************************/

#file-user_profile .main-input input
{
    width: 300px;
}

#file-user_profile table th
{
    text-align: left;
    padding: 5px;
}

/**********************************************************************
* #modulerecentactivity
**********************************************************************/

#modulerecentactivity
{
/*    color: #777; */
}

#modulerecentactivity a
{
    text-decoration: none;
}

#modulerecentactivity a:hover
{
    text-decoration: underline;
}

#modulerecentactivity a.name
{
    text-decoration: underline;
}

#modulerecentactivity a.name:hover
{
    text-decoration: none;
}

/**********************************************************************
* #moduletopcommenters
**********************************************************************/

#moduletopcommenters
{
    margin-bottom: 25px;
}

/**********************************************************************
* #modulediscussion
**********************************************************************/

#modulediscussion .user-info
{
    float: left;
    width: 170px;
}

#modulediscussion .user-info p
{
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 10px;
}

#modulediscussion .user-info .name
{
    font-size: 14px;
    line-height: 16px;
}

/**********************************************************************
* .comment-stars
**********************************************************************/

.comment-stars.count1
{
    height: 20px;
    width: 155px;
    background: url("images/stars_1.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count2
{
    height: 20px;
    width: 155px;
    background: url("images/stars_2.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count3
{
    height: 20px;
    width: 155px;
    background: url("images/stars_3.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count4
{
    height: 20px;
    width: 155px;
    background: url("images/stars_4.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count5
{
    height: 20px;
    width: 155px;
    background: url("images/stars_5.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count6
{
    height: 20px;
    width: 155px;
    background: url("images/stars_6.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count7
{
    height: 20px;
    width: 155px;
    background: url("images/stars_7.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count8
{
    height: 20px;
    width: 155px;
    background: url("images/stars_8.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars.count9
{
    height: 20px;
    width: 155px;
    background: url("images/stars_9.gif") top left no-repeat;
    overflow: hidden;
}

.comment-stars:hover
{
    background-position: 0 -20px;
}

/**********************************************************************
* #file-change-avatar
**********************************************************************/

#file-change-avatar #content-block
{
    width: 600px;
}