/*  This is the default Monochrome theme */

/* Reset the CSS so eliminate most browser bugs and incompatibilities */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote
{
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: normal;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
td, th, caption
{
    font-weight: normal;
    text-align: left;
}
img, fieldset
{
    border: 0;
}
ol
{
    padding-left: 1.4em;
    list-style: decimal;
}
ul
{
    padding-left: 1.4em;
    list-style: square;
}
q:before, q:after
{
    content: '';
}

/* Global settings */

/* Formatting settings */
h1
{
    font-size: xx-large;
    font-weight: bold;
    font-family: 'Agency FB';
}

h2
{
    font-size: x-large;
    font-weight: normal;
    font-family: 'Adobe Caslon Pro';
}

h3
{
    font-size: larger;
}

#MainContent img
{
    border: 1px dashed #000000;
}

#MainContent p
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: medium;
    line-height: 135%;
    vertical-align: middle;
    text-indent: 20px;
}

#MainContent li
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: medium;
    margin-bottom: 10px;
}

#SideBar img
{
    border: 1px solid black;
}

strong
{
    font-weight: bolder;
}

/* <DIV> settings */

/**********************
**  Main content area **
**********************/

/* The <DIV Wrapper for the Menu */
#MenuWrapper
{
    width: 100%;
    background-color: Black;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 0px;
}

/* The Actual menu Object */
.MainMenu
{
    /*    width: 100%;*/
    background-color: Black;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
}

/*-------------------------------- End Menu ----------------------------------*/

#PageWrapper
{
    width: 95%;
    margin: auto;
    margin-bottom: 10px;
}

#Header
{
    float: left;
    width: 100%;
    background-color: Black; /*    background-color: #f4f4f4;*/
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 10px;
    height: 95px;
}

#WrapRight
{
    float: left;
    width: 100%;
    background-color: #cfcfcf;
}

#SideBar
{
    float: left;
    width: 110px;
    margin: 5px;
    margin-left: -100%;
    padding: 0px 5px 5px 5px;
    text-align: center;
    background-color: #cfcfcf;
}

#MainContent
{
    /*    padding: 10px;     width: 880px; */
    padding: 10px;
    margin-left: 121px;
    background-image: url(gradient.png);
    background-color: #e6e6e6;
    border: 1px solid black;
}

#Footer
{
    background-color: #c0c0c0;
    clear: both;
    float: left;
    width: 100%;
    background-color: #f4f4f4;
    border: 1px solid black;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px;
    margin: 10px;
    font-size: 100%;
    background-image: url(back.png);
    background-color: #e7e7de;
}

#SideBar p
{
    text-align: center;
    font-family: 'Times New Roman' , Times, serif;
    font-weight: bold;
    font-size: medium;
    line-height: 115%;
    padding: 8px 0 8px 0;
}

/* These are the Web Affiliates logos in the sidebar */
#HyperLink1, #HyperLink2
{
    margin: 2px;
    padding: 5x;
}

/*********************
** Contact page CSS **
*********************/
.ErrorMessage /* this is when the user enters invalid content on the Contact.aspx page */
{
    color: Red;
}

ul.level1
{
    /* Defines the appearance of main menu items. */
    font-size: 14px;
    font-weight: bold;
    height: 19px;
    line-height: 19px;
}

ul.level1 .selected
{
    /* Defines the appearance of active menu items */
    background-color: #BCD1FE;
}

a.level1
{
    /* Adds some white space to the left of the main menu item text */
    margin-left: 5px;
}

a.level2
{
    /* Defines the appearance of the sub menu items */
    background-color: #CCCCCC;
    padding-left: 8px;
}

a.level1:hover, a.level2:hover
{
    /* Defines the hover style for the main and sub menus */
    background-color: #BCD1FE;
}

/************* MENU END *****************/

/* Custom Control Settings */
.MyButton
{
    margin: 5px 10px 5px 10px;
    color: White;
    background-color: #999966;
    font-family: Cambria;
    font-size: large;
    font-weight: bold;
    text-align: center;
}
/* The Buttons on the bottom of the Programs->Vanilla->default */
.MyButton2
{
    margin: 5px 10px 5px 10px;
    color: White;
    background-color: #999966;
    font-family: Cambria;
    font-size: large;
    font-weight: bold;
    text-align: center;
    padding-right: 10px;
}

/* Normal button */
.NormalButton
{
    font-family: Cambria;
}

/* for all of the checkboxes on the site */
.MyCheckbox
{
    color: Black;
}

/* For all drop down lists (ie. theme select */
.MyDropDownList
{
    color: #FFFFFF;
    background-color: #8ECFD7;
}

/* this is for all links on the site */
.MyHyperlink
{
    margin: 10px;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    padding: 5px;
    font-family: Verdana;
}

.MyHyperlink .hover
{
    color: Green;
}

.NormalLink
{
    font-weight: bold;
}

.NormalLink .hover
{
    font-weight: bold;
    color: Yellow;
}

/* this is for labels */
.MyLabel
{
    color: Black;
}

/* This is the setting for all images */
.MyImage
{
    padding: 3px;
    margin: 3px;
    border: thin solid #000000;
}

/* this is the "breadcrumbs" that is on top of each main content page */
.MySiteMapPath
{
    font-family: 'Courier New' , Courier, monospace;
    font-size: large;
    font-weight: bold;
    color: #000000;
}

/* for all of the textboxes on the site */
.MyTextBox
{
    background-color: Gray;
    border-color: Black;
    border-width: medium;
    color: Black;
}

.ImageButton
{
    border-style: ridge;
    border-width: medium;
}

/* Picture Zoomer Setting */
IMG
{
    border: 5px ridge #C0C0C0;
    margin: 5px;
}
div#modaltintdiv
{
    position: absolute;
    background-color: #D3D3D3;
    display: none;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 0px;
}
div#modalouter
{
    position: absolute;
    display: none;
    border: 1px solid #696969;
    font-size: 12px;
    padding: 0px;
    text-align: center;
    background-color: #D3D3D3;
}
div#modaltitle
{
    color: #636363;
    text-decoration: none;
    border-bottom: 1px solid #696969;
    height: 18px;
    width: 100%;
}
div#modaltitleleft
{
    float: left;
    height: 18px;
    width: 16px;
    background-color: #2c2c2c;
}
div#modaltitlemiddle
{
    float: left;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    color: black;
    padding: 2px 0 0 5px;
}
div#modaltitleright
{
    float: right;
    height: 18px;
    width: 16px;
    background-color: #2c2c2c;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: white;
    padding: 1px 0 0 0;
    cursor: pointer;
}
/*------------------end Picture Zoomer Settings ----------------------*/

/************************ CONTACT PAGE ****************
*  the CSS for the data on the contact us page                  */

/* PleaseWait.. this is the GIF animation that happens when the user sends in a comment after pressing the send button */
.PleaseWait
{
    height: 50px;
    width: 500px;
    background-image: url(images/please_wait.gif);
    background-repeat: no-repeat;
    padding-left: 50px;
    line-height: 50px;
}

/* This is the colour for the watermark text inside each text box on the contact page */
.Watermark
{
    position: relative;
    width: 0;
    height: 1.25em;
    vertical-align: top;
}

.Watermark label
{
    position: absolute;
    left: 0;
    top: 2px;
    white-space: nowrap;
    color: #999;
    padding-left: 4px;
    height: 1.25em;
    vertical-align: middle;
}

/* this is the config for the input boxes used in the contact form */
.InputBox
{
    background-color: #eeeeee;
    color: #3300ff;
}

/* This is what happens after the user pressed the send button */
.Attention
{
    border: 4px solid red;
    padding: 10px 0;
    width: 100px;
    margin: auto;
    display: block;
    text-align: center;
}

/* This is the settings for the panel that is used for Restricted/License.aspx, when the user doesn't have a license yet */
.LicenseBuy
{
    padding: 10px;
    border: thick solid #FFFF00;
    background-color: #e6e8b7;
}

/* this is for the menu in the walkthroughs */
.WalkTable
{
    border: 2px solid black;
    padding: 13px 110px 13px 13px;
    background-color: #c0c0c0;
    color: White;
    text-align: center;
    border-spacing: 10px;
}

/* this is the for the Walkthrough menus */
.WalkMenu
{
    padding: 10px 5px 10px 0px;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    color: black;
    line-height: 135%;
}

/********************* ACCORDIAN ***************
***   Programs->VanillaFeatures                          **/
.accordion
{
    width: 400px;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/******************* END ACCORDIAN  *****************/

/* for the login panels */
.LoginPanel
{
    padding: 10px;
}

/* For any elements that need to be disabled */
.disabled
{
    background-color: #DCDCDC;
    border: 1px solid #666633;
    color: #000000;
    cursor: default;
    font-weight: bold;
}