.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {*display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {*display: block;}

/*resets default browser css*/
   
#interview div, #interview span, #interview h1, #interview h2, #interview h3, #interview h4, #interview h5, #interview h6, #interview p, #interview blockquote,
#interview a, #interview em, #interview img, #interview dl, #interview dt, #interview dd, #interview ol, #interview ul, #interview li,
#interview fieldset, #interview form, #interview label, #interview legend,
#interview table, #interview caption, #interview tbody, #interview tfoot, #interview thead, #interview tr, #interview th, #interview td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* end reset */

#interview h2 {
	background: url("/community/images/interview_heading.jpg") no-repeat left top;
	width: 367px;
	height:25px;
	float:left;
	text-indent: -9999px;
	overflow: hidden;
	margin:16px 0 7px;
}

#interview .terms h2 {background-image:none;width:auto;float:none;height:auto;text-indent:0;font-weight:bold;font-size:16px;}

#interview h3 {
	font-weight: bold;
	font-size: 18px;
	padding: 10px 0 12px;
	margin-top:2em;
	border-top: 1px dashed #ccc;
	color: #000;
}

#interview h3 strong {/*float:left;width:300px;*/}
#interview h3 span {
	text-align:right;
	float:right;
	width:200px;
	font-size:12px;
	color:#A1A1A1;
	position:relative;
	bottom:-6px;
}

#interview h3 span a:link, #interview h3 span a:visited {text-decoration:none;color:#A1A1A1;}

#interview form {border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:35px 0 20px;padding:8px 0;}
#interview div#wrapper-interview {
padding-left:10px;}

#participated-fields {display:none;}
#interview div.last {/*padding:10px 0;*/}
#interview div {/*padding:10px 0;*/}
#interview div.first {padding-top:10px;}
#interview div.last {border-bottom:none;}

#interview div li {list-style-type:none;list-style-image:none;background-image:none;margin-bottom:4px;}

#interview div ul {margin-bottom:12px;}

#interview li span {float:left;margin-right:20px;}

#interview div dl {position:relative;}

#interview div dt {padding:10px 0;}

#interview div dd {float:left;width:210px;}

#interview div dd.last {color:#989898;font-style:italic;font-weight:bold;width:130px;text-align:right;float:right; margin:-30px 130px 0 0;}

#interview div textarea {border:1px solid #ccc;width:100%; min-height:80px;}

#interview #interview_submit {
	text-indent:-9999px;
	overflow:hidden;
	padding-right:6px;
	margin-top:1em;
}

#interview #interview_submit.completion {
	padding-top:18px;
	margin-top:10px;
	border-top:1px dashed #ccc;
}

#interview #interview_submit a {
	float:right;
	margin-left:12px;
	width:185px;
	height:33px;
	background:url("/community/images/interview_btn_later.gif") no-repeat left top;
}

#interview #interview_submit.completion a {
	background:url("/community/images/interview_btn_completion.gif") no-repeat left top;
	width:132px;
	height:35px;
}

#interview #interview_submit.completion a#proceed-forums { 	background:url("/community/images/proceed-to-forums.gif") no-repeat left top; width:235px; height:34px;} 

#interview #interview_submit.completion a#proceed-started {background:url("/community/images/proceed-to-where-you-started.gif") no-repeat left top; width:235px; height:34px;} 


#interview #interview_submit a.last {
	background:url("/community/images/interview_btn_continue.gif") no-repeat left top;
	width:185px;
}

#interview #interview_submit a.last.submit {
	background:url("/community/images/interview_btn_submit.gif") no-repeat left 1px;
	width:185px;
}

#interview select {width:220px;}

#interview input[type="text"] {width:215px;}

#interview div table {border-collapse:collapse;}
#interview div th {width:190px;text-align:left;padding:8px 4px;font-weight:bold;}
#interview div td {width:90px;text-align:center;font-weight:bold;}
#interview div td.border {border-left:2px solid #ccc;}
#interview div table caption {font-weight:bold;padding-bottom:8px;}

#sub_left p.alignright {text-align:right; margin:0.5em 0 0 0; width:210px; display:block; float:right;}

#interview table caption {font-weight:bold; text-align:left;}

.asterisk {
    color: #CE3345;
}

.bold {
    color: #000000;
    font-weight: bold;
}

#interview p.int_comp {
    margin: 0 0 1em 0;
}


#save-finish-later, #register input#save-finish-later:focus {

background: url(/community/images/buttons/osg_save_finish_later.gif) no-repeat;

 }
 
 #save-continue,  #register input#save-continue:focus {

background: url(/community/images/buttons/osg_save_continue.gif) no-repeat;

 }
 
 
 
 input.osg_save_buttons {

position:relative;
float:right;
cursor:pointer;
margin-left:10px;
display: block;
text-indent: -9999px;
overflow: hidden;
width:185px;
height: 33px;
border:none;
line-height: 0;
}

.osg_save_buttons {

position:relative;
float:right;
cursor:pointer;
margin-left:10px;
display: block;
text-indent: -9999px;
overflow: hidden;
width:185px;
height: 33px;
border:none;
}


#private {

display:block;

}

/*#public {

display:inline;

}*/

		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
	
		

		
		.register-navigation ul li, #interview .register-navigation ul li {
			float: left;
			margin:0 auto;
			width:105px;
			padding:0;
			text-align:center;
			list-style-type:none;
			display:inline;
			height:65px;
		}
		
		.register-navigation li span.percentage-complete, #interview .register-navigation li span.percentage-complete {color:#ff0042; font-size:10px; font-style:italic; height:20px; padding-top:10px; width:105px; display:block;float:none;}
		
		.register-navigation li a, #interview .register-navigation li a { /* The nav links */
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			color: #666;
			text-decoration: none;
			display: block;
			height:35px;
		}
		
		.register-navigation li, #interview .register-navigation li {background-repeat:repeat-x; }
		
		
/*Grey ( not completed)*/
li.tab1 a, #interview li.tab1 a { background-image:url(/community/images/buttons/osg_registration_grey_button_left.gif); 
			background-repeat:no-repeat;
			background-position:left top;
			color: #666; 
			padding-left:3px;
			}
	
li.tab2 a, li.tab3 a, li.tab4 a, #interview li.tab2 a, #interview li.tab3 a, #interview li.tab4 a { 
			background-image:url(/community/images/buttons/osg_registration_grey_button.gif); 
			color: #666;
			background-repeat:repeat-x;
			}
			
li.tab5 a, #interview li.tab5 a { 
			background-image:url(/community/images/buttons/osg_registration_grey_button_right.gif); 
			color: #666;
			background-position:right top;
			background-repeat:no-repeat;
			
		}
		
		
		/*White (current page)*/
		
			
 		li.tab1 a.current, #interview li.tab1 a.current {
			background-image:url(/community/images/buttons/osg_registration_white_button_left.gif);
			color: #ff0066;
			background-repeat:no-repeat;
			background-position:left top;
		}
		
		li.tab2 a.current, li.tab3 a.current, li.tab4 a.current, #interview li.tab2 a.current, #interview li.tab3 a.current, #interview li.tab4 a.current {
			background-image:url(/community/images/buttons/osg_registration_white_button.gif);
			color: #ff0066;
			background-repeat:repeat-x;
			}
			
	        li.tab5 a.current, #interview li.tab5 a.current {
			background-image:url(/community/images/buttons/osg_registration_white_button_right.gif);
			color: #ff0066;
			background-position:right top;
			background-repeat:no-repeat;
			}
		
		
		
		
		
		/*Red *already completed)*/
	
	
	
			li.tab1 a.completed, #interview li.tab1 a.completed {
			background-image:url(/community/images/buttons/osg_registration_red_button_left.gif);
			color: #fff;
			background-repeat:no-repeat;
			background-position:left top;
		}
		
	
			
			 li.tab2 a.completed, li.tab3 a.completed,  li.tab4 a.completed, #interview li.tab2 a.completed, #interview li.tab3 a.completed, #interview li.tab4 a.completed {
			background-image:url(/community/images/buttons/osg_registration_red_button.gif);
			color: #fff;
			background-repeat:repeat-x;
		}
		
			li.tab5 a.completed, #interview li.tab5 a.completed {
			background-image:url(/community/images/buttons/osg_registration_red_button_right.gif);
			color: #fff;
			background-position:right top;
			background-repeat:no-repeat;
		}
		
		

	
	/*li {background: url(/community/images/buttons/divider.gif) top left no-repeat; padding-left:2px;}*/li.tab1 {background:none; padding-left:0;}
	
	
ul#registration-steps, #interview ul#registration-steps {margin:0; }
	
		
table {

width:575px;
padding:0;
margin:0;

}

		
HR.dashed {
border-color:#ccc;
border-style:none;
border-bottom: 1px dashed #CCCCCC;
height: 1px;
margin: 3px;
}


TD.align_top_right {

vertical-align:top;
text-align: right;

}

.osg_save_buttons {

position:relative;
float:right;
cursor:pointer;
margin-left:10px;

}

.osg_textarea {
	font: normal 12px/18px "trebuchet ms";
	
}


table input {
 margin-right:5px;}/*added 7-9-08 by mhunt@dlc-solutions.com*/
 
 
 /*Registeration*/
 
 
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {*display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {*display: block;}
 
span.save-continue {width:160px; height:35px; position:relative;}
span.save-continue a {position:absolute; display:block; width:100%; height:100%;}

#register tr td label {text-align:left;}
#register tr td em {text-align:left;}

#register li.not-valid { background:#FFFF99 !important;}
p.not-valid { background:#FFFF99 !important;}
#guidelines-message {display:none;}
#register table tr.not-valid td { background:#FFFF99 !important; }

#register table tr.not-vaild td input {border:#ff0042 1px solid !important;}

.vf {border:2px #fff solid; background:#fff;}

#register .focus-field td { background:#aad0ff;}
#register .field-off td {border:2px #fff solid; background:#fff;}


#terms1-message, #terms2-message, #terms3-message, #terms4-message, #termsall-message {display:none; color:#ff0042;}

#termsall-message  { background:none; }

#stop-message {display:none; background:none !important; }


.otherHidden {

display:none;

}

#register label {cursor:pointer;}

tr td span {display:block;}
s
form#registration table {
	padding: 10px;
	margin:  auto;
	border-collapse: collapse;
}

#register form#registration td {	/*padding: 5px;*/}

/*Diagnosis*/
divdiv#register div.no-seats { font-style:italic; color:#999; background:#f0f0f0; border:#ccc 1px solid; padding:4px; margin-left:20px; margin-top:0.5em;}
divdiv#register div.relationship-schedule { padding:4px; border:#85ACE0 1px solid; background:#d7e4ff; margin-left:20px; margin-top:0.5em;}
div#none-work {display:none;}
div#Patient {}
.terms input {margin-right:10px;} 
div#Patient input {margin-right:5px;}
#register tr td span.meta-cancer {display:inline; margin-left:60%;}
#register tr td p.meta-cancer input {float:none;}

.stripViewer .panelContainer .panel div#tableless ul { margin:0;}

 td em {color:#FF0000; font-weight:bold; font-size:10px;}
 
 select.select-field {width:207px;}
 
 #register form td input, #register form td textarea {padding:2px;  border:1px #ccc solid; background:#fff url("../i/input-text.gif") no-repeat left top;}
 textarea {padding:2px;  border:1px #ccc solid; background:#fff url("../i/input-text.gif") no-repeat left top;}
 #register form td input[type="text"], #register form td input.textinput, #register form td input[type="password"] { height:1.5em;}
 #register form td input.osg_save_buttons {border:none;}
 
  #register form td input.textinput {width:200px;}
 
 select.select-boxfix {width:207px;}
 
 p {margin:1em 0; line-height:1.4;}
 
divdiv.panel ul.checkboxes {margin:1em 0; padding:0;}
ul.checkboxes li { padding:5px; margin:0.5em 0; /*border:#85ACE0 1px solid;*/ background:#d7e4ff; list-style-type:none;}

p.alignright {text-align:right; margin:0.5em 0 0 0; width:210px; display:block; float:right;}
div.submit-osg {margin-top:1em; margin-right:20px;}
img.osg_save_buttons {margin-left:5px; }

p.required, #interview p.required { padding:5px; margin:1em 0 0 0 ; background:/*#fefdd3*/ #FFFF99 ; width:514px;  } 

p.required a.hide-required {float:right;}
p.required strong {float:left;}

div#tableless ul li {list-style:none; margin:10px 0;}
div#tableless label {display:block; margin:5px 0;}

div.terms ul.checkboxes li {width:500px;}
ul.checkboxes li label { float:left; padding-left:10px; width:80%;}
ul.checkboxes li input { float:left;}

h2.registration em {color:#ff0042;}
h2.registration  {letter-spacing:0.04em;}
#register h2.registration { border-top: 1px #ccc dashed; padding-top:10px;}
divdiv#register div.terms h2.registration {margin-left:0;}
divdiv#register div.tableless h2.registration,  divdiv#register div.terms h4,
divdiv#register div.terms h4+p {margin-left:20px;}
em.required {color:#ff0042; padding-right:5px;}
divdiv.terms li em.required {display:block; margin-top:0.5em; clear:both; text-indent:2em;}
div.terms {  margin-bottom:10px;}
div.submit-osg { border-top: 1px #ccc dashed; padding-top:20px;}
div.terms textarea {border:1px #ccc solid; padding:5px;  background:#fff url("../i/input-text.gif") no-repeat left top;}

divdiv.panel ul.type-treatment {margin:0; padding:0; }
ul.type-treatment.right {float:right; width:200px; display:inline;}
ul.type-treatment.left {float:left; width:168px; display:inline;}
divdiv.panel ul.type-treatment input {float:left; }

divdiv.panel ul.type-treatment li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

divdiv.panel ul.type-treatment li {*display: inline-block;}
* html divdiv.panel ul.type-treatment li {height: 1%;}
divdiv.panel ul.type-treatment  li {*display: block;}

h2.online-group-header { padding:0; text-indent:-999px; overflow:hidden; display:block; height:21px; width:337px; background:url("/community/images/osg_registration-online-support-group.gif") no-repeat; float:left;}

h2.wellness-online { margin:0.5em; padding:0; text-indent:-999px; overflow:hidden; display:block; height:21px; width:364px; background:url("/community/images/osg_registration-wellness-online.gif") no-repeat; float:left; margin:0;}

br.clear {clear:both;}
div#register div.panel textarea.terms-textarea { width:500px;}

div.gender {float:right; width:190px; border:1px #8f8f8f solid; padding:5px; background:#fff;}
div.gender span {display:inline; margin-left:5px;}
#register td div.gender input {float:none; margin-right:5px; margin-top:2px;}



#register input#join-osg-button {margin-right:1em;}
input[type='text'] {width:200px;}
input[type='password'] {width:200px;}

div#register td ul.type-treatment label {float:none; padding-left:5px; margin-top:-2px;}
div#register td ul.type-treatment li {margin:1em 0; list-style:none;}


/***********REGISTRATION FORM***********************/

div#register {
	width: 593px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
}


div#register h2 {margin:1em 0;}

div#register form {
	padding: 0 8px 34px;
}

div#register form div {
}

div#register table {
	width: 575px;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: left;
	color: #000;
}

div#register thead th {
	font-size: 14px;
	font-weight: 900;
	color: #E41821;
	border-bottom: 1px dotted #9F9F9F;
	padding: 0 0 5px;
	text-align: left;
}

div#register td {
	vertical-align: middle;
	width: 440px;
	padding:5px;
}

div#register input:focus {  background:#fff url("/community/images/input-text-focus.gif") no-repeat left top;}

div#register td em { float:left; }
div#register label {padding-right:12px; }
div#register label.asterisk {padding-right:12px !important; background: url("/community/images/asterisk.gif") right 0.35em no-repeat;}
div#register p.asterisk {font-weight:600; color:#000; padding-right:12px !important; background: url("/community/images/asterisk.gif") right 0.35em no-repeat; width: 168px;
}

divp#rightp {float:right !important; width:200px !important; text-align:left; margin-left:0;  margin-right:0; padding:0;} 
divp#leftp { float:left; width:168px; margin-left:0; margin-right:0; padding:0;}

div#register label.required-checkbox {margin-left:5px; padding-left:12px !important; background: url("/community/images/asterisk.gif") left 0.35em no-repeat;}

div#register td label {
	font-size: 12px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	float:left;
	clear: none;
	width: 168px;
}

div#register td input, #register td select, #register td textarea {
	float: right;
	text-align:left;
	margin: 0;
	padding: 0;
	border: 1px solid #8F8F8F;
}

div#register  input.text { width:200px;}
#register select.select { width:200px;}

div#register tr td.guide {
text-align:left;
	padding: 5px 5px 5px 25px;
	width: 180px !important;
	font-size: 12px;
	font-weight: 100;
}

div#register td.tdImage {
	background: none;
	padding: 0;
}

div#register .submit {
	margin-left: 25px;
}



#content_area.reg {margin:0;padding:0;float:none;width:auto;}

#reg {width:700px;margin:0 auto 40px;}

#reg_content {padding:20px;}


.alignright {text-align:right;}





/************END REGISTRATION FORM*************************/