/***
 * QUICKFORM STYLES
 **/

/* == Default Styles == */
form
{
    margin: 0;
    padding: 0;
}

form fieldset
{
    clear: both;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-bottom: 0.5em;
}

form fieldset.hidden
{
    border: 0;
	margin-bottom: 0;
}

form fieldset legend
{
    white-space: nowrap;
    font-weight: bold;
    width: 100%;
    padding: 1px;
    display: block;
    color: #000000;
    font-size: 1.1em;
}

form fieldset ol
{
    margin: 0;
    padding: 0;
}

form fieldset li
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

form label
{
    margin: 0 0 0 5px;
}

form label.element
{
    display: block;
    float: left;
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: bold;
    color: #000000;
}

form .element a
{
	color: #000000;
}

form input,
form textarea,
form select
{
    width: auto;
}

form textarea
{
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.0em;
    overflow: auto;
    background: transparent url('/images/bg_textarea.jpg') repeat-y top left;
}

form input.text,
form select
{
	background: #F8D8B9 url('/images/bg_input.gif') repeat-x top left;
}

form br
{
    clear: left;
}

form div.element
{
    display: inline;
    float: left;
    margin: 3px 0 5px 0px;
    padding: 0;
}

form li.reqnote
{
    margin: 5px 0 0 0px;
    color: #000000;
    font-weight: bold;
    font-size: 0.9em;
}

form span.error
{
	color: #9A0000;
}

form span.required
{
	color: #9A0000;
	padding-left: 2px;
}

form div.error
{
    padding: 2px;
    margin-bottom: 0px;
}

form div.characterAmount
{
	font-size: 0.8em;
	text-align: center;
}



/* == Lead Capture Form == */
#leadCapture
{
	width: 100%;
}

#leadCapture li
{
	list-style-type: none;
}

#leadCapture li a
{
	color: #000000;
}

#leadCapture fieldset#rightColumn li.reqnote
{
	display: none;
}

#leadCapture fieldset#leftColumn li.reqnote span.required
{
	padding-left: 0px;
}

#leadCapture fieldset#disclaimer li
{
	font-size: 10px;
}

#leadCapture fieldset#disclaimer legend
{
	display: none;
}

#leadCapture div.error input.text,
#leadCapture div.error select
{
	border: 2px solid #9A0000;
}

#leadCapture span.error
{
	font-size: 0.85em;
}

#leadCapture label
{
	width: 100px;
}

#leadCapture fieldset legend
{
    display: none;
}

#leadCapture input.text
{
	width: 200px;
}

#leadCapture select
{
	width: 203px;
}

#leadCapture li.reqnote
{
	margin-bottom: 2px;
}

#leadCapture li.terms
{
	padding-top: 10px;
}

#leadCapture li.terms input
{
	float: left;
	margin-right: 5px;
}

#leadCapture li.terms label,
#leadCapture li.optinOptions label
{
	margin-left: 0px;
	margin-right: 0px;
}

#leadCapture li.optinOptions input
{
	float: left;
	margin-right: 5px;
}

#leadCapture #optinOptions_errorDiv
{
	clear: left;
}

#leadCapture fieldset#leftColumn
{
	float: left;
	clear: none;
	width: 321px;
	margin-left: 0px;
	margin-right: 40px;
	overflow: hidden;
}

#leadCapture fieldset#rightColumn
{
	float: left;
	clear: none;
	width: 336px;
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
	margin-top: 20px;
}

#leadCapture h2
{
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

#leadCapture .intro
{
	margin-bottom: 10px;
}

#leadCapture fieldset#rightColumn h3
{
	clear: left;
	margin-top: 20px;
	margin-bottom: 0px;
}

#leadCapture div.optinOptions
{
	margin-top: -10px;
	margin-bottom: 10px;
}

#leadCapture label.optinOptions
{
	width: 100%;
	color: #000000;
}

#leadCapture div.optinOptions input
{
	float: left;
	clear: left;
	margin-right: 0px;
}

#leadCapture div.optinOptions label
{
	float: left;
	width: auto;
	color: #000000;
	font-weight: normal;
	margin-left: 5px;
	position: relative;
}

#leadCapture li.buttons
{
	float: right;
	width: auto;
	clear: left;
}

#leadCapture #btnSubmit
{
	/* replace the transparent spacer image with the correct png image */
	background: transparent url('/images/accessible/lead/btn_submit.png') no-repeat top left;
	width: 90px;
	height: 45px;
	margin: 0;
	padding: 0;
}

/* == Share Friends Form == */
#shareFriend span.error
{
	font-size: 0.85em;
}

#shareFriend label
{
	width: 100px;
}

#shareFriend textarea
{
	width: 278px;
	height: 108px;
	clear: left;
}

#shareFriend input.text
{
	width: 170px;
	background-color: #fbe9d3;
	border: solid 1px #f6d2a8;
}

#shareFriend li.separator
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 6px;
	background: transparent url('/images/share/friend/line_rpt.gif') repeat-x top left;
	overflow: hidden;
}

#shareFriend fieldset legend
{
	margin-bottom: 5px;
}

#shareFriend h2
{
	margin-bottom: 10px;
	padding-bottom: 0;
	padding-top: 20px;
}

#shareFriend h3
{
	margin-bottom: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#shareFriend fieldset#leftColumn
{
	float: left;
	clear: none;
	width: 285px;	/* 315px minus left and right padding */
	margin-left: 0px;
	margin-right: 40px;
	padding-left: 30px;
	overflow: hidden;
}

#shareFriend fieldset#rightColumn
{
	float: left;
	clear: none;
	width: 310px;	/* 340px minus left and right padding */
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 30px;
	overflow: hidden;
}

#shareFriend li.buttons div.element
{
	text-align: right;
	width: 100%;
	padding-top: 20px;
}

#shareFriend li.message label
{
	display: none;
}

#shareFriend #btnTellFriends
{
	/* replace the transparent spacer image with the correct png image */
	background: transparent url('/images/share/friend/btn_tell_friends.png') no-repeat top left;
	width: 140px;
	height: 43px;
	margin: 0;
	padding: 0;
}


/* == Accessible Forms == */
/* - common - */
form.accessible legend
{
	display: none;
}

form.accessible h2
{
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

form.accessible h3
{
	margin-bottom: 15px;
}


/* - Homepage - */
#accessibleHomepage li.btnCreateEncounter,
#accessibleHomepage li.btnDownloadFlash
{
	float: left;
	clear: none;
}

#accessibleHomepage li.btnCreateEncounter
{
	margin-top: -15px;
}

#accessibleHomepage li.createText
{
	padding-top: 5px;
}

#accessibleHomepage .btnCreateEncounter img
{
	border: none;
}

#accessibleHomepage li.btnDownloadFlash
{
	margin-top: -8px;
}

#accessibleHomepage li.leftCopy
{
	width: 480px;
	float: left;
	clear: left;
}

/* - Thankyou - */
#accessibleThankyou h3
{
	margin-bottom: 20px;
}

#accessibleThankyou .buttons
{
	margin-top: 20px;
	float: right;
}

#accessibleThankyou #btnCreateEncounter
{
	/* replace the transparent spacer image with the correct png image */
	background: transparent url('/images/accessible/thankyou/btn_create_another.png') no-repeat top left;
	width: 221px;
	height: 115px;
	margin: 0;
	padding: 0;
}

/* - Encounter - */
#encounterCreate legend
{
	display: none;
}

#encounterCreate li
{
	float: left;
	clear: none;
}

#encounterCreate span.error
{
	display: block;
	text-align: center;
	font-weight: bold;
}

#encounterCreate div.error input
{
	border: 2px solid #9A0000;
}

#encounterCreate fieldset#encounterFields span.error
{
	margin-left: 0px;
}

#encounterCreate li.encounterInspiration span.error
{
	background-color: #E38028;
}

#encounterCreate fieldset#seedFields
{
	clear: none;
	float: left;
	width: 555px;
	padding-top: 50px;
}

#seedFields li.seed1,
#seedFields li.seed2
{
	background: transparent url('/images/accessible/encounter/panel_create_circle.png') no-repeat top left;
	width: 174px;	/* 214px minus left and right padding */
	height: 134px;	/* 214px minus top and bottom padding */
	padding: 40px 20px;
	display: block;
}

#seedFields label
{
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

#seedFields label img
{

}

#seedFields input
{
	width: 150px;
	margin-left: 10px;
}

#seedFields label img
{
	margin: 0 35px;
}

#seedFields div.element
{
	clear: left;
	width: 100%;
	margin-top: 0px;
}

#encounterCreate li.icon
{
	margin-top: 90px;
}

#encounterCreate fieldset#encounterFields
{
	background: transparent url('/images/accessible/encounter/panel_create_encounter.png') no-repeat top left;
	clear: none;
	float: left;
	width: 354px;	/* 354px minus left and right padding */
	height: 233px;	/* 318px minus top and bottom padding */
	padding-top: 85px;
	position: relative;
}

#encounterFields li
{
	width: 296px;	/* 354px minus left and right padding */
	padding: 0 25px 0 33px;
}

#encounterFields input.text,
#encounterFields textarea
{
	width: 279px;
}

#encounterFields li.encounterText label
{
	display: none;
}

#encounterCreate #btnSubmit
{
	/* replace the transparent spacer image with the correct png image */
	background: transparent url('/images/accessible/encounter/btn_submit.png') no-repeat top left;
	width: 90px;
	height: 45px;
	float: left;
	margin: 0px 98px;
}

#encounterCreate li.reqnote
{
	display: none;
}