body
{
	margin:				0;
	padding:			0;
	overflow:			hidden;
	background-color:	#ffffff;
	color:				#505050;
	font-family:		arial, sans-serif;
	border:				0px;
}

#progressbox
{
	width: 				200px;
	height:				8px;
	border: 			solid 1px #77B800;
	font-size: 			0;
	margin: 			40px 25px 0 25px;
	text-align: 		left;
}

#progress
{
	height: 			8px;
	width: 				10px;
	background-color: 	#77B800;
	color: 				inherit;
	font-size: 			0;
}

.container, .container1
{
	width: 				400px;
	height: 			208px;
	padding:			10px 10px 10px 10px;
	margin:				0;
	border: 			10px solid #CBCBCB; /*#31890F;*/
}

/* CSS Hack to get the height and width consistent */
html>body .container
{
	height: 			204px;
	width: 				400px;
}

/* CSS Hack to get the height and width consistent */
html>body .container1
{
	height: 			486px;
	width: 				400px;
}

.container1
{
	width: 				400px;
	height: 			486px;
}

.container
{
	/* background:			url(../images/bottomcurve.gif) bottom right;
	background-repeat: 	no-repeat; */
}

.container2
{
	width: 				270px;
	height: 			208px;
	padding:			0;
	margin:				0;
	border: 			2px solid #E4E4E4;
}

/* CSS Hack to get the height and width consistent */
html>body .container2
{
	height: 			204px;
	width: 				296px;
}


.container2
{
/*	background:			url(../images/bottomcurve2.gif) bottom right;
	background-repeat: 	no-repeat;	*/
}

.boxtable
{
	background:			transparent;
	margin:				0;
	padding:			0;
	width:				100%;
}

.inputButton
{
	height:				16px;
	text-align:			center;
	display:			inline;
	cursor:				hand;
}

.buttonRight
{
	background:			url(../images/buttonrhs.gif) bottom right;
	background-repeat: 	no-repeat;
	float:				left;
	height:				16px;
	width:				7px;
}

.buttonMiddle1
{
	color:				#000063;
	text-align:			center;
	font-family:		arial, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	background:			url(../images/buttonmid.gif) repeat-x;
	padding: 			0 3px 0 3px;
	float:				left;
	height:				16px;
}

.buttonMiddle2
{
	color:				#000063;
	text-align:			center;
	font-family:		arial, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	background:			url(../images/buttonmid.gif) repeat-x;
	padding: 			0 3px 0 4px;
	float:				left;
	height:				16px;
}

a.inputButton
{
	font-weight:		bold;
	text-decoration: 	none;
	color: 				#081042;
	display:			inline;
}

.buttonLeft
{
	background:			url(../images/buttonlhs.gif) bottom right;
	background-repeat: 	no-repeat;
	float:				left;
	height:				16px;
	width:				7px;	
}

.buttontext
{
	color:				#000063;
	font-family:		arial, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	background:			url(../images/buttonbmid.gif) repeat-x;
}

a.button
{
	cursor: 			pointer;
	text-decoration: 	none;
}

.eelogo
{
	padding-right:		7px;
	text-align:			right;
}

.clogo
{
	padding-left:		15px;
	text-align:			left;
}

.title 
{
	padding-left:		15px;
	/*color: 				#002776;*/
	background-color:	#FFFFFF; /*#31890F;*/
	overflow:			hidden;
}

.title_line 
{
	display:		block;  /* set to none in bos style*/
}

h1#simulationtitle
{
	height:				45px;
	line-height:	    45px;
	overflow:			hidden;
	color: 				#333333; /*#505050; #ffffff;*/
	font-size:			16px;
	margin: 			0px;
	/*padding: 			0px;*/
	padding-top: 		10px;
	padding-bottom: 	0px;
}

h1
{
	font-size:			14px;
	font-weight:		bold;
}

.content
{
	height: 			90px;
	padding-left:		15px;
	padding-top:		10px;
	border-top: 		3px solid #ffffff;
	font-size: 			11px;
}
.content p
{
	margin-bottom:		16px;
}

.error
{
	font-weight: 		bold;
}

/* Content class has specific padding to we have to compensate this 
   by negating margins to the content padding. */

.content .control
{
	margin-left:		-20px;
	text-align:			center;
}

html>body .content .control
{
	margin-left:		0px;
}

.control2
{
	margin-left:		-15px;
	text-align:		center;
}

html>body .control2
{
	margin-left:		7px;
}

.content .error
{
	margin-left:		-14px;
	margin-top:			-10px;
	text-align:			center;
	height:				19px;
	line-height:		19px;
}

.footer
{
	height:				0px;
	padding: 			0 0 0 15px;
}
.footer p
{
	
	margin:				3px 0 0 0;
	text-align:			left;
	background-color: 	inherit;
	font-size: 			11px;
	color: 				#CECFEF;
}

label, .username
{
	font-size: 			11px;
}

.drag
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	z-index: 99999;
	display: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.loadtitle
{
	background-color:#ffffff;
	background-image: url(../images/largegradient.gif); 
	background-repeat:repeat-x;
}