/* used to center the form in browser. To keep form left justified just comment out this section */

#html, body
{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px; /*matches #wrapper & header width property in main CSS file */ /*height: 100%;#04-25-2014 kumar: Avoid scorll bar*/
	margin: auto;
	background-color: white;
}


.form-label
{
	font-size: 70%; /*11px;*/
	font-family: Arial, sans-serif;
	color: #67311d;
	font-weight: bold;
	font-style: italic;
}


.form-contact-question
{
	font-size: 70%; /*11px;*/
	font-family: Arial, sans-serif;
	color: #67311d;
	font-weight: bold;
	font-style: italic;
}

.form-general-report
{
	font-size: 70%; /*11px;*/
	font-family: Arial, sans-serif;
	color: #67311d;
	font-weight: bold;
	font-style: italic;
}

.form-business-segment-prompt
{
	border-style: solid;
	border-width: 2px;
	font-size: 90%; /*11px;*/
	font-family: Arial, sans-serif;
	color: #67311d;
	font-weight: bold;
	font-style: italic;
	background-color: #C0C0C0;
}



.form-label-add-cat_prompt
{
	display: block;
	font-size: 70%; /*11px;*/
	font-family: Arial, sans-serif;
	color: #67311d;
	font-weight: bold;
	font-style: italic;
	width: 100% !important;
	overflow: visible;
}

.form-label-remove-cat
{
	font-size: 80%; /*11px;*/
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	font-style: italic;
	position: relative;
	left: 282px;
}


.form-label-align-right
{
	font-size: 62.5%; /*12px;*/
	font-family: Arial, sans-serif;
	color: White;
	text-align: right;
}

.form-label-Required
{
	font-size: 62.5%; /*10px;*/
	font-family: Arial, sans-serif;
	color: Red;
	margin-left: 10px;
}
.form-Required-star
{
	font-size: 62.5%; /*10px;*/
	font-family: Arial, sans-serif;
	color: Red;
}
.form-Required-footer
{
	font-size: 70%; /*10px;*/
	font-family: Arial, sans-serif;
	color: Red;
	margin: 0px 0px 0px 5px; /*to center on page: margin: 0px 0px 0px 160px;*/
}
.form-label-Save
{
	position: relative;
	top: 50px;
	left: 5px; /*left: 160px;  to center */
	width: 100%;
	font-size: 90%; /*16px;*/
	font-family: Arial, sans-serif;
	font-family: Arial, sans-serif;
	color: Black;
}


.form-label-Save-Error
{
	width: 100%;
	font-size: 90%; /*16px;*/
	font-family: Arial, sans-serif;
	color: Red;
}

.form-label-remaining
{
	font-size: 62.5%; /*12px;*/
	font-style: italic;
	font-family: Arial, sans-serif;
	color: black; /*display: block;*/ /*make it appear on line by itself*/
}

.form-label-tech-issues
{
	font-size: 62.5%; /*9px;*/
	font-style: italic;
	font-family: Arial, sans-serif;
	color: white;
	float: right;
}

.form-label-validation-errors
{
	font-size: 80%; /*11px;*/
	font-family: Arial, sans-serif;
	color: #67311d;
	font-weight: bold;
	font-style: italic;
	left: 30px;
	position: relative;
}

.form-label-validation-errors-header
{
	font-size: 80%; /*11px;*/
	font-family: Arial, sans-serif;
	color: red;
	font-weight: bold;
	font-style: italic;
}

.dropdown-text
{
	border-color: #C0C0C0; /*height: 24px;*/ /*width: 330px;*/ /*margin-left: 2px; */ /*to keep space between stacked dropdown boxes for categories */
	font-size: 70%; /*12px;*/
	font-family: Arial, sans-serif;
	padding: 2px; /*display:block;*/ /*margin-bottom:-5px;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	display: block;
	width: 80%;
	height: 25px;
}

.form-text
{
	font-size: 70%; /*12px;*/
	font-family: Arial, sans-serif;
	width: 330px;
	padding: 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	height: 25px;
}

.form-text:focus
{
	background-color: #C9FFB7;
}



.ModalPanelLocationSearch
{
	border: solid 1px #036;
	z-index: 9999999;
	width: 600px;
	height: 600px;
	background-color: #daebff;
}

.Table_Google_Map
{
	background: #036;
	color: #fff;
	text-align: center;
	font-size: 62.5%; /*10px; */
	height: 14px;
}

.modalBackground
{
	/* enable this style for pop-up maps /*     background-color:#454545;     filter:alpha(opacity=50);      opacity: 0.7;  */
}
.ClosePopupCls
{
	color: White;
	float: right;
	height: 10px;
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
}
.ClosePopupCls a:link
{
	color: White;
	text-decoration: none;
}
.ClosePopupCls a:visited
{
	color: White;
	text-decoration: none;
}
.ClosePopupCls a:hover
{
	color: White;
	text-decoration: none;
}
/*------------------------*/

.intro_header
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}
.intro_footer
{
	font-family: Arial, Sans-Serif;
	font-size: 10px; /*text-align:right;*/
}
/* Generic Accordion style. Can be overriden by brand's CSS file */
.accordion
{
	width: 520px; /*430px matches wrapper.*/
}

.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #da072a; /*#2E4d7B;*/
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionHeaderSelected
{
	border: 5px solid #2F4F4F;
	color: white;
	background-color: #da072a; /* #5078B3; */
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionContent
{
	background-color: #fff; /*#D3DEEF;*/
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}


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

/* Generic style elements. Can be overridden by Brand's CSS */
.AnimationPanel
{
	position: absolute;
	width: 550px;
	height: 300px;
	left: 0px;
	top: 30px; /*padding:3px;*/
	border: solid 1px #000;
}

/* used for Modal popup to display Validation Errors */
/*------------------------*/

.ValidationErrorsModalPanel
{
	border: solid 1px #036;
	z-index: 99999999;
	width: 320px; /*284px; */
	height: 280px; /*230px;*/
	background-color: white /*#daebff;*/ /*position: absolute!important;*/;
}

.ValidationErrorsCancelPopup
{
	color: Black;
	float: right;
	height: 10px;
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
}
.ValidationErrorsCancelPopup a:link
{
	color: Black;
	text-decoration: none;
}
.ValidationErrorsCancelPopup a:visited
{
	color: Black;
	text-decoration: none;
}
.ValidationErrorsCancelPopup a:hover
{
	color: Black;
	text-decoration: none;
}

#header /*matches #wrapper width property */
{
	width: 520px;
	height: 93px;
	position: absolute;
	top: 0;
	left: 10px;
	background: url('../../../../forms/mobile/images/header_bg.gif') top repeat-x;
	z-index: 100;
}


#header h1 a
{
	width: 100px;
	height: 100px;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: -1;
}
#header .nav
{
	position: absolute;
	top: 29px;
	left: 100px;
	list-style-type: none;
}
#header .nav li
{
	display: inline-block;
	padding: 0 5px 0 0;
	position: relative;
	display: inline;
}

#header .nav li a
{
	font: 14px/16px "Bebas";
	color: #fffdf1;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 -1px 1px rgba(127,59,2,.4);
	filter: dropshadow(color=#eb750f,offx=0,offy=-1);
}
#header .nav a:hover, #header .nav a.active
{
	color: #ffd66f;
}
#header .nav li .divider
{
	width: 2px;
	height: 16px;
	background-position: -300px -150px;
	position: absolute;
	top: 1px;
	right: 12px;
}

.frame
{
	width: 100%;
	margin: 0 auto;
	position: relative;
}


.radiobutton-business-segment
{
	font-size: 70%; /*11px;*/
	font-family: Arial, sans-serif;
}

/*Radio Button List also renders a table. Here we customize the column width*/
.radiobutton-business-segment td
{
	/*width:130px;*/ /*width:60%;*/
}

.radiobutton-text
{
	font-size: 70%; /*11px;*/
	font-family: Arial, sans-serif;
}

.radiobutton-panel
{
	background-color: transparent; /*#E8E8E8;*/
	width: 100%;
}


#wrapper
{
	position: relative;
	width: 520px; /*matches #header width property */
	min-height: 300px;
	margin: 50px 0px 0px 20px;
	color: #333;
}


#MainTable
{
	position: absolute;
	top: 20px;
	width: 100%;
}

.form-label-Popup
{
	font-size: 70%; /*10px;*/
	font-style: italic;
	font-family: Arial, sans-serif;
	color: black;
}



.watermark
{
	font-size: 70%; /*11px;*/
	font-family: Arial, sans-serif;
	color: gray;
}

.asp-button, #html-button
{
	-webkit-appearance: none; /*this makes background color work in Safari & Chrome */
	display: inline;
	color: #fff; /*padding: 5px 12px;*/
	letter-spacing: 1px;
	font-size: 70%; /*14px;*/
	font-weight: normal; /*height: 31px;*/
	overflow: hidden;
	float: left;
	background-color: #da072a; /*#FF8400;*/ /*round corners supporting all browsers. It does not round when IE is set in Compatibility View */
	border-color: Black;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
}

.button-disabled
{
	background-color: #C0C0C0 !important;
	-webkit-appearance: none; /*this makes background color work in Safari & Chrome */
	display: inline;
	color: #fff; /*padding: 5px 12px;*/
	letter-spacing: 1px;
	font-size: 70%; /*14px;*/
	font-weight: normal; /*height: 31px;*/
	overflow: hidden;
	float: left; /*round corners supporting all browsers. It does not round when IE is set in Compatibility View */
	border-color: Black;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
}


.continue-button
{
	margin-top: 10px;
	-webkit-appearance: none; /*this makes background color work in Safari & Chrome */
	width: 100px;
	background-position: #F67A0C url(http://www.servicecheck.net/forms/Mobile/css/bg_title.jpg) repeat-x lefttop; /*display: inline;*/
	background: #F67A0C url(http://www.servicecheck.net/forms/Mobile/css/bg_title.jpg) repeat-x lefttop;
	color: #fff; /*padding: 5px 12px;*/
	letter-spacing: 1px;
	font-size: 90%; /*18px;*/
	font-weight: normal; /*height: 31px;*/ /*overflow: hidden;*/
	background-color: #008000;
	border-color: Black; /*round corners supporting all browsers */
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	float: right;
}

.Button_LocationSearch
{
	background-position: #008000;
	width: 70px;
	height: 25px;
	-webkit-appearance: none; /*this makes background color work in Safari & Chrome */
	position: relative;
	left: 0px;
	background: #008000;
	color: #FFFFFF; /*round corners supporting all browsers */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}


.modal-popup-button
{
	color: #fff; /*padding: 5px 12px;*/
	letter-spacing: 1px;
	font-size: 70%; /*14px;*/
	font-weight: normal; /*height: 31px;*/
	overflow: hidden;
	float: left;
	background-color: #da072a; /*#FF8400;*/ /*these values center the button in panel */
	position: absolute;
	margin-left: -30px; /*half of the width of the button*/
	left: 50%;
	width: 60px;
	bottom: 10px;
}

input#Button_Map
{
	width: 50px;
	height: 20px;
	border-radius: 5px;
	position: relative;
	left: 0px;
}


@media screen and (max-width: 600px)
{

	#wrapper
	{
		width: 100%;
		margin: 0 0;
	}
	#header
	{
		width: 100%; /*430px matches wrapper.*/
		left: 0;
	}
	.accordion
	{
		width: 100%; /*430px matches wrapper.*/
	}
	.form-text-state
	{
		font-size: 50%;
	}

	#AccordionPane_ContactInformation_content_Validate_State
	{
		position: relative;
		left: 23%;
	}

	#AccordionPane_ContactInformation_content_Validate_Zip
	{
		position: relative;
		left: 46%;
	}


	.radiobutton-business-segment
	{
		width: 60%;
		font-size: 80% !important;
	}

	.continue-button
	{
		float: left !important; /*!imprtant overrides float value in brand specific css fle */
	}

	.Button_LocationSearch
	{
		width: 60px !important;
	}

	.form-label
	{
		font-size: 70% !important; /*11px;*/
	}

	#AccordionPane_BusinessSegment_content_lblVisitTime
	{
		display: block;
	}


	.form-text
	{
		font-size: 70% !important;
	}

	.radiobutton-text
	{
		font-size: 80% !important;
	}


	/*#AccordionPanel_Categories_1_content_Button_Category_1_Reset
			{
				display: none;
			}*/

	.dropdown-text
	{
		width: 100%;
		font-size: 100% !important; /*12px;*/
	}

	#href_Map
	{
		display: none; /* Hide location map link. iphone opens a new window for map */
	}

	img, img.scale-with-grid
	{
		outline: 0;
		max-width: 100% !important;
		height: auto;
	}

}
/*End of media query*/

.ModalPopupBG
{
	background-color: Black;
	filter: alpha(opacity=50) !important;
	opacity: 0.6;
	top: 0px !important;
	left: 0px !important;
	position: fixed !important;
	z-index: 1 !important;
}
.popupPanelHigher
{
	background-color: #ddd;
	margin: 0px auto;
	position: fixed !important;
	border: black 2px inset;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -125px;
}
.popupPanelLower
{
	background-color: #ddd;
	margin: 0px auto;
	position: absolute !important;
	border: black 2px inset;
	width: auto;
	top: 0px !important;
	left: 0px !important;
}

.IEErrorClass
{
	background-color: #FFFF00;
}
.ErrorClass
{
	border: 2px solid Red;
}

.goog-te-gadget-icon {display:none;}
.goog-te-gadget-simple a {text-decoration: none !important;}
.goog-te-banner-frame.skiptranslate {display: none !important;}
body { top: 0px !important; }