/*****************************************/
/*  Module:     default.css              */
/*  Author:     Jerónimo Vargas ^_^ V    */
/*  version:    1.1                      */
/*  Date:       20020310                 */
/*****************************************/

/*
!!! CSS Attributes Quick reference
==================================

	Text Attributes:
	----------------

	font:		font-style		[ normal* | italic | oblique ]
				font-variant	[ normal* | small-caps ]
				font-weight		[ normal* | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ]
				font-size		[ xx-small | x-small | small | medium* | large | x-large | xx-large - larger | smaller - sUnit ]
				line-height		[ normal* - sUnit ]
				font-family		[ sFamilyName ]
	
	color:						[ sColor | #hex ];
	text-decoration:			[ none* | underline | overline | line-through | blink ]; Not Inherited NI
	text-transform:				[ none* | capitalize | uppercase | lowercase ];

	text-align:					[ left | right | center | justify ]; Block Elements (BE)
	text-indent:				[ 0* - sUnit ]; BE
	vertical-align:				[ baseline* | sub | super | top | text-top | middle | bottom | text-bottom - sPercentage% ]; NI, Inline Elements (IE)
								IE5: Applies to: COL, CUSTOM, IMG, SPAN, TBODY, TD, TFOOT, TH, THEAD, TR

	word-spacing:				[ normal* | sUnit ];
	letter-spacing:				[ normal* | sUnit ];

	Box Attributes Not in W3C Recomendation:
	----------------------------------------
	!!! Following attributes are not part of CSS level 1 W3C's TR, 
		but since they are supported by most of the user agents	they are also referenced here. !!!

	position:					[ static* | relative | absolute | fixed | inherit ]; NI
	top:						sUnit; BE 
	left:						sUnit; BE

	overflow:					[ visible* | hidden | scroll | auto | inherit ]: NI BE
	clip:		shape			[ rect( top, right, bottom, left ) - auto* | inherit ]; NI BE 

	cursor:						[ url(sURL) - auto* | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help - inherit ];

	Box Attributes:
	--------------

	width:						[ auto* - sUnit ]; NI
	height:						[ auto* - sUnit ]; NI

	margin:		top, right,	bottom, left; NI
	padding:	top, right, bottom, left; NI

	background:	color			[ transparent* | sColor | #color ], 
				image			[ url(sURL) ],
				repeat			[ repeat* | no-repeat | repeat-x | repeat-y ], 
				attachment		[ scroll* | fixed ], 
				position		[ 0%, 0%* | x, y | vAlignment, hAlignment ]; NI
	
	border:		width			[ medium* | thin | thick | sUnit ],
				style			[ none* | dotted | dashed | solid | double | groove | ridge | inset | window-inset | outset ],
				color			[ transparent* | sColor | #hex ]; NI, BE

	float:						[ left | right | none* ]; NI 
								(en: declares an element as floating)
								(sp: declara un elemento como flotante)

	clear:						[ none* | left | right | both ]; NI
								(en: specifies were floating elements are allowed)
								(sp: especifica donde se permiten elementos flotantes)

	Classification Attributes:
	--------------------------
	
	display:					[ block* | inline | list-item | none ]; NI
	white-space:				[ normal* | pre | nowrap ]; BE
								(en: declares how whitespace inside the element is handled)
								(sp: declara la forma en que se manejan los espacios dentro del elemento)

	
	list-style:	type			[ disc* | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none],
				image			[<url> | none],
				position		[inside | outside]; List Elements (LE)


!!! CSS Box Model
=================
                          top
         _______________________________________
        |                                       |
        |           margin (transparent)        |
        |   _________________________________   |
        |  |                                 |  |
        |  |        border                   |  |
        |  |   ___________________________   |  |
        |  |  |                           |  |  |
        |  |  |     padding               |  |  |
left    |  |  |   _____________________   |  |  |
        |  |  |  |                     |  |  |  |
        |  |  |  |  content            |  |  |  |
        |  |  |  |_____________________|  |  |  |
        |  |  |___________________________|  |  |
        |  |_________________________________|  |
        |_______________________________________|

                 |    element width    |
        |               box width               |


!!! CSS Classes Quick reference
===============================

	CSS Classes (alfabetical sort)
	------------------------------

	A				anchor 
	ABBR			abbreviated form (e.g., WWW, HTTP, etc.) 
	ACRONYM			
	ADDRESS			information on author 
	APPLET			Java applet 
	AREA			client-side image map area 
	B				bold text style 
	BASE			document base URI 
	BASEFONT		base font size 
	BDO				I18N BiDi over-ride 
	BIG				large text style 
	BLOCKQUOTE		long quotation 
	BODY 			document body 
	BR				forced line break 
	BUTTON			push button 
	CAPTION			table caption 
	CENTER			shorthand for DIV align=center 
	CITE			citation 
	CODE			computer code fragment 
	COL				table column 
	COLGROUP		table column group 
	DD				definition description 
	DEL				deleted text 
	DFN				instance definition 
	DIR				directory list 
	DIV				generic language/style container 
	DL				definition list 
	DT				definition term 
	EM				emphasis 
	FIELDSET		form control group 
	FONT			local change to font 
	FORM			interactive form 
	FRAME			subwindow 
	FRAMESET		window subdivision 
	H1				heading 
	H2				heading 
	H3				heading
	H4				heading 
	H5				heading 
	H6				heading 
	HEAD 			document head 
	HR				horizontal rule 
	HTML 			document root element 
	I				italic text style 
	IFRAME			inline subwindow 
	IMG				Embedded image 
	INPUT			form control 
	INS				inserted text 
	ISINDEX			single line prompt 
	KBD				text to be entered by the user 
	LABEL			form field label text 
	LEGEND			fieldset legend 
	LI				list item 
	LINK			media-independent link 
	MAP				client-side image map 
	MENU			menu list 
	META			generic metainformation 
	NOFRAMES		alternate content container for non frame-based rendering 
	NOSCRIPT		alternate content container for non script-based rendering 
	OBJECT			generic embedded object 
	OL				Ordered list 
	OPTGROUP		Option group 
	OPTION			selectable choice 
	P				paragraph 
	PARAM			named property value 
	PRE				preformatted text 
	Q				short inline quotation 
	S				strike-through text style 
	SAMP			sample program		utput, scripts, etc. 
	SCRIPT			script statements 
	SELECT			Option selector 
	SMALL			small text style 
	SPAN			generic language/style container 
	STRIKE			strike-through text 
	STRONG			strong emphasis 
	STYLE			style info 
	SUB				subscript 
	SUP				superscript 
	TABLE				
	TBODY 			table body 
	TD				table data cell 
	TEXTAREA		multi-line text field 
	TFOOT			table footer 
	TH				table header cell 
	THEAD			table header 
	TITLE			document title 
	TR				table row 
	TT				teletype or monospaced text style 
	U				underlined text style 
	UL				unordered list 
	VAR				instance of a variable or a program argument 

	Pseudo Classes
	--------------
	:link		- unvisited link 
	:visited	- visited links 
	:active		- focused link = ":hover"
	
	:first-line
	:first-letter

!!! W3C's HTML Default style sheet values
=========================================

BODY
	{
		margin:			1em;
		font-family:	serif;
		line-height:	1.1;
		background:		white;
		color:			black; 
	}

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL
	{
		display:		block
	}

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IMG, SPAN 
	{
		display:		inline
	}

LI
	{
		display:		list-item }

H1, H2, H3, H4
	{
		margin-top:		1em;
		margin-bottom:	1em
	}

H5, H6
	{
		margin-top:		1em
	}

H1
	{
		text-align:		center
	}

H1, H2, H4, H6
	{
		font-weight:	bold
	}

H3, H5
	{
		font-style:		italic
	}

H1
	{
		font-size:		xx-large
	}

H2
	{
		font-size:		x-large
	}

H3
	{
		font-size:		medium
	}


B, STRONG
	{
		font-weight:	bolder;	//relative to the parent
	}

I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE
	{ 
		font-style:		italic
	}

PRE, TT, CODE, KBD, SAMP
	{
		font-family:	monospace
	}

PRE
	{
		white-space:	pre
	}

ADDRESS
	{
		margin-left:	3em
	}

BLOCKQUOTE
	{
		margin-left:	3em;
		margin-right:	3em
	}

UL, DIR
	{
		list-style:		disc
	}

OL
	{
		list-style:		decimal
	}

MENU
	{
		margin:			0 // tight formatting 
	}              

LI
	{
		margin-left:	3em
	}

DT
	{
		margin-bottom:	0
	}

DD
	{
		margin-top:		0;
		margin-left:	3em
	}

HR
	{
		border-top:		solid	// 'border-bottom' could also have been used
	}

A:link		{ color: blue;	}	// unvisited link
A:visited	{ color: red;	}	// visited links
A:active	{ color: lime;	}	// active links

setting the anchor border around IMG elements requires contextual selectors

A:link		IMG { border: 2px solid blue;	}
A:visited	IMG { border: 2px solid red;	}
A:active	IMG { border: 2px solid lime;	}



!!! Comma separated list
========================

A, ABBR, ACRONYM, ADDRESS, APPLET, AREA, 
B, BASE, BASEFONT, BDO, BIG, BLOCKQUOTE, BODY , BR, BUTTON, 
CAPTION, CENTER, CITE, CODE, COL, COLGROUP, 
DD, DEL, DFN, DIR, DIV, DL, DT, 
EM, 
FIELDSET, FONT, FORM, FRAME, FRAMESET, 
H1, H2, H3, H4, H5, H6, HEAD , HR, HTML , 
I, IFRAME, IMG, INPUT, INS, ISINDEX, 
KBD, 
LABEL, LEGEND, LI, LINK, 
MAP, MENU, META, 
NOFRAMES, NOSCRIPT, 
OBJECT, OL, OPTGROUP, OPTION, 
P, PARAM, PRE, 
Q, 
S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, STYLE, SUB, SUP, 
TABLE, TBODY , TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, TT, U, UL, VAR

*/

@import url("default.css");
/*@import url("mainContainer.css");*/
@import url("mainForm.css");
@import url("mainGrid.css");
@import url("mainMenu.css");
/*@import url("mainTree.css");*/