/* --------------------------------------------------------------------------

	(c) 2005 U.S. Robotics Corporation.

	-------------------------------------------------------------------------- */

A:hover
{
	cursor: hand;
	color: red;
}


BODY, TABLE
{
	font-family:	Verdana, Arial, sans-serif;
	font-size:		small;
}

BODY
{
	margin:	0 0 0.5em;
	background-color:	white;
}
DIV#idContent
{
	margin:	0 0.7em;
}

H3
{
	padding:				0.1em 0.4em 0.2em;
/*	width:				60%;
*/
	font-size: 			large;
	font-weight:		bold;
	letter-spacing:	1pt;
	border:				1px solid #202080;
	background-color:	#F8F8FF;
}


/* ----------------------------------------------

	CUSTOM CLASSES

*/

.clsNote
{
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
}

P.clsCopyright
{
	padding-top:	0.5em;
	padding-left:	0.5em;

	border-top:		2px solid #202080;
	font-family:	Verdana, Arial, sans-serif;
	font-size:		xx-small;
	white-space:	nowrap;
	color:			#202080;
}
P.clsCopyright A
{
	color:				#202080;
	text-decoration:	none;
}

/* Notice of no Internet cxn, firmware update. */
.clsNotice
{
	border:				3px double red;
	padding:				1em;
	margin:				0.5em 0 0.5em 0;
	width:				60%;
	background-color:	#F8F8FF;
}



/* ----------------------------------------------

	SPECIFIC CUSTOM CLASSES

*/

.clsLogEmergency
{
	background-color: #FBB;
	font-weight:		bold;
}

.clsLogAlert
{
	background-color: #FDA;
	font-weight:		bold;
}

.clsLogCritical
{
	background-color: #FEC;
	font-weight:		bold;
}

.clsLogError
{
	background-color: #FFC;
}

.clsLogWarning
{
	background-color: #EFE;
}

.clsLogNotice
{
	background-color: #EEF;
}

.clsLogInfo, .clsLogDefault
{
}

.clsLogDebug
{
	background-color: #EEE;
	color:				darkgray;
}



/* ----------------------------------------------

	Welcome page elements

*/

BODY#idWelcomePage
{
	margin:	0.7em;
}

DIV#idWelcomeBlock
{
	border:	3px solid red;
}

DIV#idWelcomeBlock DIV#idContent
{
	margin:				1em;
	padding-bottom:	4em;
}

DIV#idWelcomeBlock DIV#idContent IMG#idMAX
{
	float:	right;
	margin:	0em;
	border:	0;
}

BODY#idWelcomePage DIV#idBar1
{
	margin:				0;
	background-color:	red;
	padding-left:		1em;
}
BODY#idWelcomePage DIV#idBar1 IMG
{
	padding:	0.5em 0;
}

BODY#idWelcomePage DIV#idBar2 P
{
	margin:		0.5em;
	text-align:	right;
}

BODY#idWelcomePage P.clsCopyright
{
	margin-top:	0.5em;
	color:		black;
	border:		0;
}


/* ----------------------------------------------

	Headers

*/

IMG#idImgHeader
{
	float:			right;
	margin-top:		0.5em;
	margin-right:	0.2em;
	border:			0;
}

/* ----------------------------------------------
	Same for other pages and Setup Wizard 1-2-3 steps
*/

DIV#idHeader, DIV#idSteps
{
	margin-bottom:		0.5em;
	padding:				0.7em 0.5em;

	font-family:		Verdana, Arial, sans-serif;
	font-weight:		bold;
	font-size:			x-large;
	color:				white;
	background-color:	red;
	letter-spacing:	1pt;
}

/* ----------------------------------------------
	For Setup Wizard 1-2-3 steps
*/

DIV#idSteps .clsStepCurrent
{
	background-color:	red;
	border:				2px solid white;
	padding:				0.3em 0.5em 0.3em 0.5em;
}

DIV#idSteps .clsStepDone
{
}

DIV#idSteps .clsStepNotDone
{
	color: silver;
}



/* ----------------------------------------------

	Form elements

*/

/*
	Treat neighboring borders as one.
	border-collapse: collapse;
*/

TABLE.clsGroupBox
{
	border:	2px dashed silver;
	padding:	1em;
}

/*
	Cells inside tables with groupboxes have some padding.
*/
TABLE.clsGroupBox TD
{
	padding: 0.4em;
}


SPAN.clsGroupBox
{
	display:	inline-block;
	border:	2px dashed silver;
	margin:	0.3em 0.1em;
	padding:	1em;
}

SPAN.clsGroupBox INPUT.clsTextfield
{
	margin-left:	-0.7em;	/* offset effect of idContent's margin-left -- why? */
}

LABEL
{
}

.clsStatic
{
	font-weight:	bold;
}

INPUT.clsBtnSave, INPUT.clsBtnFeature
{
	font-weight:		bold;
	color:				white;
	background-color:	#202080;
}



/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------

	Horizontal dropdown menus:
	http://www.alistapart.com/articles/horizdropdowns/

	Vertical dropdown menus:
	http://www.alistapart.com/articles/dropdowns/
	http://www.htmldog.com/articles/suckerfish/example/

	Fix for bug where IE always displays <select>s as top layer:
	http://tanny.ica.com/ica/tko/tkoblog.nsf/dx/Select-tag-overlap-in-IE?opendocument&comments
	http://www.milonic.com/menusample24.php
	http://69.236.149.4/test/fixed/default.asp
	(slow) http://www.yxscripts.com/menuG5/
	(x) http://www.aplus.co.yu/adxmenu/four-variants-of-drop-down-menu/

------------------------------------------------------------------------ */

/*
	get rid of list decorations
*/
UL#idMenu, UL#idMenu LI UL
{
	padding:		0;
	margin:		0;
	list-style:	none;
}
UL#idMenu
{
	font-family:	Verdana, Arial, sans-serif;
	font-size:		small;
	margin-bottom:	1em;	/* for Firefox */
}

/*
	put top-level items next to each other in a bar
*/
UL#idMenu LI
{
	float:		left;
	position:	relative;
}

/*
	hide submenu items (second-level lists)
*/
UL#idMenu LI UL
{
	position:	absolute;
	top:			100%;			/* Need top and left for IE... */
	left:			-10000px;	/* hidden; "display: none" doesn't work with iframe */
}

/*
	Display submenu (second-level list) when first-level item is hovered over.
*/
UL#idMenu LI:hover UL, UL#idMenu LI.fixIE UL
{
	left: -1px;
}


/*

	MAKE MENUS PRETTY

*/
/*
	top-level menu and sub-items
*/
UL#idMenu LI
{
	width:			100px;		/* max width of main menu items WHEN BOLD */
	text-align:		center;
	white-space:	nowrap;
}
UL#idMenu LI UL LI
{
	width:			230px;		/* max width of ANY subitem WHEN BOLD */
										/* also use this width for IFRAME (below) */
	text-align:		left;
}
UL#idMenu LI UL LI A
{
	/* make entire LI (with A) selectable */
	width:			218px;		/* above 230px less padding (2x5px) less border (2x1px) */
}

UL#idMenu LI LABEL, UL#idMenu LI UL LI A
{
	display:				block;
	padding:				3px 5px;

	border-top:			1px solid #F0F0F0;
	border-left:		1px solid #F0F0F0;
	border-right:		1px solid #A0A0A0;
	border-bottom:		1px solid #A0A0A0;
}
UL#idMenu LI LABEL
{
	background-color:	#E0E0E0;
}
/*
	second-level menu and its items
*/
UL#idMenu LI UL LI A
{
	text-decoration:	none;
	color:				black;
	background-color:	#D0D0D0;
}
UL#idMenu LI UL LI A:hover
{
	border:				1px solid #646464;
	color:				white;
	background-color:	#646464;
	font-weight:		bold;
}


/*
	Put content under the menu.
*/
#idContent
{
	clear:	left;
}