/***************************************************************************
// File: general.css
// Description: SpinTag WebWord - general stylesheets
// created by Katrin Meinicke
//
// Copyright (c) 2002 SpinTag, Klaue & Kundel
// Author site at http://www.spintag.de or http://www.spintag.com
// this credit must stay intact - do not edit this file !
//
// $Id: general.css,v 1.135 2007-07-24 13:57:26 chris Exp $
****************************************************************************/

html, body {
	height:100%;
	margin:0px;
	padding:0px; 
	font-family:verdana,arial,helvetiva,geneva,sans-serif;
	/*scrollbar-track-Color:#F9F9F9;
	scrollbar-face-Color:#E7E7E7;
	scrollbar-shadow-Color:#000000;
	scrollbar-darkshadow-Color:#E7E7E7;		//IE crashes
	scrollbar-highlight-Color:#E7E7E7;
	scrollbar-3dLight-Color:#E7E7E7;
	scrollbar-arrow-Color:#000000;*/
}

/* general links */
a {
	color:#194069;
	font-family:verdana,arial,helvetiva,geneva,sans-serif;
	text-decoration:none;
}
a:hover { text-decoration:underline; }

/* form elements and buttons */
form { margin:0px; }
button, .button {
	background-color:#e3e2e1;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid #f5f5f5;
	border-top:1px solid #f5f5f5;
	font:11px verdana,arial,sans-serif;
	cursor:pointer;cursor:hand;
	vertical-align:bottom;
	padding:1px;
}

/* article status in menuBar */
.clOriginal, .clReadOnly { background-color:white; color:#336666; font-weight:bold; font-style:italic; padding:1px; padding-left:5px; padding-right:5px;}
.clModified, .clLocked { background-color:white; color:#b10027; font-weight:bold; font-style:italic;  padding:1px; padding-left:5px; padding-right:5px;}
#menuBartitle td { font-weight:bold; padding:1px; padding-left:3px; padding-right:3px;}


/* ------------ Quick How To; no article ----------------- */
/* table outfit */
.color1 { background-color:#194069; }
.color2 { background-color:#e9e9e6; font-size:80%; }
.rightBlueShadow { background-image:url(/stc/icons/loginBox_shadow_rightBlue.gif); }
.rightShadow { background-image:url(/stc/icons/loginBox_shadow_right.gif); }
.bottomShadow { background-image:url(/stc/icons/loginBox_shadow_bottom.gif); }

/* welcome in header */
td.head {
	color:white;
	font:bold 80% verdana,arial,helvetiva,geneva,sans-serif;
	text-align:center;
	vertical-align:top;
	background-color:#194069;
	height:20px;
}

/* texts + links */
.howToText  { color:black; font:normal 90% verdana,arial,helvetiva,geneva,sans-serif; }
a.howToLink { color:#194069; font-size:100%; text-decoration:none; }
a.howToLink:hover {	color:#194069; text-decoration:underline; }
ul.howToList li { padding-bottom:5px; }

/* ------------ EOF Quick How To; no article ----------------- */


/* -------------------- ALL WINDOWS (menu is also a window!) ------------------- */

/* bgcolor + outer */
.STWindowBody {
	background-color:white;
	border-left:1px solid #c7cbcf;
	border-top:1px solid #c7cbcf;
	border-bottom:1px solid black;
	border-right:1px solid black;
}
/* title bar */
.STWindowTitle {
	font:bold 11px verdana,arial,helvetiva,geneva,sans-serif;
	color:white;
}
/* different states */
.STWBar_inline, 
.STWBar_pinup, 
.STWBar_chase, 
.STWBar_inline_active, 
.STWBar_pinup_active, 
.STWBar_chase_active,
.STWBar_minimized,  
.STWBar_minimized_active {
	font:bold 11px verdana,arial,helvetiva,geneva,sans-serif;
}
.STWBar_inline, 
.STWBar_pinup, 
.STWBar_chase {
	background-color:#194069; /* grau: #969ea6 */
	color:#d7d8da;
}
.STWBar_inline_active {
	background-color:#63829c;
	color:white;
} 
.STWBar_pinup_active, 
.STWBar_chase_active {
	background-color:#194069;
	color:white;
}
.STWBar_minimized {
	background-color:#FF9933;
	color:#FFCC99;
}
.STWBar_minimized_active {
	background-color:#FF9933;
	color:white;
}

/* for resizing windows :: borders + cursors */
.eResize { cursor:e-resize; background-color:#bdc1c5; }
.sResize { cursor:s-resize; background-color:#bdc1c5; }
.nResize { cursor:n-resize; background-color:#bdc1c5; }
.wResize { cursor:w-resize; background-color:#bdc1c5; }
.seResize { cursor:se-resize; background-color:#878C92; }
.swResize { cursor:sw-resize; background-color:#878C92; }
.neResize { cursor:ne-resize; background-color:#878C92; }
.nwResize { cursor:nw-resize; background-color:#878C92; }

/* -------------------- EOF ALL WINDOWS ------------------------------ */


/* ----------------------------- MENU -------------------------------- */

/* div/table around window-icons like minimize, maximize, close etc. */
.STWindowMenuPage { border:0px solid red; }
.STWindowMenuPane { border:0px solid green; padding:1px; }

/* both main menus :: container */
.menuBarPage { border:0px solid green; background-color:#bdc1c5; color:black; }
.menuBarPane { border:0px solid red; background-color:#bdc1c5; } 

/* opened submenus */
.menuBarSub { 	
	background-color:#bdc1c5; 
	border-left:1px solid white; 
	border-top:1px solid white; 
	border-right:1px solid black; 
	border-bottom:1px solid black;
}

/* ------------ horizontal ------------------ */
.menu_horizontal_active {
	font:normal 11px/22px verdana,arial,helvetiva,geneva,sans-serif;
	border-left:1px solid black; 
	border-top:1px solid black; 
	border-right:1px solid white; 
	border-bottom:1px solid white;
	padding:0px;
	white-space:nowrap;
}
.menu_horizontal_active_hover {
	font:normal 11px/22px verdana,arial,helvetiva,geneva,sans-serif;
	border-left:1px solid black; 
	border-top:1px solid black; 
	border-right:1px solid white; 
	border-bottom:1px solid white;
	background-color:#D4D8DC;
	padding:0px;
	white-space:nowrap;
}
.menu_horizontal_enabled { 
	font:normal 11px/22px verdana,arial,helvetiva,geneva,sans-serif;
	margin:1px; /* pseudo-transp. background */
	padding:0px;
	white-space:nowrap;
}
.menu_horizontal_enabled_hover {
	font:normal 11px/20px verdana,arial,helvetiva,geneva,sans-serif;
	border-left:1px solid white; 
	border-top:1px solid white; 
	border-right:1px solid black; 
	border-bottom:1px solid black;
	padding:0px;
	white-space:nowrap;
}
.menu_horizontal_disabled { 
	font:normal 11px/22px verdana,arial,helvetiva,geneva,sans-serif;
	color:black;
	filter:alpha(opacity=40) DropShadow(color=white, offx=1, offy=1); /* IE */
    -moz-opacity:0.5; /* gecko */
    margin:1px; /* placeholder for border */
	padding:0px;
	white-space:nowrap;
}
.menu_horizontal_delimitter { text-align:center; }

/* -------------- vertical ----------------- */
.menu_vertical_active { 
	font:normal 11px verdana,arial,helvetiva,geneva,sans-serif;
	padding-left:0px;padding-right:1px;
	white-space:nowrap;
	height:24px;
}
.menu_vertical_active_hover { 
	background-color:#cdd1d5;
	font:normal 11px verdana,arial,helvetiva,geneva,sans-serif;
	color:white;
	background-color:#969ea6;
	padding-left:0px;padding-right:1px;
	white-space:nowrap;
	height:24px;
}
.menu_vertical_enabled { 
	font:normal 11px verdana,arial,helvetiva,geneva,sans-serif;
	padding-left:0px;padding-right:1px;
	white-space:nowrap;
	height:24px;
}
.menu_vertical_enabled_hover { 
	font:normal 11px verdana,arial,helvetiva,geneva,sans-serif;
	color:white;
	background-color:#969ea6;
	padding-left:0px;padding-right:1px;
	white-space:nowrap;
	height:24px;
}
.menu_vertical_disabled { 
	font:normal 11px verdana,arial,helvetiva,geneva,sans-serif;
	color:black;
	filter:alpha(opacity=40) DropShadow(color=white, offx=1, offy=1); /* IE */
   -moz-opacity:0.5; /* gecko */
	padding-left:0px;padding-right:1px;
	white-space:nowrap;
	height:24px;
}
.menu_vertical_delimitter {	text-align:center; }

.menu_delimitterLine { 
	background-color:#5b6776; 
	border-right:1px solid white; 
	border-bottom:1px solid white;
	margin:2px;
}
/* ----------------------- EOF MENU ------------------------------- */


/* shortcut box */
table.shortcuts { font:normal 100% verdana,arial,helvetiva,geneva,sans-serif; border-collapse:collapse;/*separate*/ }
table.shortcuts th { text-align:center; border:1px solid gray; }
table.shortcuts td { border:1px solid gray; }
table.shortcuts td.main { 
	text-align:center;
	border:1px solid gray; 
	font-weight:bold; 
	background-color:#f1f1f1;
}
/* EOF shortcut box */

/* search box */
.SearchWindow { padding:15px; background:white; }
.SearchWindow fieldset {
	font:normal 80% verdana,arial,helvetiva,geneva,sans-serif;
	margin-top:10px;
	padding:5px;
}
.SearchWindow label {
	font:normal 80% verdana,arial,helvetiva,geneva,sans-serif;
}
.SearchWindow td {
	vertical-align:top;
	padding:0px;
}



/* special characters box */
.SpecialCharWindow { background:#e9e9e6; width:100%; height:100%; }
.SpecialCharTable { background-color:#969ea6; width:430px; }
.SpecialCharTable TD { 
	background-color:white;
	border:1px solid white;
	width:20px;
	height:20px;
	font-size:80%;
	text-align:center;
	cursor:pointer;cursor:hand;
	color:black;
}
.Sample {
	background-color:white;
	border:2px solid #969ea6;
	width:60px;
	height:50px;
	font-size:130%;  
	text-align:center;
	padding:5px;
}
/* EOF Special Character box */


/* ------------ SYSTEM INFORMATION WINDOW -------------- */

/* also for WEBCOMPONENTS CONTROL CENTER! */

/* text */
.aboutText  { color:black; font:11px verdana,arial,helvetiva,geneva,sans-serif; }

/* tables in tabs */
.systemInfo { 
	font:normal 11px/18px verdana,arial,helvetiva,geneva,sans-serif;
	color:black;
	background-color:#CDCFD1;
	width:550px;
}
.systemInfo th { 
	background-color:#194069; 
	font:bold 11px/16px verdana,arial,helvetiva,geneva,sans-serif;
	color:white;
}
/* table grid */
table.systemInfo tbody, 
table.systemInfo td { background-color:white; }
/* EOF tables in tabs */

/* ----------------------- WEBCOMPONENTS CONTROL CENTER ----------------------- */
#STFrameworkCCBackground { position:absolute; left:400px; top:200px; background-color:#194069; }
.CCButton { text-align:center; padding:5px; }
.CCButton a {
	background-color:#dad9d8;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #f7f7f7;
	border-top:1px solid #f7f7f7;
	padding:3px;
	cursor:pointer;
}
/* ---------------------- EOF WEBCOMPONENTS CONTROL CENTER --------------------- */

/* ----------- tabfolder in system information window ----------- */ 
.defTabContent {
	border:1px solid #143557;
	border-top:0px;
	padding:10px;
}
.defTabConnector { background-color:#194069; }
.defTabActive { 
	text-align:center;
	background-color:#194069;
	color:white;
	font:bold 11px verdana,arial,helvetiva,geneva,sans-serif;
	white-space:nowrap;
	cursor:default;
}
.defTabInactive  {
	text-align:center;
	background-color:#bdc1c5;
	border-top:1px solid white;
	border-bottom:0px solid white;
	font:normal 11px verdana,arial,helvetiva,geneva,sans-serif;
	white-space:nowrap;
	cursor:pointer;
}
/* ----------------- EOF SYSTEM INFORMATION WINDOW ---------------- */


/* -------------------------- DEBUG MENU ----------------------------*/

/* general text */
.debugText { font:normal 70% verdana,arial,helvetiva,geneva,sans-serif; color:black; }

/* trace model + stateEngine */
.traceTable { font-size:70%; background-color:black; }
.traceTable th { background-color:#f3f3f3; }
.traceTable td { background-color:white; }
.traceTable td a.slotClient { font-size:100%; color:black; }
.traceTable td a { font-size:100%; }
.traceText { font:normal 70% verdana,arial,helvetiva,geneva,sans-serif; color:black; }
.traceText a { font-size:100%; }
.traceTitle { background-color:#d4d6d8; font-weight:bold; }
.traceName { background-color:#f3f3f3; border-bottom:1px solid black; }
.traceName span { color:blue; font-weight:bold; }
.dumpAll { font-size:70%; }
.dump { background-color:#d4d6d8; font-weight:bold; padding:4px; }
.transitionMapP { background-color:#f3f3f3; border-bottom:1px solid black; padding:3px; }
.transitionMapTable { font-size:100%; background-color:black; }
.transitionMapTable td { background-color:white; }
/* EOF trace model + stateEngine */

/* --------------------- EOF DEBUG MENU ------------------------*/


/* ------------------------ DOM TREE ---------------------------*/
.DOMTree       {}
.DOMTree ol    { border:1px solid #d3d3d3; margin-left:20px;}
.DOMTree li    { font:11px arial,helvetica,sans-serif; }
.DOMTree .text { background-color:#ffffcc; color:black; font:11px arial,helvetica,sans-serif; }
.DOMTree .cdata { background-color:#ffffcc; color:#8b0000; }
.DOMTree .tag  { color:blue; font-weight:bold; }
.DOMTree .attr { color:black; font-weight:normal; }

/* ----------------------- EOF DOM TREE ------------------------*/


/* IMPORTANT!!! needed for all javascript components - do not remove */
.SpinTag2 { display:none; }