/*##############################################################################
#    ____________________________________________________________________
#   /                                                                    \
#  |               ____  __      ___          _____  /     ___    ___     |
#  |     ____       /  \/  \  ' /   \      / /      /__   /   \  /   \    |
#  |    / _  \     /   /   / / /    /  ___/  \__   /     /____/ /    /    |
#  |   / |_  /    /   /   / / /    / /   /      \ /     /      /____/     |
#  |   \____/    /   /    \/_/    /  \__/  _____/ \__/  \___/ /           |
#  |                                                         /            |
#  |                                                                      |
#  |   Copyright (c) 1999-2007                        MindStep SCOP SARL  |
#  |   Herve Masson                                                       |
#  |                                                                      |
#  |      www.mindstep.com                              www.mjslib.com    |
#  |   info-oss@mindstep.com                           mjslib@mjslib.com  |
#   \____________________________________________________________________/
#
#  [This product is distributed under a BSD-like license]
#  
#  Redistribution and use in source and binary forms, with or without
#  modification, are permitted provided that the following conditions
#  are met:
#  
#     1. Redistributions of source code must retain the above copyright
#        notice, this list of conditions and the following disclaimer.
#  
#     2. Redistributions in binary form must reproduce the above copyright
#        notice, this list of conditions and the following disclaimer in
#        the documentation and/or other materials provided with the
#        distribution. 
#  
#  THIS SOFTWARE IS PROVIDED BY THE MINDSTEP CORP PROJECT ``AS IS'' AND
#  ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
#  THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
#  PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MINDSTEP CORP OR CONTRIBUTORS
#  BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
#  OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT
#  OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
#  BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
#  WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
#  OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
#  EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
#  
#  The views and conclusions contained in the software and documentation
#  are those of the authors and should not be interpreted as representing
#  official policies, either expressed or implied, of MindStep Corp.
#  
##############################################################################*/


BODY
{
	font-family:		Verdana,Tahoma,Arial,Helv,Helvetica,sans-serif;
	font-size:			10px;
	margin-top:			0px;
	margin-left:		0px;
	border-width:		0px 0px 0px 0px;
	margin-right:		0px;
	margin-bottom:		0px;
	background-color:	white;
}

FIELDSET
{
	padding:			10px;
}

TH,TD,INPUT,SELECT
{
	font-family:		Verdana,Tahoma,Arial,Helv,Helvetica,sans-serif;
	font-size:			11px;
}


#page
{
	position:	absolute;
	width:		800px;
	left:		50%;
	top:		70px;
	margin-left: -400px;
}

#content
{
	position:	absolute;
	left:		135px;
	right:		0px;
}

/*
**	The header part (logos and title)
**	=================================
**
*/

#header
{
	background-color: white;
	position: absolute;
	height: 55px;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	border-bottom:	1px solid black;
}

#logomjs
{
	position: absolute;
	left: 10px;
	top: 5px;
}

#logomindstep
{
	position: absolute;
	right: 10px;
	top: 10px;
}

#title
{
	position:	absolute;
	left:		130px;
	bottom:		15px;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 16pt;
}


/*
**	Left menu, using jQuery accordion plugin
**	========================================
**
**
*/

#menu
{
	position:	absolute;
	top:		50px;
	left:		0px;
	width:		120px;
}

#menuitems
{
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
}

#menuitems a.head
{
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}

#menuitems a.head:hover {
	color:#FFFF99;
}

#menuitems ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#menuitems li {
	list-style:none outside none; display:inline;
}

#menuitems li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}

#menuitems li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}

h1 {
	font-family:	sans-serif, Arial, Helvetica;
	font-size:		12pt;
	margin-left:	-5px;
}

h2
{
	font-family:	sans-serif, Arial, Helvetica;
	font-size:		10pt;
}


/*
**
**	License text rendering
**
*/


#license {
	margin: 1em 0;
	padding: 5px;
	width: 52em; 
	font-family: "Lucida Console","Courier New","Courier",monospace;
	border:	1px dashed #c0c0c0;
	background: #fffff0;
}


/*
**	A warning message
**	=================
**
*/

.warning
{
	margin:		3px;
	padding:	10px;
	border:		1px dashed black;
	font-size:	12px;
	background-color:	#FFFFE0;
}

/*
**
**
**
*/

.UISample
{
	background-color:#FFFFF8;
	border:			1px dashed #C0C0C0;
	padding:		5px;
}

.CodeSample
{
	background-color:#FFFCFF;
	border:			1px dashed #C0C0C0;
	padding:		5px;
	font-family:	"Lucida Console", "Courier New", "Courier", monospace;
	font-size: 		12px;
	margin-top: 	1em;
	margin-bottom:	1em;
}

.Highlight
{
	color: #0040C0;
}

.CodeComment
{
	color: #20A020;
}

.FixedHighlight
{
	font-family:		"Lucida Console","Courier New","Courier",monospace;
	color: #0040C0;
}

.JSFuncName
{
	font-family:	"Lucida Console","Courier New","Courier",monospace;
	border-bottom:	1px solid #C0C0C0;
	border-left:	1px solid #C0C0C0;
	padding:		3px;
}

.JSFuncDescription
{
	padding-left:		20px;
	margin-bottom:		2em;
}



/*
**
**
**
**
*/

INPUT.invalid	/* set by the form validation module when the value is invalid */
{
	background-color:	#FFE0E0;
	border-color:		red;
	border-style:		solid;
}

.demoDisabledTest
{
	background-color:	#C0C0FF;
	color:				#C0C0FF;
}
pre {
	font-family:	"Lucida Console", "Courier New", "Courier", monospace;
	font-size: 		12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}