/*
------------------------------------------------------------------------------------------
MASTER PAGE
------------------------------------------------------------------------------------------
*/

/* Default styles used throughout unless overridden by other classes */
body
{
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
    background-color: #ffffff;   /* color that surrounds the outer edges of the page */
    /*   
    background-image: url(../images/ThemeEngineering/MainBackground.png);
    background-position: left top;
    background-repeat: repeat-x;
    */
    font-family: verdana, arial;
    text-align: justify;
    line-height: 19px;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}

/* Encase all page content*/
.PageOuterWrapper
{
    display: block;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
/*
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
*/
}

.PageHeader
{
    display: block;
    width: 960px;
    height: 110px;
    background-color: #ffffff;
    background-image: url(../images/ThemeEngineering/DanParksSydowHeader.png);
    background-position: left top;
    background-repeat: no-repeat;
/*    border-bottom: solid 1px #aaaaaa; */
}

.PageMainMenuArea
{
    display: block;
    float: left;
    width: 203px;
    height: 500px;
    padding-left: 20px;
    padding-top: 100px;
    background-image: url(../images/ThemeEngineering/MenuBackground.png);
    background-position: left 220px;
    background-repeat: no-repeat;
}

.PageContainer
{
    display: block;
    float: right;
    width: 693px;
    padding-right: 30px;
}

.PageFooter
{
    display: inherit;
    position: relative;
    top: 0px;
    left: 0px;
    width: 685px;
    padding-left: 0px;
    padding-top: 90px;
    padding-bottom: 80px;
    text-align: center;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    color: #bbbbbb;
}


/*
------------------------------------------------------------------------------------------
SOFT LINK (BARELY VISIBLE)
------------------------------------------------------------------------------------------
*/

.BottomLinkArea
{
    float: left;
    width: 100%;
    padding-top: 10px;
}
    
.SoftLink, .SoftLink:link, .SoftLink:active, .SoftLink:visited
{
    font-family: arial, verdana;
    font-size: 11px;
    color: #f0f0f0;
    text-decoration: none;
    font-weight: normal;
}

.SoftLink:hover
{
    color: green;
    text-decoration: none;
    font-weight: normal;
}



/*
------------------------------------------------------------------------------------------
MAIN NAVIGATION MENU
------------------------------------------------------------------------------------------
*/

a.InlineLink, a.InlineLink:link, a.InlineLink:active, a.InlineLink:visited
{
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

a.InlineLink:hover
{
    color: #ff00ff;
    text-decoration: none;
    font-weight: bold;
}

a.MainMenuHome, a.MainMenuHome:link, a.MainMenuHome:active, a.MainMenuHome:visited,
a.MainMenuCmsDemo, a.MainMenuCmsDemo:link, a.MainMenuCmsDemo:active, a.MainMenuCmsDemo:visited,
a.MainMenuMadBeeTech, a.MainMenuMadBeeTech:link, a.MainMenuMadBeeTech:active, a.MainMenuMadBeeTech:visited
{
    height: 62px; 
    width: 220px;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
}

a.MainMenuHome, a.MainMenuHome:link, a.MainMenuHome:active, a.MainMenuHome:visited
{
    background-image: url(/images/ThemeEngineering/MenuMainHomePageNormal.png);
}

a.MainMenuHome:hover
{
    background-image: url(/images/ThemeEngineering/MenuMainHomePageHover.png);
}

a.MainMenuCmsDemo, a.MainMenuCmsDemo:link, a.MainMenuCmsDemo:active, a.MainMenuCmsDemo:visited
{
    background-image: url(/images/ThemeEngineering/MenuMainCmsDemoNormal.png);
}

a.MainMenuCmsDemo:hover
{
    background-image: url(/images/ThemeEngineering/MenuMainCmsDemoHover.png);
}

a.MainMenuMadBeeTech, a.MainMenuMadBeeTech:link, a.MainMenuMadBeeTech:active, a.MainMenuMadBeeTech:visited
{
    background-image: url(/images/ThemeEngineering/MenuMainMadBeeTechNormal.png);
}

a.MainMenuMadBeeTech:hover
{
    background-image: url(/images/ThemeEngineering/MenuMainMadBeeTechHover.png);
}



/*
------------------------------------------------------------------------------------------
DEFAULT PAGE
------------------------------------------------------------------------------------------
*/

.FaceAndBooksArea
{
    height: 112px; 
    display: block;
    margin-bottom: 10px;
}

.DanFaceCircleArea
{
    height: 101px;
    width: 86px;
    display: block;
    float: left;
    margin-right: 0px;
    padding-right: 15px;
    padding-bottom: 8px;
    background-image: url(/images/ThemeEngineering/dan_face_circle.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.BookCoversGroupArea
{ 
    height: 101px;
    width: 380px;
    display: block;
    float: right;
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 8px;
    background-image: url(/images/ThemeEngineering/book_covers_group.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.TestPhoneNumberDisplay
{ 
    height: 37px;
    width: 500px;
    display: block;
    text-align: left;
    padding-left: 45px;
    vertical-align: top;
    padding-top: 12px;
    color: #666666;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold; 
}

.TestPhoneNumberChange
{ 
    height: 45px;
    width: 500px;
    display: block;
    text-align: left;
    padding-left: 45px;
    vertical-align: top;
    padding-top: 16px;
}

.SiteStyleButtonsArea
{ 
    display: block;
    width: 500px;
    height: 43px;
    padding-top: 15px;
    text-align: left;
    padding-left: 45px;
}


.PageDefaultHeading1,
.PageDefaultHeading2,
.PageDefaultHeading3,
.PageDefaultHeading4
{ 
    height: 75px;
    margin-top: 70px;
    background-position: left top;
    background-repeat: no-repeat;
}
   
.PageDefaultHeading1
{
    background-image: url(../images/ThemeEngineering/PageDefaultHeading1.png); 
}

.PageDefaultHeading2
{
    background-image: url(../images/ThemeEngineering/PageDefaultHeading2.png);
}

.PageDefaultHeading3
{
    background-image: url(../images/ThemeEngineering/PageDefaultHeading3.png);
}

.PageDefaultHeading4
{
    background-image: url(../images/ThemeEngineering/PageDefaultHeading4.png);
}



.ContactFormDiv
{
    margin-top: 35px;
    width: 610px;
    margin-left: 40px;
}

.ContactFormTable
{
    border-collapse: collapse;
    border: none;
    width: 560px;
}

.ContactFormFieldset
{
    width: 560px;
    _position: relative;
    _display: block;
    border: solid 1px #888888;
    background-color: #dfdfdf;
}

.ContactFormRow1
{
    height: 40px;
}

.ContactFormRow2
{
    height: 48px;
}

.ContactFormLabelCell1,
.ContactFormLabelCell2
{
    vertical-align: middle;
    text-align: right;
    width: 130px;
    padding-right: 6px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.ContactFormLabelCell2
{
    padding-bottom: 10px;
}

.ContactFormContentCell1,
.ContactFormContentCell2
{
    vertical-align: middle;
    text-align: left;
    width: 430px;
    padding-left: 6px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.ContactFormContentCell2
{
    padding-bottom: 10px;
}

.ContactUsFormButtonCell
{
    text-align: right;
    padding-bottom: 5px;
    padding-right: 5px;
}

.ContactFormMessageStatusRow
{
    height: 25px;
}

.ContactUsFormButtonCell
{
   padding-top: 12px;
}



/*
------------------------------------------------------------------------------------------
ADMIN LOGIN PAGE
------------------------------------------------------------------------------------------
*/

div.VertSpacerUnderLoginMainHeader
{
    height: 30px;
}

div.VertSpacerUnderLoginBox
{
    height: 300px;
}

/* Area that holds the Login control                                                */
div.LoginTaskBoxArea
{
    display: block;
    width: 300px;
    position: relative;
    top: 150px;
    padding-left: 150px; /* text-align: center; won't center in FF */
}

.AdminFieldset
{
    _position: relative;
    _display: block; 
    width: 300px;
    border: solid 1px #888888;
    background-color: #d5d5d5;
}

.AdminLegend
{
    _position: absolute; /* Hack to remove the excess background        */
    _top: -8px; /* color that slops above the fieldset.        */
    _left: 5px;
    color: #29292a;
    font-weight: bold;
    font-family: verdana, arial;
    font-size: 14px;
}

.LoginRow
{
    height: 40px;
}

.LoginRowTop
{
    height: 35px;
}

.LoginLabelCell,
.LoginLabelCellTop
{
    width: 130px;
    text-align: right;
    padding-top: 4px;
    padding-right: 10px;
    color: #29292a;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
}

.LoginLabelCellTop
{
    padding-top: 30px;
}

.LoginContentCell,
.LoginContentCellTop
{
    width: 155px;
    text-align: left;
    padding-left: 5px;
}

.LoginContentCellTop
{
    padding-top: 30px;
}


.LoginButtonRow
{
    height: 40px;
}

.LoginButtonCell
{
    text-align: right;
    padding-top: 15px;
    padding-right: 10px;
}



/*
------------------------------------------------------------------------------------------
ALL PAGES
------------------------------------------------------------------------------------------
*/

.PageStandardText
{
    font-family: arial, verdana;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 19px;
    text-align: justify;
}

.PageStandardText a:link, .PageStandardText a:active, .PageStandardText a:visited, .PageStandardText a:hover 
{
    font-family: arial, verdana;
    font-size: 14px;
    font-weight: bold;
    color: #024794;
    text-decoration: none;
}

.PageStandardText a:hover
{
    color: #e20342;
}

/* Style of "normal" buttons */
/* 
Note: 
IE bug adds extra padding to a button's width as the button's text gets longer, resulting 
in buttons having too much spacing on either side of the button's text. The fix:
include width: 1px and overflow: visible, then setting the padding-left, padding-right to
the desired amount of "side" padding - as in the below class.
*/
.ButtonStandard
{
    /*  width: 1px;  */
    overflow: visible;
    color: #333333;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background-color: #f0f0f0;
    border: outset 2px #cccccc;
    padding: 2px 8px 2px 8px;
}

.ButtonStandardDisabled
{
    /*  width: 1px;  */
    overflow: visible;
    color: #444444;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
    border: outset 2px #000000;
    padding: 2px 8px 2px 8px;
}

.TextBoxStandard,
.TextBoxStandardMultiLine
{
    padding: 2px 2px 4px 4px;
    background-color: #f0f0f0;  
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.FeedbackMessage
{
    font-family: verdana, arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #dd0000;
}