/*
*******************************************************************************
*                               CLASS STYLES
*******************************************************************************
*/

html,body     { height:100%; margin:0; padding:0; }

body {
	color: #2f2f2f;
	font:12px/1.55 Arial, Helvetica, sans-serif;
	margin-top:0;
}

.wrapper { min-height:100%; border-top-width:100%; border-top: 35px solid #333; }
.page { width:970px; margin:0 auto; min-height:100%; text-align:left; }

.logo { float:left; }
.top-header-container { width:950px; padding:0 10px; }
.top-header { margin:0 auto; padding:0; text-align:right; }
.top-header .logo { float:left; margin:13px 0 13px 0; text-decoration:none !important; }
.top-header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.top-header h1.logo { margin:0; }


/*
*
*/
.baseDiv
{
	float:left;
	padding:5px;
	width:100%;
}

.baseDivLeft
{
	float:left;
	padding:5px 2.5px 5px 5px;
	width:49%;
}

.baseDivRight
{
	float:right;
	margin-right:-5px;
	padding:5px 0px 5px 2.5px;
	width:49%;
}

/*
* This allows proceeding sections to use their own style
*/
.baseBr
{
	clear:left;
}

.baseFieldSet
{
	border:1px solid #d3d3d3;
	margin:2px;
	padding:2px;
}

/*
* 
*/
.baseLegend
{
	display:block;
	font-size:20px;
	font-weight: bold;
}

.baseList
{
	margin:0px;
	padding-left:40px;
	list-style:decimal;
}

.baseUnorderedList
{
	margin:0px;
	padding-left:40px;
}

/*
* Style for the progress bars.
* 
* The width is set to 99% to fix a weird problem with IE displaying the progress bar
*	past the end of the group box
*/
.progressBar
{
	border:1px solid #d3d3d3;
	width:99%;
}

.SectionHeader
{
	font-size:25px;
    font-weight:bold;
}

.CenteredContentRegion
{
	text-align:center;
	width:100%;
}

.CenteredContentRegion div
{
	text-align:center;
}

/**
* Content of a centered region.
*/
.InnerContentRegion
{
	display:inline-block;
}

/**
* Variable size header div with a border.
*/
.divWithBorder
{
	border:1px solid #d3d3d3;
	width:auto;
}

/*
* Variable size header div.
*/
.divHeaderNoBorder
{
	width:auto;
}

/**
* Header text boxes in the device section.
*/
.divDeviceTextBox
{
	width:300px;
}

.centeredImage
{
	float:none;
	margin:0 auto;
	text-align:center;
}

/**
* Protocol Selection group
*/
.ProtocolSelection
{
	width:97%;
}

/*
* Protocol Object list group
*/
.ObjectList
{
    width:97%;
}

.ProtocolObjects
{
    float:none;
    width:100%;
    padding-top:0px;
}

.ProtocolObjects div
{
    padding:0px;
}

.ProtocolObjects label
{
    float:left;
    width:60%;
    text-align:right;
    margin-right:5px;
	margin-top:5px;
}

.ProtocolObjects input 
{
    float:left;
    width:35%;
	margin-top:2px;
	margin-bottom:2px;
}

.GroupBox
{
	font-size:15px;
}

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

#divForm
{
	width:720px;
}

#divOrHeader
{
	margin:10px;
	padding:10px;
}

#txtDeviceName
{
	font-size:25px;
	font-weight:bold;
}

/*
* The style for the object memory usage progress bar.
*
* The width is set to 98% to fix a weird problem with IE displaying the progress bar
*	past the end of the device group box
*/
#divMemUsed
{
    width:98%;
}
