/* ---- MCU05 Stylesheet - updated Dec 10/07 ----------------------------- */
/*    left column 66% - right column 25% */
/*    left column 22% - right column 71% */
/*    anything marked !important is for Mozilla to work like IE */
/*    anything marked #margin is for IE to work */
/*    anything marked _margin is for IE 6 or older to work */


/* ---- debugging code - hide when done ---- */
/*  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }
*/
/* ---- end debugging code --- */

/* ---- Body Tag ---------------------------------------------------------- */
/* ------------------------------------------------------------------------ */
body {
/* This path has to be correct! If nothing hovers in IE */
/* this is probably not found */
      behavior:url("fileadmin/csshover.htc");

/* ---- Note: ---- */
/*   Due to an IE bug that caused an error closing the browser, I had to add */
/*   this line of code to all floated element: display: inline; */
/*   Don't make this code active or IE will display wrong */


/* ---- Background img: Dec 10/07 the bg image does not seem to want to show up */
   background: #f6f6f6;
   background-image: url(http://www.mcuniverse.com/fileadmin/sitepics/05bg.png);
   background-repeat: repeat-x;


/* ----- Body Margins ------------------------------------------------ */
	margin: 0;
	padding: 0;
	width: 99.9%;
        #margin-right: -2.75%;

/* ---- Font Size ----------------------------------------------------- */
	font-size: 100%;  /* this keeps all the font sizes the same in IE and Firefox */
                         /* if you want to change anything, just change this - March 2006 */
                         /* originally it was 76%, but that is too small for my liking */
                         /* Dec 10/07 changed to 95%, found 86% too small */
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	line-height: 150%; 
        color: #000000;
}

html {
        margin: 0;
        padding: 0;
}

/*************************************************************************/
/* ---- the following classes define the layout of the page ------------ */

/* ---- PAGE CONTAINER --------------------------------------------------*/
/*#pagecontainer {
        width: 100%;
}*/

/* ---- Static pic is on html template May 06 -------------------------- */
#homepic {
        background-color: #707586; 
        background-image: none;
        height: 65px;
        text-align: center; 
        width: 100%;
}


/* ---- Dynamic section pic - May 06 ----------------------------------- */
#toppic {
        background: #D6ECB9;
        text-align: center;
        width: 100%;
}

/* ---- Gives background color to Top Menu - May 06 --------------------- */
#topmenubg {
        background: #707586;
        position:relative;
        text-align: left;
        width: 100%;
        z-index:99; /* this keeps the menu in front over the body content */
}

/* ----Bread Crumb Menu - May 06 ---------------------------------------- */
#bcframe {
      border-bottom: 1px dashed #999999;
      float: left;
      width: 100%;    
}
#breadcrumb {
      display: inline; /* because of IE */
      float: left;
      font-variant: small-caps;
      margin-top: 5px;
      margin-right: 3%;
      margin-bottom: 5px;
      margin-left: 3%;     
      padding: 5px;
      width: 96%;
}

/* ---- Main Content Frame - around left column and content --------------- */

#content {
     float: left;
     position: relative;
     height: 100%;
     margin: 0.5em;
     text-align: center;
     width: 97.5%;
     z-index: 10;
}

/* ---- Feedback / Last Update Container - May 06 -------------------------- */
#fback-frame {
      float: left;
      width: 100%;
      text-align: left;
      background: #E0E0E0;  /* light grey */
      border-top: 3px solid #AFB6D0;
      border-bottom: 3px solid #AFB6D0;
}

/* ---- Lastupdate Container and class - May 06 ----------------------------- */
#lastupdate {
      float: left;
      width: 33%; 
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 3%;
      color: #666666;	/* blue grey */
      text-align: left;
}

.lastupdate {
      color: #666;
      font-size: 80%;
}

#feedback {
      float: left;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 1%;
      width: 63%; 
      text-align: left;
}

/* ---- Bottom Menu ----------------------------------------------------------- */
#bottommenu {
      clear: both;
      float: left;
      width: 100%;
      background: #707586; /* blue grey */
      padding-top: 1em;
      padding-bottom: 1em;
      text-align: center;
}

/*  ---- Footer Frame May 06 ---------------------------------------------------- */
/*  use clear: both so that it will appear below the content */
#footer {
       width: 100%;
       clear: both;
} 

/* ---- Footer site credit container - May 06 ------------------------------------ */
#credit {
      float: left;
      background: transparent;
      text-align: center;
      width: 100%;
      padding-top: 1em;
      padding-bottom: 1em;
      color: #666666;
      border-top: 2px solid #E0E0E0;
}

/* Geogle Keywords */
.keywords {
     display: none;
}
/* ---- end page layout definitions ------------------------------------ */
/*************************************************************************/


/*************************************************************************/
/* ---- Page Content Definitions --------------------------------------- */
/*************************************************************************/

/*************************************************************************/
/* ---- Home Page Content Layout START - May 06 START------------------- */

/* ---- Left Content Frame around Date & News Plugin ---- */
#lcontent_frame {
     float: left;
     width: 66%;
     margin-left: 3%;
     margin-top: 10px;
     display: inline;
}
#dateframe {
      float: left;
      padding: 8px;
      background: white;
      border: 1px solid #707586;
      width: 100%;
      text-align: center;
}

#date {
      font-weight: bold;
      font-size: 130%;
      color: #707586;
      padding: 5px;
      background-color: #DADDE9;
      border: 1px solid #707586;
      text-align: center;
}
/* ---- this is the text under the date ---- */
#leftcontent {
       background: white;
       text-align: center;
}


/* ---- This is the news plugin in the left column ---- */
#content-home {
      float: left;
      margin-top: 10px;
      padding: 8px;
      width: 100%;
      background: white;
      border: 1px solid #707586;
}

/* ---- Right Column ---- */
#rightcol {
      float: left;
      width: 25%;
      margin-top: 10px;
      margin-left: 3%;
      background: transparent;
}

/* ---- Google Ads ---- */
#googlehome {
      float: left;
      padding: 8px;
      margin-top: 10px;
      width: 100%;
      text-align: center;
      border: 1px solid #707586;
      background: white;
}

.border {
      float: left;
      width: 98%;
      border: 1px solid #707586;
      padding: 8px;
      margin-bottom: 1em;
      background: white;
}

.title {
      text-align: center;
      color: #333;
      background-color: #D6EFBD;
      border: 1px solid #707586;
      padding: 2px;
      font-weight: bold;

}
/* ---- Home Page Content Layout END ----------------------------------- */
/*************************************************************************/



/*************************************************************************/
/* ---- Narrow-Wide Inside Page Layout START --------------------------- */


/* ---- Left Column ----- */

/* ---- frame around left column  ---- */
#leftcol {
      float: left;
/*      width: 100%;*/
      width: 22%;
      text-align: left;
      margin-top: 10px;
      margin-left: 2%;
      margin-bottom: 40px;
      background: white; 
      border: 1px solid #707586;
      display: inline;
      height: 100%;
}

/* ---- left menu container ---- */
#leftmenubox {
      float: left;
      width: 100%;
      background: #F2F2F2;
}

/* ---- RSS Feed ---- */
#rss_frame {
      float: left;
      width: 99%;
      border-bottom: 1px dashed #333;
}
.rss {
      float: left;
      width: 100%;
      margin-top: 1.5em;
      padding-bottom: 1.5em;
      padding-left: 1.5em;      
      text-decoration: none;
      display: inline;
}
.rss a {
      text-decoration: none;
}
/* ---- Shutterbug Photo Ad ---- */
#photoad {
      float: left;
      width: 99%;   
      margin-top: 1.5em;
      margin-bottom: 1.5em;
}
     
/* ---- Google Ads for Narrow-Wide Content ---- */
#google {
      display: block;
      float: left; 
      width: 22%;
      text-align: center;
      margin-left: 20px;
      margin-bottom: 0px;
      padding: 10px 0px 25px 5px;
}

#donation {
     float: left;
     width: 100%;
     margin-top: 2em;
     text-align: center;
     vertical-align: text-bottom;  
     border-top: 1px dashed #333333;
}
/*.donation {
     float: left;
     width: 100%;
     margin-top: 2em;
     margin-bottom: 0.5em;
     text-align: center;
     display: inline;
}
*/
      
#content-normal {
      background: white;
      border: 1px solid #707586;
      float: left; 
      max-width: 675px;
      margin-top: 10px;
      margin-left: 2%;
      padding: 8px;
      text-align: left;
      width: 71%;
      position: relative;
      z-index: 10;
}

/* ---- Page Comments ---- */
#comments {
      border: 1px solid #707586;
      float: left;
/*      display: inline;*/
      max-width: 685px;
      margin-left: 2%;
      margin-left: 26.15% ! important;*/
      margin-top: 10px;
      text-align: left;
      padding-left: 8px;
      background: white;
      width: 70%; 
}

/* ---- Back Link ---- */
#backlink {
      float: left;
      text-align: center;
      width: 100%;
      font-stretch: wider;
      margin: 10px 10px 5px 10px;
      display: inline;
}
/* ---- Narrow-Wide Layout END ----------------------------------------- */
/*************************************************************************/


/*************************************************************************/
/* ---- Narrow-Wide Flash Tutorial Inside Page Layout START ------------ */


/* ---- Left Column ----- */
#leftcol-wide {
      float: left;
      width: 19%;
      max-width: 200px;
      text-align: left;
      margin-top: 10px;
      margin-left: 2%;
      background: white; 
      border: 1px solid #707586;
      display: inline; 
      height: 100%;
}

/* ---- left menu container ---- */
#leftmenubox {
      float: left;
      width: 100%;
      background: #F2F2F2;
}

/* ---- Content wide ---- */
#content-normal-wide {
      float: left;
      margin-top: 10px;
      margin-left: 2%;
      padding: 8px;
      width: 81%;
      max-width: 825px;
      text-align: left;
      background: white;
      border: 1px solid #707586;
}

/* ---- Flash Page Comments  ---- */
#commentsflash {
      float: left;
      display: inline;
      margin-left: 20%;
      text-align: left;
      width: 100%;
}
/* ---- Narrow-Wide Flash Tutorial Inside Page Layout END -------------- */
/*************************************************************************/

/*************************************************************************/
/* ---- Typo3 Consult Picture Left Column ------------------------------ */

#t3consult_frame {
     float: left;
     width: 100%;
     margin-top: 2em;
     text-align: center;
     vertical-align: text-bottom;  
     border-top: 1px dashed #333333;
}
.t3consult {
     float: left;
     width: 100%;
     margin-top: 2em;
     margin-bottom: 0.5em;
     text-align: center;
     display: inline;
}
.enomaly {
     float: left:
     width: 100%;
     text-align: center;
     font-variant: small-caps;
     margin-bottom: 2em;
}
.enomaly A { 
     color: #4E4E4E; 
     text-decoration: none;
}
.enomaly A:hover { 
     color: #ff6600; 
     text-decoration: none;
}
/*---- TYPO3 Consult Picture Left Column END --------------------------- */
/*************************************************************************/


/*************************************************************************/
/* ---- Previous Next Links -------------------------------------------- */

#prevnext {
      display: inline;
      float: left;
      text-align: center;
      width: 98%;
      font-stretch: wider;
      font-weight: normal;
      margin: 5px 10px 5px 0;
      padding: 5px;
}



/*************************************************************************/
/* ---- for GD wide page ----------------------------------------------- */

#hz-frame {
      float: left;
      width: 66%;
      text-align: left;
      margin-top: 10px;
      margin-left: 3%;
      background: white; 
      border: 1px solid #707586;
      display: inline;
}
   
#hzmenu {
      float: left;
      width: 100%;
      text-align: left;
}
#hzsubmenu-frame {
      float: left;
      width: 25%;
      text-align: left;
      margin-top: 10px;
      margin-left: 3%;
      background: white; 
      border: 1px solid #707586;
      display: inline;
}
#hzsubmenu {
      width: 100%;
      text-align: left;
      margin-left: 20px;
}
#content-wide {
      float: left;
      max-width: 805px;
      width: 93%;
      margin-top: 10px;
      margin-left:  3%;
      padding: 8px;
      text-align: left;
      border: 1px solid #707586;
      background: white;
}
/* ---- this limits the width of the main content to 816px ----------- */
#content-wide p {
      max-width: 51em;
}
/* ---- Google Ads for wide content template -------------------------- */
#googlewide {
      float: left;
      padding: 8px;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 3%;
      width: 93%;
      text-align: center;
      border: 1px solid #707586;
      background: white;
}
/* ---- Wide Content Layout END ---------------------------------------- */
/*************************************************************************/

/*************************************************************************************/
/* ---- Runes Page ----------------------------------------------------------------- */
.boxtext {
    font-family: "Courier New", Courier, mono;
    color: #333333;
    padding: 5px 10px;
    border: 1px solid #333333;
}
.date {
    display: block;
    background: #663333;
    border: 1px solid #333333;
    padding: 5px 10px;
    color: #CC9933;
    text-decoration : none;
    font-weight: bold;
}
.tree {
    display: block;
    text-align: center;
    background: #CC9933;
    border: 1px solid #333333;
    padding: 5px 10px;
    color: #663333;
    text-decoration : none;
    font-weight: bold;
}
/* ---- Runes Page End ------------------------------------------------- */
/*************************************************************************/


/*******************************************************************/
/* ---- Header defintions --------------------------------------- */
/*******************************************************************/
H1, H2, H3, H4, H5 { 
	font-family: "Trebuchet MS", Verdana, sans-serif;
}
H1 { font-size: 1.7em;} 
H2 { font-size: 1.5em;} 
H3 { font-size: 1.4em;} 
H4 { font-size: 1.3em;} 
H5 { font-size: 1.1em;} 

H1,H2,H3,H4,H5 { 
	color: #333333; 
	font-variant: small-caps; 
	font-stretch: wider; 
	margin-top: 0.75em; 
	margin-bottom: 0.5em; 
	padding-bottom: 2px; 
	text-align: left;
}
H1 { 
	border-bottom: 2px solid #ff6600;
	margin-top: 0em;
        padding-bottom: 5px;
}
H2 { 
	border-bottom: 2px solid #ff6600;
}
H3,H4,H5 { 
	border-top: 1px solid #ff6600;
	border-bottom: 1px dashed #ff6600;
}	
H4 {
	font-style: italic;
}
	
/* ---- Images / Tables / Wrapped text -------------------------- */
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { 
	margin-top: 0px; 
}

/*******************************************************************/
/* ---- P, DIV, Pre, Blockquote, Input, Textarea, UL, OL, LI ---- */
/*******************************************************************/
DIV, P, PRE, TD, UL, OL, LI, BLOCKQUOTE, INPUT, TEXTAREA, SELECT  { 
	font: 100%/150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
}

PRE { 
	font-family: monospace; 
	line-height: 125%; 
	padding: 5px; 
	margin-top: -10px; 
	margin-bottom: -10px; 
	color: #333333; 
	width: 99%; 
	border: 1px solid #333333; 
	background: #F6F2ED;
}

A { 
	font: 0.9em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: navy; 
	text-decoration: underline;
}

A:hover { 
	color: #ff6600; 
	font: 0.9em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

FORM { 
	margin: 0;
}

P, PRE { 
	margin: 0;
}

INPUT, TEXTAREA, SELECT { 
	padding-left: 5px; 
}

UL, OL, LI  { 
	font: color: #000000; 
	line-height: 125%;
}

.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}

.quotation {
    font-family: "Courier New", Courier, mono;
    color: #333333;
    margin-left: 3em;
}

/* ---- Header date ---- */
P.csc-header-date { font-size: 75%; color: #333333; margin-top: 10px; }

/* ---- Subheader, general ---- */
P.csc-subheader { font-style: italic; background-color: transparent; }

/* ---- Subheader, specific ---- */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #333333; }
P.csc-subheader-2 { color: #10007B; }
P.csc-subheader-3 { color: #8A0020; }


/* ---- RTE / BodyText ---- */
P, P.bodytext { 
	font: 100%/150% black;
}

BLOCKQUOTE P.bodytext { 
	margin-left: 20px; 
}
BLOCKQUOTE BLOCKQUOTE P.bodytext { 
	margin-left: 20px; 
}

/*******************************************************************/
/* ---- RTE / Bulletlists ---- */
/*******************************************************************/
UL { margin-top: 0px;  }
UL UL LI { font-size: 100%; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }



/* ---- Bulletlists ---- */

/* ---- Bulletlists, general ---- */
UL.csc-bulletlist LI { font-size: 100%; }

/* ---- Bulletlists, specifically ---- */
/* colors:
    #000000 = black
    #186900 = green
    #10007B = dark blue
    #8A0020 = burgundy red
*/
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }


/*******************************************************************/
/* ---- RTE / Table styling -------------------------------------- */
/*******************************************************************/
TABLE.contenttable { margin: 10px 0px 10px 0px; }
TABLE.contenttable TR TD { padding: 5px; }
TABLE.contenttable TR TD P.bodytext { font-size: 100%; }
TABLE.contenttable TR { }


/* ---- Tables, generally ---- */
TABLE.contenttable P { font-size: 100%; }
TABLE.contenttable TR TD { }

/* ----- Tables, specifically ----- */
/* colors:
    0: #00000 = black
    1: #186900 = green / #D1D2E4 = light grey
    2: #10007B = dark blue / #F5FFAA = light yellow
    3: #8A0020 = burgundy red / #D1D2E4 = light grey
*/

TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}

TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }

/*********************************************************************/
/* ---- Filelinks, generally --------------------------------------- */
/*********************************************************************/
/* colors:
    #EDEBF1 = lighter grey
    #D8D7DC = light grey
*/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 100%; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: normal; font-size: 100%; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* ---- Filelinks, specifically ---- */
/* colors:
    1: #186900 = green
    2: #10007B = dark blue
    3: #8A0020 = burgundy red / #333333 = dark grey
*/
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }

/********************************************************************/
/* ---- Feedback and back to the top Links ------------------------ */
/********************************************************************/
/* color: #707586 = blue grey, #ff6600 = orange */

.fback {
      font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      font-size: 75%;
      font-stretch: wider;
      font-weight: normal;
      margin: 5px 10px 5px 0;
      padding: 5px;
}
.fback A {
      font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      font-size: 75%;
      color: #707586;
      text-decoration: none;
}
.fback A:visited {
      color: #707586;
      text-decoration: none;
}
.fback A:hover {
      color: #ff6600; 
      text-decoration: none;
}

P.csc-linkToTop { text-align: right; font-size: 75%; color: #707586;}
P.csc-linkToTop A { font-weight: bold; }

/*************************************************************************/
/* ---- Images --------------------------------------------------------- */
/*************************************************************************/

/* ---- Images / Captions ---- */
P.csc-caption { font-size: 80%; color: #666666; font-style: italic; text-align: center; }
.csc-caption .tn { 
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; 
	color: #666666; 
	font-style: italic;
	text-align: center;
}
.tn { font-size: 80%; color: #666666; text-align: center; font-style: italic; }

/* ---- Images / Tables / Floating text ----- */
TABLE.imgtext-table { border: 0px;}

/* ---- Images / Tables / Wrapped text ---- */
/* When "Text w/Image" elements are wrapping the text into a table
    the top-margin of Hx elements should be transferred to the wrapping
    table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px;}
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }


/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }



/*************************************************************************/
/* ---- Various Forms -------------------------------------------------- */
/*************************************************************************/
/* colors:
    #D8D7DC = light grey
    #EDEFB1 = lighter grey
    #333333 = dark grey
*/
/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #D8D7DC; }
FORM TABLE TR TD.csc-form-fieldcell { background-color: #EDEBF1; }
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #333333; }
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }


/* ----- Search form, specifically ---- */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }

/* ---- Login form, specifically ---- */
FORM TABLE.csc-loginform { width: 70%; }


/* ---- Search result ---- */
/* colors:
    #EDEBF1 = lighter grey
    #186900 = green
*/
/* ---- Search Result, result information box: ----- */
TABLE.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
TABLE.csc-searchResultInfo TR { background-color: #EDEBF1; }
TABLE.csc-searchResultInfo TR TD P { padding: 0px 5px 0px 5px;}
TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-weight: bold; }
TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align: right; }

/* ----- Search Result, header + abstract: ----- */
H3.csc-searchResultHeader A { color: #186900; }
H3.csc-searchResultHeader { background-color: #EDEBF1; font-size: 14px; padding-left: 5px; }
P.csc-searchResult { font-style: italic; margin-left: 20px;}

/* ---- Search word markup ---- */
SPAN.csc-sword { font-weight: bold; color: red; }

/*************************************************************************/
/* ---- Menu / Sitemap, generally -------------------------------------- */
/*************************************************************************/
/* colors:
    #EDEBF1 = lighter grey
    #000000 = black
    #660000 = brown red (hover)
*/
DIV.csc-menu { margin-left: 20px; margin-right: 20px;}
DIV.csc-menu P { font-size: 100%; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #DFDFDF; }
DIV.csc-menu P A {color: #364061; text-decoration: none; }
DIV.csc-menu P A:hover { color: #FF6600; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-size: 100%; font-weight: normal; margin-left: 20px; font-style: italic; background-color:  #F2F2F2;}

/* ----- Menu / Sitemap, "Menu of these pages" ----- */
DIV.csc-menu-def P {  }

/* ----- Menu / Sitemap, "Menu of subpages to these pages" ----- */
DIV.csc-menu-1 { }

/* ----- Menu / Sitemap, "Sitemap" ----- */
/* colors:
    #186900 = green
    #10007B = dark blue
    #8A0020 = burgundy red
*/
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #186900; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #10007B; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #8A0020; }

/* ----- Menu / Sitemap, "Section index (pagecontent w/Index checked)" ----- */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: navy; }

/* ----- Menu / Sitemap, "Menu of subpages to these pages (with abstract)" ----- */
DIV.csc-menu-4 { font-weight: normal; font-size: 100%; }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-size: 90%; font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; background-color: #F2F2F2; }

/* ----- Menu / Sitemap, "Recently updated pages" ----- */
DIV.csc-menu-5 { }

/* ----- Menu / Sitemap, "Related pages (based on keywords)" ----- */
DIV.csc-menu-6 { }

/* ----- Menu / Sitemap, "Menu of subpages to these pages + sections" ----- */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: normal; font-size: 100%; }
DIV.csc-menu-7 P.csc-section A { font-siz: 95%; color: #575E75; }


/*******************************************************************/
/* ---- Frontend editing / TYPO3 Admin Panel --------------------- */
/*******************************************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; }

/* Default styles for the Admin Panel */
/* colors:
    #F6F2E6 = light beige
    #9BA1A8 = medium grey
    #ABBBB4 = green grey
    #F6F2E6 = lighter beige
*/
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }


/*******************************************************************/
/* ---- Debugging ------------------------------------------------ */
/*******************************************************************/
/* colors:
    #999999 = medium light grey
    #000099 = dark blue
    #990000 = dark red
*/
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #999999;}
TD TABLE { border: 1px dotted #000099;}
DIV { border: 1px dotted #990000;}
IMG.spacer-gif { border: 1px solid black; }
*/