/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

button.male .ui-button-text {padding: 2em 1.5em}


.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	position: fixed !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ui-helper-clearfix {
	display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height:1%;
}
.ui-helper-clearfix {
	display:block;
}
/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}
/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: large;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #8dc63f url(images/ui-bg_highlight-soft_15_8dc63f_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #666666;
	background: #EBF5FF;
	font-weight: bold;
	color: #666666;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #2874cc;
	text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #0099FF;
	font-weight: bold;
	color: #2874cc;
	background-color: #E0E9F4;
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #2874cc;
	text-decoration: none;
	font-weight: bold;
	color: #2874cc;
}
#Language .ui-state-active, #Language3 .ui-state-active{
		border: 1px solid #C2DC90;
	font-weight: bold;
	color: #76BB39;
	background-color: #E0E9F4;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	/*
	border: 1px solid #aaaaaa;
	font-weight: bold;
	color: #ffffff;
	background-color: #C2DC90;
	*/
		border: 1px solid #C2DC90;
	font-weight: bold;
	color: #76BB39;
	background-color: #E0E9F4;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-widget :active {
	outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #322a2a;
	background: #9ac63f url(images/ui-bg_glass_55_9ac63f_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
	color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}
.ui-corner-tr {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.ui-corner-br {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ui-corner-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ui-corner-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ui-corner-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/*
 * jQuery UI Menu 1.8.11
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
 
 
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	text-decoration: none !important;
	cursor: pointer;
	zoom: 1;
	overflow: visible;
} /* the overflow property removes extra width in IE */
.ui-button-icon-only {
/*width: 4.4em;*/
} /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
/*width: 4.8em;*/
} /* button elements seem to need a little more width */
.ui-button-icons-only {
/*width: 6.8em;*/
}
button.ui-button-icons-only {
/*width: 7.4em;*/
}
/*button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: 1.3;
	font-size: 1.15em;
}
/*.ui-button-text-only .ui-button-text {
	padding: .6em 1.5em;
}*/



/*.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
	padding-right: 1.6em;
	padding-bottom: 0.4em;
	padding-left: 1em;
}*/
/*Added FoodSecurity WIC on 08/03/13 */
#Gender .ui-button, #GenderSpanish .ui-button  {
	margin-right: 40px;
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 100px;
	height: 100px;
	width: 300px;
}
/*Added FoodSecurity WIC on 08/03/13 */
#Gender .ui-button-text, #GenderSpanish .ui-button-textoy
 {
	height: 100px;
/*	width: 300px;*/
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}

#Smoking .ui-button, #SmokingSpanish .ui-button {
	margin-right: 40px;
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 100px;
	height: 100px;
	width: 300px;
}


#Smoking .ui-button-text, #SmokingSpanish .ui-button-text {
	height: 100px;
	width: 300px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}
#Language .ui-button {
	margin-right: 40px;
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 100px;
	height: 100px;
	width: 300px;
}
#Language .ui-button-text {
	height: 100px;
	width: 300px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}


#Language3 .ui-button-text {
	padding: 1.25em 3em;
}

#Language3 .ui-button {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 100px;
	margin-bottom: 100px;
}
#Race .ui-button-text {
/*	height: 62px;*/
	width: 300px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}
#Race .ui-button {
/*	height: 62px;*/
	width: 300px;
	margin: 3px;
}

#TTHAge .ui-button-text, #Sex1 .ui-button-text, #gender .ui-button-text, #Grade .ui-button-text, #GenderTTH .ui-button-text, #Smoking1 .ui-button-text, #Smoking2 .ui-button-text, #Smoking3 .ui-button-text, #family_history1 .ui-button-text, #family_history2 .ui-button-text, #family_history3 .ui-button-text, #family_history4 .ui-button-text, #LW .ui-button-text, #WeightIncrease .ui-button-text, #WeightDecrease .ui-button-text, #Introduction .ui-button-text, #Introduction2 .ui-button-text, #Introcuction3 .ui-button-text, #Introcuction4 .ui-button-text, #FamilyHistory1 .ui-button-text, #PatientID .ui-button-text {
/*	height: 62px;*/
	width: 200px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}

#TTHAge .ui-button, #Sex1 .ui-button, #gender .ui-button, #Grade .ui-button, #GenderTTH .ui-button, #Smoking1 .ui-button, #Smoking2 .ui-button, #Smoking3 .ui-button, #family_history1 .ui-button, #family_history2 .ui-button, #family_history3 .ui-button, #family_history4 .ui-button, #LW .ui-button, #WeightIncrease .ui-button, #WeightDecrease .ui-button, #Introduction .ui-button, #Introduction2 .ui-button, #Introcuction3 .ui-button, #Introcuction4 .ui-button-text, #FamilyHistory1 .ui-button, #PatientID .ui-button {
/*	height: 62px;*/
	width: 200px;
	margin: 3px;
}

#TTH1 .ui-button-text, #TTH2 .ui-button-text, #TTH3 .ui-button-text, #TTH4 .ui-button-text, #TTH5 .ui-button-text, #TTH6 .ui-button-text, #TTH7 .ui-button-text, #TTH8 .ui-button-text, #TTH9 .ui-button-text, #TTH10 .ui-button-text, #TTH11 .ui-button-text, #TTH12 .ui-button-text, #TTH13 .ui-button-text, #TTH14 .ui-button-text, #TTH15 .ui-button-text, #TTH16 .ui-button-text, #TTH17 .ui-button-text, #TTH18 .ui-button-text, #TTH19 .ui-button-text, #TTH20 .ui-button-text, #TTH21 .ui-button-text, #TTH22 .ui-button-text, #TTH23 .ui-button-text, #TTH24 .ui-button-text, #TTH25 .ui-button-text, #TTH26 .ui-button-text, #TTH27 .ui-button-text, #TTH28 .ui-button-text, #TTH29 .ui-button-text, #TTH30 .ui-button-text, #TTH31 .ui-button-text, #TTH32 .ui-button-text, #TTH33 .ui-button-text, #TTH34 .ui-button-text, #TTH35 .ui-button-text, #TTH36 .ui-button-text, #TTH37 .ui-button-text, #TTH38 .ui-button-text, #TTH39 .ui-button-text, #TTH40 .ui-button-text, #TTH41 .ui-button-text, #TTH42 .ui-button-text, #TTH43 .ui-button-text, #TTH44 .ui-button-text, #TTH45 .ui-button-text, #TTH46 .ui-button-text, #TTH47 .ui-button-text, #TTH48 .ui-button-text, #TTH49 .ui-button-text {
	width: 200px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}


#TTH1 .ui-button, #TTH2 .ui-button, #TTH3 .ui-button, #TTH4 .ui-button, #TTH5 .ui-button, #TTH6 .ui-button, #TTH7 .ui-button, #TTH8 .ui-button, #TTH9 .ui-button, #TTH10 .ui-button, #TTH11 .ui-button, #TTH12 .ui-button, #TTH13 .ui-button, #TTH14 .ui-button, #TTH15 .ui-button, #TTH16 .ui-button, #TTH17 .ui-button, #TTH18 .ui-button, #TTH19 .ui-button, #TTH20 .ui-button, #TTH21 .ui-button, #TTH22 .ui-button, #TTH23 .ui-button, #TTH24 .ui-button, #TTH25 .ui-button, #TTH26 .ui-button, #TTH27 .ui-button, #TTH28 .ui-button, #TTH29 .ui-button, #TTH30 .ui-button, #TTH31 .ui-button, #TTH32 .ui-button, #TTH33 .ui-button, #TTH34 .ui-button, #TTH35 .ui-button, #TTH35 .ui-button, #TTH36 .ui-button, #TTH37 .ui-button, #TTH38 .ui-button, #TTH39 .ui-button, #TTH40 .ui-button, #TTH41 .ui-button, #TTH42 .ui-button, #TTH43 .ui-button, #TTH44 .ui-button, #TTH45 .ui-button, #TTH46 .ui-button, #TTH47 .ui-button, #TTH48 .ui-button, #TTH49 .ui-button {
	width: 200px;
	margin: 3px;
}








#BirthMonth .ui-button, #BirthMonthSpanish .ui-button, #InfantAgeMonths .ui-button {
	height: 100px;
	width: 175px;
	margin: 3px;
}
#BirthMonth .ui-button-text, #BirthMonthSpanish .ui-button-text, #InfantAgeMonths .ui-button-text {
	height: 100px;
	width: 175px;
	text-align: center;
	padding-top: 35px;
}
#Birthday .ui-button-text, #PregnantWeeks .ui-button-text {
	height: 82px;
	width: 100px;
	text-align: center;
	padding-top: 35px;
}

/*8 Buttons*/
#BreakfastWeekly .ui-button-text {
	height: 100px;
	width: 100px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}

#BreakfastWeekly .ui-button {
	height: 100px;
	width: 100px;
	margin: 3px;
}

/*6 BUTTONS*/
#EatingOut .ui-button-text {
	height: 100px;
	width: 140px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}

#EatingOut .ui-button {
	height: 100px;
	width: 140px;
	margin: 3px;
}

/*5 BUTTONS*/
#SweetenedBeverages .ui-button-text {
	height: 100px;
	width: 175px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}

#SweetenedBeverages .ui-button {
	height: 100px;
	width: 175px;
	margin: 3px;
}	


#FoodSecurity .ui-button, #FoodSecuritySpanish .ui-button, #Snacks .ui-button, #CommunityResources .ui-button, #CommunityResourcesSp .ui-button, #Brushing .ui-button, #BrushingSpanish .ui-button, #Flossing .ui-button, #FlossingSpanish .ui-button  {
	height: 100px;
	width: 170px;
	margin: 3px;
}
/*5 Buttons*/
#FoodSecurity .ui-button-text, #FoodSecuritySpanish .ui-button-text, #Snacks .ui-button-text, #CommunityResources .ui-button-text, #CommunityResourcesSp .ui-button-text, #Brushing .ui-button-text, #BrushingSpanish .ui-button-text, #Flossing .ui-button-text, #FlossingSpanish .ui-button-text {
	height: 100px;
	width: 170px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}

#WordPerception .ui-button, #WordPerceptionSp .ui-button  {
	height: 100px;
	width: 300px;
	margin: 3px;
	padding-top: 15px;
	
}
#WordPerception .ui-button-text, #WordPerceptionSp .ui-button-text {
	height: 100px;
	width: 300px;
	text-align: center;
}


#SleepHoursTeen .ui-button-text  {
	height: 100px;
	width: 100px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
	}
	
	#SleepHoursTeen .ui-button  {
	height: 100px;
	width: 100px;
	margin: 3px;
	}



#ActivityFrequency .ui-button-text, #FamilyActivity .ui-button-text   {
	height: 100px;
	width: 100px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
	}
	
	#ActivityFrequency .ui-button, #FamilyActivity .ui-button   {
	height: 100px;
	width: 100px;
	margin: 3px;
	}
	
	#Activity .ui-button-text   {
	height: 100px;
	width: 170px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
	}
	
	#Activity .ui-button  {
	height: 100px;
	width: 170px;
	margin: 3px;
	}


#Sedentary .ui-button-text {
	height: 100px;
	width: 170px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
	}
	
#Sedentary .ui-button {
	height: 100px;
	width: 170px;
	margin: 3px;
	}
#SleepHoursMin .ui-button-text {
	height: 100px;
	width: 100px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}
#SleepHoursMin .ui-button {
	height: 100px;
	width: 100px;
	margin: 3px;
}	
#SleepHours .ui-button-text {
	height: 100px;
	width: 210px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;	
	
}
#SleepHours .ui-button {
	height: 100px;
	width: 210px;
	margin: 3px;
}

#BedTime .ui-button-text, #Waking .ui-button-text {
	height: 100px;
	width: 170px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;	
	
}
#BedTime .ui-button, #Waking .ui-button  {
	height: 100px;
	width: 170px;
	margin: 3px;
}

#Confidence .ui-button-text, #Readiness .ui-button-text, #Importance .ui-button-text, #Health .ui-button-text, #Weight .ui-button-text, #ChildhoodObesity .ui-button-text, #SleepQuality .ui-button-text {
	height: 100px;
	width: 80px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}

#Confidence .ui-button, #Readiness .ui-button, #Importance .ui-button, #Health .ui-button, #Weight .ui-button, #ChildhoodObesity .ui-button, #SleepQuality .ui-button {
	height: 100px;
	width: 80px;
	margin: 3px;
}
/*08/06/13 For every .ui-button-text, added Height and weight equal to the .ui-button. This eliminates the span issue where the bottom of the button doesn't fire the advance*/
#ConfidenceSPH .ui-button-text, #ConfidenceSPHSpanish .ui-button-text, #ReadinessSPH .ui-button-text, #ImportanceSPH .ui-button-text, #ImportanceSPHSpanish .ui-button-text, #AffectChildHealthEnglish .ui-button-text, #AffectChildHealthSpanish .ui-button-text, #InfantFeedingMethodEnglish .ui-button-text, #InfantFeedingMethodSpanish .ui-button-text, #TypicalDayEnglish .ui-button-text, #TypicalDaySpanish .ui-button-text, #ActivityIntentEnglish .ui-button-text, #ActivityIntentSpanish .ui-button-text  {
	height: 100px;
	width: 220px;
	padding-top: 32px;
	text-align: center;
	vertical-align: middle;
}

#ConfidenceSPH .ui-button, #ConfidenceSPHSpanish .ui-button, #ReadinessSPH .ui-button, #ImportanceSPH .ui-button, #ImportanceSPHSpanish .ui-button, #AffectChildHealthEnglish .ui-button, #AffectChildHealthSpanish .ui-button, #InfantFeedingMethodEnglish .ui-button, #InfantFeedingMethodSpanish .ui-button, #TypicalDayEnglish .ui-button, #TypicalDaySpanish .ui-button, #ActivityIntentEnglish .ui-button, #ActivityIntentSpanish .ui-button {
	height: 100px;
	width: 220px;
	margin: 3px;
}

.ui-buttonset .ui-button {
	margin-top: 3px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
} /* reset extra padding in Firefox */

/* Added for lcr 9/04/13 */

a.radio-picture {
    border: 2px solid transparent;
    display: inline-block;
    height: 150px;
    margin-right: 10px;
    text-decoration: none;
    width: 88px;
}
a.radio-picture:hover {
	border:2px dashed red;
}
a.green-border {
	border: 2px solid #7ee153;
}

.hidden {
    left: -10000px;
    position: absolute;
    top: -1000px;
}
input[type="submit"] {cursor:pointer;}



