/*
 *   X-programming scripting functions: Markup Styles
 *
 *   Copyright (c) 2001 Diederik van der Boor - All Rights Reserved
 *   http://www.cool-programming.f2s.com
 *   webmaster@cool-programming.f2s.com
 */



BODY
{
/********************************************
   Scrollbar Colors (IE 5.5)
 ********************************************/

  scrollbar-face-color: #AAAAAA;
  scrollbar-shadow-color: #666666;
  scrollbar-highlight-color: #666666;
  scrollbar-3dlight-color: #CCCCCC;
  scrollbar-darkshadow-color: #CCCCCC;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #666666;


/********************************************
   Fonts
 ********************************************/

  font-size: smaller;
}

TD,TH
{
  font-size: smaller;
}

KBD, CODE, PRE
{
  font-size: 10pt;
}

PRE.output, CODE.output
{
  border-left:		15px solid #999999;
  border-top:		2px solid #999999;
  border-right:		4px solid #666666;
  border-bottom:	2px solid #999999;
  
  padding-left:		10px;
  padding-top:		10px;
  padding-right:	10px;
  padding-bottom:	10px;
  color:		#FFFFFF;
  background-color:	#000000;
}


/********************************************
   Hyperlinks
 ********************************************/

A:link
{
	color: #00AA00;
	text-decoration: none;
}

A:visited
{
	color: #009900;
	text-decoration: none;
}

A:hover
{
	color: #00CC00;
	text-decoration: underline;
}

A:active
{
	color: #00CC00;
	text-decoration: none;
}



/********************************************
   Navigation Links
 ********************************************/


a.navlink
{
	width: 100px;
	font-family: Arial, Times new Roman, Helvetica, Times;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}

A.navlink:link, A.navlink:visited, A.navlink:active
{
	border: solid 1px #000000;
	background-color: #888888;
	color: #DDDDDD;
	text-decoration: none;
	filter: alpha(opacity=50, style=1, finishOpacity=50);
}


A.navlink:hover
{
	border: solid 1px #666666;
	background-color: #BBBBBB;
	color: #FFFFFF;
	text-decoration: none;
	filter: alpha(opacity=70, style=1, finishOpacity=70);
}


/********************************************
   Headers
 ********************************************/

H5
{
	border: solid 1px #000000;
	background-color: #888888;
	color: #EEEEEE;
	text-decoration: none;

	margin-top: 35px;
	margin-bottom: 5px;
}



/********************************************
   Input Fields
 ********************************************/

TD.InputLabel
{
  padding-top:         4px;
  text-align:          right;
  vertical-align:      top;
}

INPUT, TEXTAREA, SELECT
{
  color:               #333333;
  background-color:    #D3D3D3;
  height:              22px;
  font-size:           10pt;
  font-family:         Verdana, Arial, Times new Roman, Times, sans-serif;
/*  border:              solid 2px #339933; This screws up input fields in netscape */

  scrollbar-track-color: #CCCCCC;
}

TEXTAREA.smallest
{
  height:              44px; /*** 2 * INPUT.height ***/
} 

TEXTAREA.small
{
  height:              88px; /*** 4 * INPUT.height ***/
}

TEXTAREA.large
{
  height:              220px; /*** 12 * INPUT.height ***/
}

TEXTAREA.editbox
{
  font-size:           8pt;
  font-family:         Lucida Console, Courier New, Courier, monospace;
  width:               100%;
  height:              440px;	/*** 24 * INPUT.height ***/
  background-color:    #FFFFFF;

  scrollbar-track-color: #FFFFFF;
}

INPUT.CoolText, TEXTAREA, SELECT
{
  width:               400px;
}

INPUT.CoolTextDlg
{
  width:               300px;
}

INPUT.CoolBox
{
  cursor:              hand;
  background-color:    transparent;
  width:               22px; /* INPUT.height */
  border-width:        0px;
}

INPUT.CoolButton
{
  color:               #CCCCCC;
  background-color:    #555555;
  cursor:              hand;
  width:               120px;
  font-weight:         bold;
  
  border:              solid 2px #339933;

  font-family: Verdana;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
}

INPUT.CoolButtonIn
{
  color:               #CCCCCC;
  background-color:    #555555;
  cursor:              hand;
  width:               100px;
  font-weight:         bold;
  
  border:              solid 2px #339933;

  font-family: Verdana;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
}


INPUT.CoolTextIn
{
  width:               300px; /* INPUT.CoolText.width - INPUT.CoolButtonIn.width */
}

INPUT.CoolTextClr
{
  width:               100px;
}

SELECT.AutoSize
{
  width:               auto;
}

SELECT.multiple  { height:  auto; }
SELECT.autosize  { width:   auto; }