/* CSS Document */
BODY {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	font-style:normal;
	text-decoration:none;
	color:#000000;
	margin: 0; 
	padding: 0;
	background-color:#000;
	text-align:center;
 	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
}


/* ====================================================== */
/* Main Layout format (820px wrapper 3 columns for shadows) */
/* ====================================================== */
#Frame_wrapper {
	width:700px;
	margin: 0 auto;
	padding: 0;
	background-image:url(../images/background-wrapper.jpg);
	background-repeat:repeat-y;
	/* http://www.webdeveloper.com/forum/showthread.php?t=163221 */
	/* overflow technique to make "grow" the div container along the content */
	overflow:auto; 
}
#Frame_Header {
	width:700px;
	height: 99px;
	background-image:url(../images/background-header.jpg);
	}

#Frame_Content {
	width:671px; /* 700px-17px-15px = 670px */
	height: 492px;  /* 507px-15px = 492px */
	padding: 0px 10px 15px 17px;
	text-align:left;
	vertical-align:top;
}
#Frame_Content td{vertical-align:top;
    margin-left: 80px;
}

	
#Frame_Footer{
	clear:left;
	width:700px;
	height:32px;
	background-image:url(../images/background-footer.jpg);
}
#Frame_Footer a { text-decoration: none;color: #EDEDED;}

/* ========================================================= */
/* Classes to the Navigation Bar effect of disabling buttons */
/* ========================================================= */
/* To undesrtand the logix behind read the code on the 
   public property (write only) into the USER CONTROL 
   navBarWizardSteps. Pay special attention on:

               lnkStep1.Visible = False
*/
.imgStep1 { background-image:url(../images/wizardhead_r2_c2.jpg) }
.imgStep2 { background-image:url(../images/wizardhead_r2_c4.jpg) }
.imgStep3 { background-image:url(../images/wizardhead_r2_c6.jpg) }
.imgStep4 { background-image:url(../images/wizardhead_r2_c8.jpg) }



/* ========================================================= */
/* Content place holder divs styles */
/* ========================================================= */
#content1_masterSpace {height:380px}
#content1_navBar {}
#content1_mainArea {height:380px}
#content1_nextBack {clear:both; text-align:right;}
#next { height:36px; padding: 0 0 1px 0;}
#back { height:36px; padding: 1px 0 0 0;}


/* STEP1: Wizard specific styles. */
.step1_required { font-weight:bold;}
.step1_optional { font-style:italic;}
.step1_lblCameras {
    border: solid 2px #ECECEC;
    width: 500px;
    font-size: 12px;
    line-height: 30px;
    text-align:center;
    padding: 5px;
    margin-top: 3px;
    color: #000;
}



/* STEP2: Wizard specific styles. */
.step2_Table {width: 300px; border: 1; height: 10px; line-height: 10px;}
.step2_CellsDescription {text-align: right; vertical-align:middle; width: 220px; font-weight:bold; padding:10px 5px 0 0;}
.step2_CellsTitle {text-align: center; width: 40px; font-weight:bold;}
.step2_Cells {text-align: center; font-size:9px;}


/* STEP3: Wizard specific styles. */
.step3_Table {border: 0; padding: 0px; margin:0px; text-align: left; vertical-align:middle;}
.step3_CellsDescription {text-align: left; vertical-align:middle; font-weight:bold; padding:0px; margin:0px;}
.step3_CellsTitle {text-align: left; font-weight:bold; vertical-align:middle;}
.step3_Cells {text-align: left; font-size:9px; vertical-align:middle;}
.step3_radiobuttons {vertical-align: text-top;}

.step3_lblResults {
/*border: solid 2px #003562;*/
/*border: solid 2px #ECECEC;*/
width: 500px;
font-size: 15px;
line-height: 45px;
text-align:center;
padding-top: 0px;
color: #000;
}

.step3_lblDVRModel {
border: solid 2px #ECECEC;
width: 500px;
font-size: 14px;
line-height: 30px;
text-align:center;
padding: 5px;
margin-top: 3px;
color: #000;
}


/* STEP4: Wizard specific styles. */
.step4_Table {width: 600px;}
.step4_CellsQuestion {text-align: left; width: 500px;}
.step4_CellsYesNo {text-align: center; width: 100px; vertical-align:middle;}
.step4_CellsTitle {text-align: center; font-weight:bold;}


.userNotes 
{
     color:Gray;
     font-size: 9px;
     font-weight:bold;
    }