/* 
********************************************************
* DOM Element Selectors
********************************************************
*/

body
{  
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #333333;
	text-align: left;
}
div, p, th, td, li, input, textarea, select
{
	font-family: Calibri, Tahoma, Verdana, Arial, sans-serif;
}
td li
{
	margin-left: -1.5em;
}
h3, h4
{
	margin-bottom: 0.25em;
}
fieldset 
{
	border: 0px;
}
legend
{
  padding: 0.2em 0.5em;
  border: 1px solid;
  font-size: 85%;
  text-align: right;
}
a, a:visited
{
	color: Blue;
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}

/* 
********************************************************
* Custom Selectors
********************************************************
*/

/* Specific divs by ID */
/* Container for the entire page, including the banner and page content. */
#container
{
}

/* Container for the banner elements. */
#bannerContainer
{
}

/* Banner image container. */
#bannerImage
{
 margin-bottom:5px;
}

/* Banner title text. */
#bannerTitle {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #2071e7;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #2071e7;
    background: #2071e7;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
}

/* Container for the page content below the banner. */
#pageContainer
{
	padding-left: 10px;
}


/* General Selectors */
.title
{
	font-size: 1.3em;
	font-weight: bold;
	color: #333333;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.subTitle
{
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
}

.stylize
{
	clear: left;
	font-style: italic;
	font-weight: bold;
}

.error
{
    color: Red;
}

.attention
{
	color: Red;
	font-weight: bold;
}

.command
{
	padding-bottom: 5px;
}


/* Labels */
.instructionLabel
{	
	padding-top: 6px;
	padding-bottom: 8px;
	font-weight: bold;
}

.instructionLabelLarge
{	
	padding-top: 6px;
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 1.6em;
}

fieldset.wizardframe div.instructionLabel
{
	font-style: italic;
	font-weight: bold;
}

.importantLabel
{
	font-weight: bold;
}

.questionLabel
{
	float: left;
	padding-right: 3px;
}

/* Pop-up windows for hover actions. */
div.hoverPopup
{
	background-color: white;
	padding: 5px;
	width: 25em;
	display: none;	/* Set display to none so page loads faster w/ no flash. */
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	color: #333333;
}

div.row span.popupLabel
{
	float: left;
	width: 15em;
	text-align: right;
	padding-right: 3px;
}

div.row span.popupFormInput
{
	float: right;
	width: 10em;
	text-align: left;
	font-weight: bold;
}

div.hoverInnerPopup
{
	background-color: White;
	padding: 5px;
	width: 24em;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
}

div.hoverInnerPopup div.row span.popupLabel
{
	float: left;
	width: 15em;
	text-align: right;
	padding-right: 3px;
}

div.hoverInnerPopup div.row span.popupFormInput
{
	float: right;
	width: 8em;
	text-align: left;
	font-weight: bold;
}

div.rolloverPanel
{
	cursor: default;
}

div.rolloverPanel ul
{
	margin-top: -0.1em;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalDialog
{
	width: 20em; 
	background-color:White;
	border-width:1px; 
	border-color:#333333; 
	border-style:solid; 
	padding:20px;
}

.modalDialogButtonRow
{
	text-align: center;
}

div.row
{
	clear: both;
	padding-top: 0.25em;
}

div.row span.label
{
	float: left;
	width: 20em;
	text-align: right;
	padding-right: 3px;
}

span.extraInformationLabel, li.extraInformationLabel
{
}

span.extraInformationLabel:hover, li.extraInformationLabel:hover
{
	background-color: #FFFF66;
}

div.row span.formInput
{
	float: right;
	width: 30em;
	text-align: left;
}

td.formInput
{
	text-align: left;
}

input.longInput
{
	width: 20em;
}

input.extraLongInput
{
	width: 30em;
}

/* Question Inputs */
.questionInputContainer
{
	float: right;
}

.questionInputControl
{
	width: 250px;
}

.questionRequiredValidator
{
	clear: left;
}

/* Data Entity Selectors */

.dataContainer
{
	border: solid 1px #cccccc;
	border-collapse: collapse;
	padding: .5em;
}

.dataContainerHeader
{

	height:1.5em;
	font-size: 1.1em;
	color: #ffffff;
	background-color: #888888;
}

.dataContainerHeader th
{
	border-left: 0px #f5f5f5 solid;
	border-right: 0px #f5f5f5 solid;
	padding-left: .25em;
	padding-right: 1em;
}

.dataContainerColumn
{
	padding: .35em;
	border: solid 1px #eeeeee;
	vertical-align: middle;
}

.dataContainerRow
{
	background: #FCFDFE;
}

.dataContainerAlternatingRow
{
	background: #F5F5F5;
}

.dataContainerSelectedRow
{
    background: #d0d0d0;
}

/* Wizard Buttons */
.wizardButton {
    color: #333333;
    padding-right: 3px;
    padding-left: 3px;
    min-width: 100px;
    margin-top: 10px;
    margin-right: 10px;
}

/* Wizard Data Controls */
.wizardContainer
{
	padding-top: 10px;
}

.wizard
{
	background-color: #F5F5F5;
	width: 50em;
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	text-align: left;
}

.wizardFrame
{
	padding-left: 0px;
	padding-right: 0px;
}

fieldset.wizardFrame div.row span.label
{
	float: left;
	width: 20em;
	text-align: right;
	padding-right: 3px;
}

fieldset.wizardFrame div.row span.formInput
{
	float: right;
	width: 25em;
	text-align: left;
}

td.label
{
	text-align: right;
	padding-right: 3px;
}

.wizardHeader
{
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	background: #e3e3e3;
	color:#000000;
}

.wizardNavigation
{
	padding-bottom: 15px;
	padding-right: 15px;
	padding-top: 5px;
}

table.wizardDataFormContainer
{
}

.special
{
	border-style: groove;
	border-width: thin;
}

/* Accordion Selectors */
.accordionHeader
{
    border: 1px solid #cccccc;
    color: #333333;
    background-color: #e3e3e3;
	font-size: 1.2em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #cccccc;
    color: #333333;
    background-color: #e3e3e3;
	font-size: 1.2em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{

    border: 0px solid #9DB7D8;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* Add this to your mainstyle.css file */
.radio, .checkbox {
    margin-left: 25px;
}