/*
	framework.css
*/

Form 
{
	 
}

.dcfWizard {
	background: #fff none;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.dcfWizard * {
	/*color: #333;*/
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
}

.dcfWizard table {
	border-collapse: collapse;
	width: 100%;
}

.dcfWizard td {
	padding: 0;
	vertical-align: top;
}

.dcfWizard h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

.dcfWizard h3 {
	font-size: 14px;
}

.dcfWizard .stepTitle
{
	margin-top: 10px;
}

.dcfWizard a,
.dcfWizard a:link,
.dcfWizard a:active,
.dcfWizard a:visited {
	color: blue;
}

.dcfWizard a:hover {
	color: navy;
}

.dcfWizard a:focus { /* does not work in IE lte 7 */
	outline-style: none;
}

.dcfWizard fieldset {
	background: #f5f5f5;
	border: 1px solid #C8C8C8;
	margin: 20px 0;
	padding: 6px 10px;
	clear: both;
}

.dcfWizard .row .fieldElement td label {
	font-weight: normal;
	color: #000000;
}

.dcfWizard legend {
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
}

.dcfWizard label {
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	padding: 0 0 1px 0;
}

.dcfWizard .footer { clear: left; }
	
.dcfWizard label.typeRadio,
.dcfWizard label.typeCheckbox {
	font-size: 11px;
	line-height: 1em;
}

.dcfWizard span.typeRadio,
.dcfWizard span.typeCheckbox {
	margin-left: -4px;
}

.dcfWizard label.typeRadioList,
.dcfWizard label.typeCheckboxList {
	font-size: 11px;
	line-height: 1em;
}

.dcfWizard span.subListItem{
	margin-left: 30px;
}

.dcfWizard span.headline{
	font-weight: bold;
	color: #4B4B4B;
	margin: 0 0 30px 0;
	font-size: 13px;
}


.dcfWizard .typeCheckboxListContainer label ,
.dcfWizard .typeRadioListContainer label {
	font-weight: bold;
	color: #4B4B4B;
	margin: 0 0 30px 0;
}
.dcfWizard .typeCheckboxListContainer table ,
.dcfWizard .typeRadioListContainer table {
	margin: 5px 0 10px 15px;
}

.dcfWizard .typeCheckboxListContainer,
.dcfWizard .typeRadioListContainer 
{
	padding: 0 0 5px 0;
	/*border-bottom: 1px solid #e5e5e5;*/
	margin: 0 0 5px 0;
}

.dcfWizard .rowList label {
	font-weight: bold;
	color: #4B4B4B;
	margin: 0 0 30px 0;
}
.dcfWizard .rowList table {
	margin: 5px 0 0 0;
}

.dcfWizard .rowList 
{
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 5px 0;
}

.dcfWizard select,
.dcfWizard input.typeText,
.dcfWizard textarea {
	/*background: #fff url(../img/fieldbg.gif) repeat-x top;*/
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	text-transform: none;
	border-bottom: 1px solid #ddd;
	margin: 0 2px 2px 0;
	padding: 2px 1px;
}

.dcfWizard select {
	display: block;
	padding: 1px;
	width: 100%;
}

.dcfWizard input.typeText 
{
	height:17px;
	padding:2px 0 0 1px;
	width: 259px;
	font-size: 11px;
	margin-right: 4px;
}

.dcfWizard input.typeFileUpload {
	width: 90%;
}

.dcfWizard button.typeClearFileUpload {
	width: 10%;
	height: 19px;    
	line-height: 11px;
}

.dcfWizard input.typeStaticText {
	width: 100%;
}

.dcfWizard .phonePicker .left,
.dcfWizard .phonePicker .right {
	float: left;
}

.dcfWizard .phonePicker select {
	width: 75px;
}

.dcfWizard .phonePicker input.typeText {
	margin-right: 0;
	width: 180px;
}

.dcfWizard .phonePicker select,
.dcfWizard .phonePicker input.typeText {
	display: inline;
}

.dcfWizard select.typeSelect {
	font-size: 11px;
	margin-right: 4px;
	height: 21px;
}

.dcfWizard .typeRadSelect {
	font-size: 8px;
	margin-top:0px;
	margin-right: 4px;
	margin-left: 0px;
	padding: 0;
}

.dcfWizard input.typeWatermarkText
{
	width: 525px;
}

.dcfWizard input.typeMultiLineWatermarkText
{
	width: 525px;
}

.typeRadMaskedEdit
{
	display: block;
}

.dcfWizard input.typeRadio {
}

.dcfWizard input.typeButtonLink
{
	border: none;
	background-color: transparent;
	cursor: pointer;
	color: Blue;
}

.dcfWizard input.typeLink
{
	font-size: 1em;
	font-weight: normal;
	font-family: Arial;
}

.dcfWizard input.typeSubmit 
{ 
	background: transparent url('../img/dcf-button.gif') no-repeat scroll 0 0; border-style: none; height: 22px; padding-bottom: 2px; text-align: center; width: 127px; 
}

.dcfWizard input.typeSubmit.next
{ 
	float:right;
}

.dcfWizard input.typeSubmit.previous
{ 
	float:left;
}
	
.dcfWizard input.typeSubmit:hover 
{ 
	background: transparent url('../img/dcf-button-hover.gif') no-repeat scroll 0 0; 
}

.dcfWizard input.typeSubmit:focus 
{ 
	background: transparent url('../img/dcf-button-active.gif') no-repeat scroll 0 0; 
}

.dcfWizard textarea {
}

.dcfWizard .row {
	float: left;
	width: 100%;
}


/*****************************/

/* errors & help */

.dcfWizard .validationsummary
{
	color: red !important; 
}

.dcfWizard .criticalErrorSummary
{
	color: black !important; 
}

.dcfWizard .fieldElement .errorLabel {
	color: red;
	font-weight: bold;
	padding: 0 3px;
}

.dcfWizard .fieldElement .error
{
	color: red;
	font-weight: bold;
	float: left;
}

.dcfWizard .help {
	background: transparent url('../img/info_icon.gif') no-repeat scroll 0 0;
	padding: 0 6px 6px 6px;
}

.dcfWizard .helpText {
	/*background: #e5e5e5;
	border: 1px solid #d6d6d6;*/
	color: #666;
	/*cursor: pointer;*/
	font-size: 10px;
	line-height: 1.3em;
	/*padding: 5px 10px 6px 10px;
	position: absolute;
	z-index: 1000;*/
}

.dcfWizard .helpTextPasswordNotOk {
	  color: red;
	  font-size: 10px;
	  line-height: 1.3em;
	  background: transparent url(../img/error.gif) no-repeat;
	  background-position: left;
	  padding-left: 20px;
}

.dcfWizard .helpTextPasswordOk {
	  color: green;
	  font-size: 10px;
	  line-height: 1.3em;
	  background: transparent url(../img/success.gif) no-repeat;
	  background-position: left;
	  padding-left: 20px;
}



.dcfWizard .helpTextSection {
	background: #E9E9E9;
	border: 1px solid #d6d6d6;
	color: #444;
	font-size: 10px;
	line-height: 1.3em;
	margin: 5px 0;
	padding: 5px 10px 6px 10px;
}

.dcfWizard .fieldElement {
	float: left;
	padding: 1px 2px;
	width: 100%;
}

.dcfWizard .fieldElement.required {
	/*background: #fff7c0 none;*/
}

.dcfWizard .fieldElement.hasFocus {
	background: #E5E5E5 none;
}

.dcfWizard .width2Col .col1,
.dcfWizard .width2Col .col2 {
	width: 263px; 
	float: left;
}
.dcfWizard .width2Col .col1 { 
	margin-right: 10px;
 }

.dcfWizard .width2Col input.typeText {
	width: 259px;
}

.dcfWizard .width2Col input.typeWatermarkText {
	width: 259px;
}

.dcfWizard .width2Col input.typeMultiLineWatermarkText {
	width: 100%;
}

.dcfWizard .width2Col .phonePicker input.typeText {
	margin-right: 0;
	width: 180px;
	height: 17px;
}
.dcfWizard .width2Col .phonePicker select {
	width: 75px;
}

.dcfWizard .width1Col .col1 {
	width: 531px; 
}
.dcfWizard .width1Col .col1 { 
	margin-right: 10px;
 }

.dcfWizard .width1Col input.typeText {
	width: 525px;   
}

.dcfWizard .width1Col .phonePicker input.typeText {
	margin-right: 0;
	width: 429px;
}
.dcfWizard .width1Col .phonePicker select {
	width: 75px;
}

.dcfWizard .hidden {
	display: none;
}

.dcfWizard .visible {
	display: block;
}

.dcfWizard div .nav
{
	margin: 0 50px 0 0;
	float: right;
}

.dcfWizard .nav input 
{
	font-size: 14px;
	vertical-align: top;
	margin: 0 5px 10px 5px;
}

.dcfWizard div .wizardHelpText 
{
	margin-top: 5px;
	margin-bottom: 10px;
}
.dcfWizard div .wizardFooter {
	clear:both;
	padding: 15px;
	margin-bottom: 15px;
}



/*****************************/

.overlay {
	background: #000 none;
}

.overlayCenter{
	background: #000 url('../img/loading.gif') no-repeat scroll 50% 50%;
	width: 32px;
	height: 32px;
}


/*****************************/
/* Print styles for the DCF */
/*****************************/

@media print {

/* Progress bar */
.dcfWizard .progressBarIndexMultiLineWrapper { display: none; }

/* Form elements */
.dcfWizard input.typeText,
.dcfWizard select.typeSelect { background: transparent none; border-style: none; padding: 0; }
.dcfWizard select.typeSelect { margin-left: -4px; }
.dcfWizard input.typeSubmit { display: none; }

/**/
.dcfWizard .fieldElement .errorLabel { display: none; }

/* Help texts */
.dcfWizard .helpTextSection,
.dcfWizard .helpTextSection.visible { display: none; }
.dcfWizard .stepHelpHeader,
.dcfWizard .stepHelpHeader.visible { display: none; }

/* Images in account type */
.dcfWizard .platforms .imagePlaceHolder { display: none; }

/* Summary */
.dcfWizard .summary dd.closed { display: block; }
.dcfWizard .summary dd fieldset.editDetails { display: none; }

/* Tearms and conditions */
.dcfWizard div.textviewer, 
.dcfWizard .terms div.textviewer { background: transparent none; border-style: none; height: auto; margin: 0; overflow: auto; padding: 0; width: auto; }

/* Download PDF links */
.dcfWizard div.download { display: none; }
}

/* FLIP THE FLOW */

.ftfPortal div.ftfPortal 
{ 
}

.ftfPortal div.ftfStep 
{ 
}

.ftfPortal div.ftfStepText 
{ 
	margin: 10px; 
}

.ftfPortal input.typeSubmit 
{ 
	margin:0 0 10px 8px;
	float:right;
}



/*-------------------------------------------------
ACCOUNT STATUS
--------------------------------------------------*/

.accountStatus .gracePeriod {
 float: right;
 background: transparent url(../img/grace-bg.gif) 0 0;
 background-repeat: no-repeat;
 height: 34px;
 position: relative;
 top: -10px;
}
 
.accountStatus .gracePeriod {
 top: -40px\9;
}
 
.accountStatus .gracePeriod p {
 float: left;
 margin: 0;
 padding: 9px 0 0 15px;
}
 
.accountStatus .gracePeriod p .red {
 color: #ca0000;
}
 
.accountStatus .gracePeriod .end {
 background: transparent url(../img/grace-bg.gif) 100% 0;
 height: 34px;
 width: 15px;
 display: block;
 float: left;
}
 
.accountStatus .gracePeriod .end {
 float: none\9;
}
 
.accountStatus .overview {
 margin-top: -30px;
}
 
.accountStatus .overview .statusContainer {
 background-color: #f1f5f8;
 border-left: solid 1px #d5e2eb;
 border-right: solid 1px #d5e2eb;
}
 
.accountStatus .overview .top {
 height: 4px;
 clear: both;
 display: block;
 background: transparent url(../img/box-top.gif) 100% 0;
 font-size: 0;
}
 
.accountStatus .overview .topCorner {
 width: 4px;
 height: 4px;
 display: block;
 background: transparent url(../img/box-top.gif) 0 0;
 font-size: 0;
}
 
.accountStatus .overview .bottom {
 height: 8px;
 clear: both;
 display: block;
 background: #b7c9d7 url(../img/box-bottom-temp.gif) no-repeat 100% 100%;
 font-size: 0;
}
 
.accountStatus .head .headline {
 float: left;
 padding: 10px;
 color: #374457;
 font-size: 13px;
}
 
.accountStatus .head .description {
 float: left;
 padding: 10px;
 color: #5c5c5c;
 font-weight: normal;
}
 
.accountStatus table.status {
 clear: both;
 width: 100%;
}
 
.accountStatus table.status th {
	background: transparent url(../img/table-head-bg.gif) no-repeat -10px 0;
	height: 33px;
	width: 24%;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	padding-left: 12px;
	color: #fff;
	border-right: solid 1px #afc3d4;
}
 
.accountStatus table.status th.first {
 background: transparent url(../img/table-head-bg.gif) no-repeat 0 0;
}
 
.accountStatus table.status th.last {
	background: transparent url(../img/table-head-bg.gif) no-repeat 100% 0;
	border-right: none 0;
	width: 28%;
}
 
.accountStatus table.status td {
	border-right: solid 1px #cccfd3;
	border-bottom: solid 1px #cccfd3;
	padding: 6px 8px;
}
 
.accountStatus table.status td.last {
	border-right: none 0;
}
 
.accountStatus table.status tr.row {
 background-color: #f1f5f8;
}
 
.accountStatus table.status tr.rowOpen {
 background-color: #e3e5e8;
}
 
.accountStatus table.status tr.closed {
 display: none;
}
 
.accountStatus table.status tr.open {
 display: table-row;
 background-color: #e3e5e8;
}
 
.accountStatus table.status tr.open td.infoText {
 border-right: none 0;
 padding: 10px 200px 10px 30px;
 width: 516px;
}
 
.accountStatus table.status tfoot {
 display: none;
}
 
.accountStatus table.status td div.toggle {
 position: relative;
 top: 2px;
 float: left;
 width: 13px;
 height: 13px;
 background-image: url(../img/plus.gif);
 background-repeat: no-repeat;
 cursor: pointer;
}
 
.accountStatus table.status td div.toggle.open {
 background-image: url(../img/minus.gif);
}
 
.accountStatus table.status td div.image {
 position: relative;
 top: 2px;
 float: left;
 width: 11px;
 height: 13px;
 background-repeat: no-repeat;
}
 
.accountStatus table.status td div.image.green {
 background-image: url(../img/dot-green.gif);
}
 
.accountStatus table.status td div.image.yellow {
 background-image: url(../img/dot-yellow.gif);
}
 
.accountStatus table.status td div.image.red {
 background-image: url(../img/dot-red.gif);
}
 
.accountStatus table.status td.first div.text {
 float: left;
 padding: 1px 0 0 22px;
}
 
.accountStatus table.status td div.text {
 float: left;
 padding: 1px 0 0 8px;
 width: 85%;
}

/*
	NEGATE TELERIK.css

.passwordReset .width1Col .typeSelect {
	width: 390px !important; 
}
*/

.RadComboBox_Default,
.RadComboBox_Default .rcbInput,
.RadComboBoxDropDown_Default 
{
	-x-system-font:none !important;
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-size-adjust: inherit !important;
	font-stretch: inherit !important;
	font-style: inherit !important;
	font-variant: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-align: inherit !important;
}

.RadInput_Default .riTextBox,
.RadInputMgr_Default 
{
	font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif !important;
	font-size:11px !important;
	font-size-adjust: inherit !important;
	font-stretch: inherit !important;
	font-style: inherit !important;
	font-variant: inherit !important;
	font-weight: inherit !important;
}

.DateCompositeControl select {
	width: auto;
	float: left;
}

/* QUESTIONNAIRE SCORING */
.scoreDesc {	color:#21415A; }

/* Referral Flow  Start*/
.dcfWizard textarea.textMultiline
{
	width: 259px;
}

.dcfWizard .width2Col textarea.textMultiline {
	width: 259px;
}

.passwordReset .width1Col textarea.textMultiline
{
	width: 390px;
}

.signupSmall .width1Col textarea.textMultiline {
	width: 150px;
}

.signupSmall .width2Col textarea.textMultiline {
	width: 65px;
}

.textMultiline
{
	padding: 2px 0px 0px 1px;
	margin: 0px 4px 02px 0px;
	color: #8a8a8a;
	border-color: #7C7C7C #C3C3C3 #DDDDDD;
	border-style: solid;
	border-width: 1px;
	margin: 0 2px 2px 0;
}

.signupSmall .width1Col textarea.textMultiline
{
	width: 150px;
}

/* Referral Flow End*/

/* Styles for Extended text field START */

.dcfWizard .fieldElement.extended .typeText {
    /*border-right-style: none;*/
    margin-right: 0;
    text-align: right;
}
.dcfWizard .fieldElement.extended .inputEnd {
    /*background: #fff none;
    border-color: #7c7c7c #c3c3c3 #ddd #c3c3c3;
    border-style: solid solid solid none;
    border-width: 1px;*/
    padding: 4px 1px 2px 0;
}
/* IE-only hack */
.dcfWizard .fieldElement.extended .inputEnd {
    padding: 2px 1px 4px 0\9;
}
/* IE7-only hack */
*+html .dcfWizard .fieldElement.extended .inputEnd {
    margin-bottom: 1px;
    padding-bottom: 3px;
    padding-top: 0;
    zoom: 1;
}
.dcfWizard .width2Col .fieldElement.extended .typeText {
    padding-right: 2px;
    width: 238px;
}

/* IE-only hack */
.dcfWizard .help {
    position: absolute\9;
}

/* Styles for Extended text field END */




.dcfWizard textarea.typeMultiLineWatermarkText
{
	width: 259px;
}

.dcfWizard .width2Col textarea.typeMultiLineWatermarkText {
	width: 259px;
}

.passwordReset .width1Col textarea.typeMultiLineWatermarkText
{
	width: 390px;
}

.signupSmall .width1Col textarea.typeMultiLineWatermarkText {
	width: 150px;
}

.signupSmall .width2Col textarea.typeMultiLineWatermarkText {
	width: 65px;
}

.typeMultiLineWatermarkText
{
	padding: 2px 0px 0px 1px;
	margin: 0px 4px 02px 0px;
	color: #8a8a8a;
	border-color: #7C7C7C #C3C3C3 #DDDDDD;
	border-style: solid;
	border-width: 1px;
	margin: 0 2px 2px 0;
}

.signupSmall .width1Col textarea.typeMultiLineWatermarkText
{
	width: 150px;
}