/*

  Style sheet Fuzio design no 2. +upgrade

*/

html
{
}

body
{
    background: Black;
    
    font-family: Arial;
    font-size: 10pt;
    color: White;
    
    text-align: center;     /* IE hack */
}

td
{
    font-family: Arial;
    font-size: 10pt;
    color: Black;
}

a
{
    text-decoration: none;
    color: rgb(243, 121, 22);
}
a:hover
{
    text-decoration: underline overline;
}
a:visited
{
}

h1  /* Page title! */
{
    padding: 5px 5px 0px 0px;
    margin: 0px;
    
    font-size: 12pt;
    font-weight: normal;
    font-variant: small-caps;
    vertical-align: bottom;
}

h2 
{
    vertical-align: bottom;
    padding: 5px 5px 2px 0px;
    margin: 0px;
    
    font-size: 12pt;
    font-weight: bold;
}

h3
{
    vertical-align: bottom;
    padding: 5px 5px 2px 0px;
    margin: 0px;
    
    font-size: 10pt;
    font-weight: bold;
}

/* Page centering */
#Centering
{
    width: 850px;
    margin: auto;
    clear: both;
    display: block;

    text-align: left;     /* IE hack */
}
#Main
{
    width: 100%;
    min-height: 100%;   /* BUGBUG */

    background: Black url('../images/Fuzio2/Header.jpg') 0px 0px no-repeat;
}

/* Header */
#Header
{
    width: 100%;
    height: 140px;
}
#HeaderLeft
{
    width: 150px;
    float: left;
}
#HeaderRight
{
    height: 100%;
    width: 600px;
    float: right;
}

/* Banner at the header */
div.Banner
{
    float: right;
    top: 115px;
}
div.Banner .DisplayFullImage
{
    border: solid 1px white;
}

/* Admin stuff */
#NodeMenu
{
    top: 125px;
    left: 30px;
    float: left;
    padding: 2px;
    z-index: 10000;
    background: Black;
}

/* Content */
#Content
{
    width: 100%;
    clear: both;
}
#ContentLeft
{
    width: 150px;
    padding: 48px 0px 0px 0px;
    float: left;
}
#ContentMiddle
{
    width: 540px;
    padding: 0px 10px 0px 10px;
    float: left;
}
#ContentRight
{
    width: 140px;
    padding: 48px 0px 0px 0px;
    float: right;
}

/* Footer */
#Footer
{
    width: 100%;
    clear: both;
    padding: 0px 0px 5px 0px;
    
    font-size: 8pt;
}
#FooterLeft
{
    width: 150px;
    height: 10px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#FooterMiddle
{
    width: 500px;
    padding: 15px 10px 0px 10px;
    float: left;
}
#FooterRight
{
    width: 140px;
    padding: 0px 0px 0px 0px;
    float: right;
    text-align: center;
}

.FixClear
{
    clear: both;
}






/* Display */
div.Display
{
    background: white;
    clear: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
#ContentLeft .Display
{
}
#ContentMiddle .Display
{
    clear: right;
    z-index: 1000;
}
#ContentRight .Display
{
    z-index: 1;
}

div.DisplayHeader
{
    padding: 2px 2px 2px 2px;
    font-variant: small-caps;
    
    background-color: rgb(133, 37, 16);
}

/* Display's content */
div.DisplayContent
{
    padding: 5px 5px 5px 5px;
    font-family: Arial;
    
    background: White;
    color: Black;
}
.DisplayContent td
{
    color: Black;
}
.DisplayContent ul
{
    margin: 0px;
    padding: 0px;
    
    list-style-type: circle;
    list-style-position: inside;
}
.DisplayContent li
{
    margin: 0px 12px 0px 0px; 
    padding: 0px;
    
    vertical-align: middle;
    font-variant: normal;
}
.DisplayContent li ul
{
    margin: 0px 0px 0px 8px;
}

div.DisplayMenu
{
    float: right;
}

/* Site map path */
#SiteMapPath
{
    font-size: 8pt;
    padding: 0px 0px 10px 0px;
}

div.DisplayFooter
{
    clear: both;
    padding: 2px 2px 2px 2px;
    font-size: 8pt;
    
    background-color: rgb(176, 144, 112);
}
.DisplayFooter a
{
    color: Black;
}

/* Display's contents */
div.DisplayNavigation
{
    float: right;
}

img.DisplayFullImage
{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px; 
}
img.DisplayPreviewImage
{
    float: left;
    clear: left;
    margin: 0px 5px 5px 0px;
}

p.Quote
{
    font-family: Times;
    font-style: italic;
    font-size: 13pt;
    letter-spacing: -0.02em;
    color: rgb(130, 186, 102);
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
}

/* Main Menu */
#MainMenu
{
    padding: 0px 0px 10px 0px;
}
#MainMenu ul
{
    margin: 0px;
    padding: 0px;
    
    list-style-type: circle;
    list-style-position: inside;
}
#MainMenu li
{
    margin: 0px 12px 0px 0px; 
    padding: 0px;
    
    vertical-align: middle;
    font-variant: small-caps;
}
#MainMenu li ul /* Behuzas balrol, kompenzalva minusszal a jobb oldalon!*/
{
    margin: 0px -12px 0px 8px;
}
#MainMenu a
{
    color: White;
}
#MainMenu a:hover
{
    color: rgb(243, 121, 22);
    text-decoration: none;
}
#MainMenu a.Current
{
    font-weight: bold;
}

/* WebRadio */
#WebRadio
{
    padding-top: 10px;
    text-align: center;
    font-size: 7pt;
}

/* Partners */
#Partners
{
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-size: 7pt;
}

/* Login */
input.LoginInput
{
    width: 85px;
    font-size: 8pt;
    border: solid 1px #c0c0c0;
    background: White;
    margin-bottom: 1px;
}
input.LoginButton
{
    font-size: 8pt;
    border: solid 1px #c0c0c0;
    background: #f0f0f0;
}

/* Navigator */
div.NavigatorDisplay
{
    background: Black;
}
div.NavigatorDisplay .DisplayHeader
{
    background: Black;
}
div.NavigatorDisplay .DisplayContent
{
    background: Black;
    color: white;
}
div.NavigatorDisplay .DisplayFooter
{
    background: Black;
    color: black;
}
div.NavigatorDisplay td
{
    color: white;
}




/* Programs */
table.Programs
{
    color: Black;
}
td.Program1
{
    background: #f8f0ea;
    color: Black;
}
td.Program2
{
    background: #f6e3d3;
    color: Black;
}

/* Contributors */
table.Contributor
{
    color: Black;
}
#ContributorImage
{
    padding: 3px 5px 5px 0px;
    margin: 0px;
}

/* List */
table.List
{
    width: 100%;
}
.List td
{
    padding-left: 2px;
}

/* Log list */
table.Log
{
    width: 100%;
    background: white;
    border-collapse: separate;
}
table.Log th
{
    font-size: 8pt;
    border-bottom: solid 1px black;
}
table.Log tr
{
    /* border-bottom: solid 1px lightgray; */
}
table.Log td
{
    font-size: 7pt;
    /* border-right: solid 1px lightgray; */
    background: #f1f1f1;
}

div.Archive
{
	font-size: 7pt;
}