﻿/* CSS for Intermountain Healthcare 
	Function: Element formatting for article pages containing forms
	Scope: All subordinate pages on intermountainhealthcare.org containing forms
*/

/* GENERIC FORM STYLING */
.ih-pageForm {background:transparent url(/images/lyt/ih-bg-ih-tabPanel-Cont.gif) repeat-x 0 0; font-size:1.2em; border-top:1px solid #e6d0b5; padding:15px 10px 20px;}

/* GLOBAL FORM ELEMENTS */
input.ih-button {background:#b2bec8 url(/images/lyt/bg-ih-button.gif) repeat-x 0 100% !important; color:#fff; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}

/* FORM IN WEB PART */
.ih-webZoneForm {font-size:1.2em;}

.ih-frm-Other {margin-left:35px;}
.ih-frmOpt, .ih-frmReq {clear:left; padding:0 0 15px; float:left;} 
.ih-fset-1 {border:solid #e3dac0; border-width:1px 0 0 0;}
.ih-fset-1 legend {font:normal 1.5em/normal Georgia, "Times New Roman", Times, serif; color:#8f877a; margin:5px 0 10px;}
.ih-fset-2 {border:dotted #e3dac0; border-width:1px 0 0 0; clear:both; margin:0 0 10px; padding:0 0 10px; }
.ih-fset-2 legend {padding:20px 0 0; font:normal .9em/normal Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: .4em; color:#8f877a; margin:0 0 0;  }
.ih-pageForm input, .ih-pageForm textarea, .ih-pageForm select {border:1px solid #e3dac0; color:#666; font:normal .9em/120% Verdana, Arial, Helvetica, sans-serif; padding:2px; margin-left:15px;}
.ih-pageForm input.ih-button {padding:3px 7px 5px; border:0; color:#fff; background:#7685AE;}
.ih-pageForm input.ih-button, input[type=checkbox], input[type=radio] {border:0;}
.ih-frmGroup {clear:both; float:left; width:100%; padding: 2px 0 3px; margin-left:10px;}
.ih-frmGroup p {width:685px; padding:0px 0px 10px;}
.ih-frmGroup label small {display:block;}
.ih-frmGroup .desc {float:left; padding-left:40%; margin:0 5px 0 20px; display:block; width:15em; font:normal .8em/normal Verdana,Arial,Helvetica,sans-serif;}
.ms-formvalidation {float:left; padding-left:40%; margin:0 5px 0 20px; display:block; width:15em; font:normal .8em/normal Verdana,Arial,Helvetica,sans-serif;}
.ih-frmGroup input.ih-button {padding:3px 7px 5px; border:0;}
.ih-fset-btn {padding-top:10px; padding-left:40%; border:0;}
.ih-fset-btn input {margin-left:5px;}
.ih-pageForm select, .ih-pageForm textarea {background:transparent !important; }
.ih-pageFormOverview {font:normal 1.2em/normal Verdana,Arial,Helvetica,sans-serif; width:715px;}
/*.ih-pageContent {font:normal 1.0em/normal Verdana,Arial,Helvetica,sans-serif; width:715px;}*/
.captcha {border:0; padding:10px 7px 7px; padding-left:40.5%; margin-left:15px;}
.formNote{margin-left:315px;width:40%; display:block; font:normal .8em/normal Verdana,Arial,Helvetica,sans-serif; color:#8e8e8e;}

/* 2COL STYLE */
.ih-2colForm {width:100%;}
.ih-2colForm .ih-frmGroup label {float:left; width:40%; text-align:right; margin:0 5px 0 0; color:#666; font:normal .9em/normal Verdana,Arial,Helvetica,sans-serif;}
.ih-2colForm .ih-frmGroup input {width:auto; }
.ih-2colForm .ih-frmGroup textarea {display:inline-block; width:25em !important;}
.ih-2colForm .ih-fset-noBorder {float:left; width: auto; padding:0; margin-left: 15px;}
.ih-2colForm .ih-fset-noBorder input {margin:0 0 5px; float:left; clear:both; width:auto;}
.ih-fsetOneLine * {clear:none !important; float:left; margin-right:5px !important;}
.ih-fsetOneLine label {font-size:.8em !important;}
.ih-frmZIP, .ih-frmPhone {width:5em !important;}
.ih-frmAreaCode {width:3em !important;}
.ih-fset-noBorder div.ih-fsetOneLine {margin:0 0 10px; float:left; clear:both;}
.ih-pageForm small {clear:both !important; font-size:.9em; width:100%; float:none;}
.ih-input-radioCheck {float:left;}
.ih-label-radioCheck {margin-left:1em; text-align:left;}

/* ERROR */
input.error {background:#F1DFE1; border:1px dotted #C07E86;}
input.Numeric {width:20px !important;}
input.NumericError {background:#F1DFE1; border:1px dotted #C07E86; width:20px !important;}
input.ih-frmZIPerror, input.ih-frmPhoneerror {background:#F1DFE1; border:1px dotted #C07E86; width:5em !important;}
input.ih-frmAreaCodeerror {background:#F1DFE1; border:1px dotted #C07E86; width:3em !important;}

/* FOR RADIO AND CHECK */
.ih-frmRadioCheck table {padding:0;}
.ih-frmRadioCheck table td {position:relative; text-align:left; width:30em; font-size:1em;}
.ih-frmRadioCheck table input {float:left; margin:2px 10px 0; left:0; border:0 !important;}
.ih-frmRadioCheck table label {padding:3px 0 5px; text-align:left !important; width:25em !important;}
.ih-input-radioCheck {float:left;}
.ih-label-radioCheck {margin-left:1em; text-align:left;}
.ih-frmDateTime input {background:#F1DFE1; border:1px dotted #C07E86;}

/*FORMS FOR CLINICS*/
.colPad .ih-pageForm * {font-family:Arial, Helvetica, sans-serif !important;}
.colPad .ih-pageForm {font-size:1em !important;}

/*FORMS FOR ANNUAL REPORT*/
#pgDetailPos .ih-pageForm * {font-family:Georgia, "Times New Roman", Times, serif; !important;}
#pgDetailPos .ih-frmRadioCheck {width:600px !important;}
#pgDetailPos .ih-frmRadioCheck table td {position:relative; text-align:left; width:60em; font-size:1em;}
#pgDetailPos .ih-frmRadioCheck table label {padding:3px 0 5px; text-align:left !important; width:20em !important;}
#pgDetailPos .ih-2colForm .ih-frmGroup textarea {background:white !important;display :inline-block; width:20em !important;}
#pgDetailPos .ih-pageForm {font-size:1em !important;}
#pgDetailPos .ih-pageForm {background:transparent url(/images/lyt/ih-bg-ih-tabPanel-ContAR.gif) repeat-x 0 0; font-size:1.2em; border-top:0px solid #e6d0b5; padding:5px 10px 20px;}

/*FORMS FOR LIVE*/
.frmWrap {width:750px; margin:0 0 0 0; text-align:left; background:url(/images/liveForms/layout/bkg-pg-form-rpt.jpg) repeat-y;}
#frmCnt {padding:20px 120px;}
#frmCnt p {margin-bottom: 20px; width:490px;}
#frmCnt .ih-pageForm {background:none; repeat-x 0 0; font-size:1.2em; border-top:none; padding:15px 10px 20px;}
#frmCnt .ih-2colForm .ih-frmGroup textarea {display:inline-block; width:20em !important;}
#frmCnt .ih-frmRadioCheck table label {padding:3px 0 5px; text-align:left !important; width:20em !important;}