.checkBoxListContainer
{
	overflow: auto;
	height: 90px;
	font-size: 0.8em;
}

.GridStyle
{
	border-right: #e3ecf3 1px solid;
	border-top: #e3ecf3 1px solid;
	border-left: #e3ecf3 1px solid;
	border-bottom: #e3ecf3 1px solid;
	font-size: 0.8em;
	padding-left: 10px;
}

.GridHeaderStyle
{
	background-color: #F5F5F5;
	vertical-align: middle;
	font-size: 100%;
	text-align: left;
	color: #666;
	height: 50px;
	
}


.GridFooterStyle
{
	background-color: #5B97CB;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	height: 15px;
}

.GridPagerStyle
{
	font-size: 0.8em;
	background-color: #83b0ec;
	color: #ffffff;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 5px;
	width: 100%;
}

.GridRowStyle
{
	font-size: 100%;
	background-color: #ffffff;
	color: #666;
}

.GridSelectedRowStyle
{
	font-size: 100%;
	background-color: #b0dfff;
}

.GridAlternatingRowStyle
{
	font-size: 100%;
	background-color: #F6F8ED;
	color: #666;
}

.GridCaption
{
	font-size: 110%;
	color: #666;
	font-weight: bold;
	background-color: #ffffff;
	width: 100%;
	padding: 0px;
	margin:  0px;
	height: 30px;
	
}

.GridValidation
{
	display: inline;
	color: Red;
	font-size: 0.8em;
}

.GridButton
{		
	background: url('images/template_medium_2.gif') no-repeat scroll 0pt;
	border:0pt none;
	color:#FFFFFF;
	display:inline;
	font-size:100%;
	font-weight:bold;
	margin:0px 0pt 0pt 5px;
	padding:2px 0pt 4px;
	text-align:center;
	vertical-align:middle;
	width:75px;
	cursor: hand;
	height: 20px;
}

#cal1Container
{
	z-index: 10000;
	position: absolute;
	clear: none;
	display:none;
}

tr.GridHeaderStyle a, a:visited, a:hover, a:link
{
	color: #336699 !important; 
}

.hidden
{
	display: none;
}

.gridRowCount
{
      padding-right:12px;
      color:#00798C;
      text-align: right;
}

/* The table that houses the paging controls. */
.gridPager 
{
	
      font-size:12px;
      font-weight:normal;
      padding-left:5px;
      color:#00798C;
      text-align: right;
}

.gridPager a:hover
{
      text-decoration:underline;
      color:red;
      font-size:12px;
      cursor: pointer; cursor: hand;
}

/* The caption left of the page numbers */
.gridPagerPages
{
      text-align:right;
      padding-left:5px;
      padding-right:2px;
      font-size:12px;
      color:#00798C;
}

/* the selected pages*/
.gridPagerSelected
{
      font-size:12px;
      font-weight:bold;
      color:red;
      text-decoration:none;
      
}

/* link to non-selected pages */
.gridPagerLink
{
      color:#00798C;
      padding-right:2px;
      padding-left:2px;
      font-size:12px;
}



/* Previous and Next buttons are 'inputs' so we can use following to style..*/
.gridPager input
{
      padding-left:2px;

}


.wizardstep
{
	min-height:300px;
}

.wizardstep li
{
	margin-top:8px;
    vertical-align: top;
	font-size: 100%;
	text-align : left;
	color:#666;	
}

.wizardstep  ul {
list-style-type:disc;
}


.wizardstepFieldSet
{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	margin-left:20px;
	margin-top:10px;
	width: 90%;
	color: #336699; 
	font-size: 100%;
	
}

.wizardstepLegend
{
	color: #336699;
	font-size: 130%;
	padding-left:10px;
	vertical-align:middle;
	text-align:left;
	width:100%;
}

.wizardStepTable
{
	/*margin-top:10px; */
	margin-left:8px;
	margin-right:8px;
	
}



.measureRequired
{
	background:url('images/recommendation.png') 0% 50% no-repeat ; 
	width:15%;
	vertical-align:top;
	font-weight:bold;
	padding-top:5px;
}

.measureNotRequired
{
	background:url('images/norecommendation.png')  0% 50% no-repeat;
	width:15%; 
	vertical-align:top;
	font-weight:bold;
}

/* format of the questions and recommedndations in the survey wizard */

.recommendationTable
{
	width:100%;
	color: #336699;
	font-size: 110%;
	border-collapse:collapse;
	margin-top:6px; 
}


.recommendatonTable span
{
	width:100%;
	margin-top:20px;
}

.recommendatonText
{
	width:90%;
	text-align:left;
	border-bottom:solid 1px #dddddd;
	padding:20px;
}

.recommendationCategory
{
	width:79%;	 
	font-weight:bold;
	/* border-top:solid 1px #dddddd; */
}

.wizardQuestionTable
{
	
	margin-left:8px;
	margin-right:8px;
	border-collapse:collapse;
	margin-bottom:10px;
}

.wizardQuestionTable tr
{
	
	
}

.wizardQuestionDiv
{
	border-bottom:solid 1px #dddddd;
	
}

.wizardQuestion
{
	width:80%;
}

.wizardQuestion span
{
	padding-top:20px;
	margin-top:20px;
	
}

.wizardQuestionnumber
{
	width:10%;
	font-weight:bold;
	vertical-align:top;	
}

.wizardQuestionCheck
{
	width:10%;
	vertical-align:middle;
}

/* image displayed above each set og questnios*/
.wizardCategoryImage
{
	height:100px;
	width:86px; 
	padding-left:10px;
}

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


/* Main Divs - left side is the tabs (wizardTabsShow), 
  right side is the questions (wizardQuestionsTabs)..  */

.wizardTabsShow
{
	display:inline;
	float:left;
	width:25%;
	padding-top:5px;
	
}

.wizardTabsHide
{
	display:none;
}

.wizardQuestionsTabs
{
	float:right;
	width:74%;
	text-align:left;
	margin-top:7px;
}

.wizardQuestionsNoTabs
{
	width:99%;
	text-align:left;
	margin-top:7px;
}

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

/* ------Table to hold the Tabs  ---------------------- */

.wizardTabTable
{
	width:100%;
	border-collapse:collapse;
}

.wizardTabsTable th
{
	font-size:110%;
	font-weight:bold;
	color:   #00798C;
	padding-bottom:3px;
	padding-left:3px;
	vertical-align:top;
}

.wizardTab
{
	padding-bottom:3px;
	font-weight:bold;
	color:#666;
	border-top:1px solid #D8E9F5; /*  #C7E3E8; */
	border-bottom:1px solid #D8E9F5; /* #C7E3E8; */
	width:95% !important;
	background:url('images/tab-nav.gif') 95% 50% no-repeat;
}

.wizardTabSelected
{
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	background:url('images/tab-active2.gif') 95% 50% no-repeat;
	padding-right:5px;
	color:#5697C7 !important;
	padding-right:10px;
}

.wizardTabDone
{
	padding-bottom:3px;
	font-weight:bold;
	color:#5697C7 !important; /*#336699 */
	border-top:1px solid #D8E9F5;
	border-bottom:1px solid #D8E9F5;
	width:95% !important;
	background:url('images/tab_done.gif') 95% 50% no-repeat;
}

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


/*  ---------  Left and right divs for displaying text in the tabs           -----------------*/

.tabDivLeft
{
	float:left;
	width:15%;
	padding-top:10px;
	padding-bottom:5px;
}

.tabDivRight
{
	width:85%;
	float:right;
	text-align:left;
	padding-top:10px;
	padding-bottom:5px;
}


.wizardStart
{
	text-align:center;
}