/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      4/22/08
author:    [James Likely]
email:     [likely.james@mayo.edu]
website:   [Forms]
-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------
FORM 
-----------------------------------------------------------------------------*/
.formtype-a {
	clear:  both;
	padding: 0 0 50px 0;
	position:  relative;
}
.popup-style02 .formtype-a input, .formtype-a fieldset input, .formtype-a fieldset select,  .formtype-a fieldset textarea {
	border:  1px solid #bab699;
	padding: 3px;
	border-top:  1px solid #999;
	border-bottom:  1px solid #dadada;
	border-left:  1px solid #b4b4b4;
	border-right:  1px solid #b4b4b4;
	background:  #fff url(../images/border-top.gif) top repeat-x;
}
.formtype-a fieldset select {
	padding: 1px;
}

.width-a {
	width:  160px;	
}
.width-b {
	width:  30px;	
}
.width-c {
	width:  40px;	
}
.width-d {
	width:  85px;	
}
.width-e {
	width:  95px;	
}
.width-f {
	width:  260px;	
}
.formtype-a fieldset input[type=checkbox] {
	border:  none;
	background:  none;
	margin:5px 3px 0 0;
}
.formtype-a fieldset input[type=radio] {
	border:  none;
	background:  none;
	margin:5px 3px 0 0;
}
.formtype-a fieldset select {

}

.formtype-a fieldset select option {

}

.top-section {
	margin-top: 40px;
}
.formtype-a p {
	line-height: 1.4em;
}

input, textarea, select {
	margin:0;
	border-color: #999999 #B4B4B4 #DADADA;
    border-style: solid;
    border-width: 1px;
}

textarea.text200  {
	width: 200px; 
	height: 70px;
}

textarea.text535-50 {
	width: 535px; 
	height: 50px;  
	float: left;
}

textarea.text535-90 {
	width: 535px; 
	height: 90px; 
	margin-bottom: 10px; 
	float: left;
	}

#cancer-form {
	width:540px;
}
/*-----------------------------------------------------------------------------
FORM CONTAINERS
-----------------------------------------------------------------------------*/
.form-holder01, .form-holder02, .form-holder03 {
	float:  left;	
	margin:  0 0 8px 0;
	padding:  0;
}

/*-----------------------------------------------------------------------------
LABELS + INPUT HOLDERS
-----------------------------------------------------------------------------*/
.formtype-a label.l01, .formtype-a label.l02 {
	float:left;
	display: block;
	width:180px;
	color:#484848;
	text-align: right;
	margin-right:  10px;
	padding-top:  3px;
	font: bold 12px/1.4;
	/*cursor:  pointer; */
}

.form-holder01 .form_textbox {
	float:left;
	width: 350px;
	position: relative;
    z-index: 100;
}
.form-holder01 .form_textbox.full {
	clear:  both;
	margin-top:  10px;
    z-index: 100;
}
.formtype-a label.l03 {
	float:left;
	display: block;
	width:170px;
	color:#484848;
	text-align: right;
	margin-right:  10px;
	padding-top:  3px;
	font: bold 12px/1.4;
	/*cursor:  pointer; */
}
.form-holder03 .form_textbox {
	float:left;
	width:540px;
	text-align:  right;
	padding-bottom:  10px;
	border-bottom:  1px solid #ccc;
}
.form-holder03 ul.flist01 li label {
    margin-left:  2px;
}

.form-holder03 label.l01 {
	text-align:  left;
	padding-bottom:  15px;
	margin-top: 10px;
	width:540px;
}
/*-----------------------------------------------------------------------------
FIELDSET + LEGEND
-----------------------------------------------------------------------------*/
.formtype-a fieldset {
	padding:  0 0 0 0;
	margin-bottom:  25px;
	position:  relative;
	border:  none;
}

.form-head {
	position: relative;
	height:  18px;	
	z-index: 1;
	display:  block;
	margin-top:  5px;
	z-index: 8000;
}
#form-help {
	position: absolute;
	top:  8px;
	right:  0;	
	padding:  2px 0 3px 25px;
	background: #fff url(../images/help-16.gif) no-repeat;
	background-position: 5px 3px;
	cursor: pointer;
}
h3.head {
	font-size: 16px;
	color:  #54585a;
	font-weight:  bold;
	margin-bottom:20px;
	background: #fff;
	position: absolute;
	top:  5px;
	left: 0;
	border-bottom:none;	
}
/*-----------------------------------------------------------------------------
OPTIONAL
-----------------------------------------------------------------------------*/
.form_textbox  span.optional {
	display:  inline;
	margin:  0 10px;	
}
.form_textbox  span.optional02 {
	display:  block;
	margin:  10px 0;
	padding:  0;	
}
.form_textbox  span.count {
	display:  inline;
	margin:  5px 0 10px 0;	
	display: block;
}
/*-----------------------------------------------------------------------------
HORIZONTAL LIST
-----------------------------------------------------------------------------*/
 ul.flist01, ul.flist01 {
	padding:  0;
	margin:  5px 0 5px 0;
	float:  left;
}
 .flist01 li input, .flist01 li input {
	float:  left;
}
 .flist01 li, .flist01 li {
	float:left;
	background:  none;
	padding:  0;
	margin:  0 10px 0 0;

}
 .flist01 label, .flist01 label {
	width:  auto;
	margin-left: 5px;
	padding-top: 0;
	float:  left;
	text-align: left;
	font-weight:  normal;
}

/*-----------------------------------------------------------------------------
FORM z
-----------------------------------------------------------------------------*/
ul.buttons {
	padding:  0;
	margin:  0;
	float:  right;	
}

 ul#enav01 li ul.buttons li,  ul.buttons li,  .formtype-a fieldset ul.buttons li input,  .formtype-a fieldset ul.buttons li input  {
	display:  block;
	float:  left; 
	padding:  0 0 0 2px;
	height:  29px;
	margin:  0 4px 0 0;	
	background:none;
}
 ul.buttons li.secondary {
	background: url(../images/buttonb-sm.png) no-repeat;	
}

.primary,  ul.buttons input.primary, .formtype-a fieldset ul.buttons li input.primary,  .formtype-a fieldset ul.buttons li input.primary {
	height: 29px;
	border: none;
	text-align: center;
	cursor: pointer;
	background-color: transparent;
	font-weight: bold;
	font-size:  12px;
	background:  url(../images-global/submit-btn.gif)  no-repeat;
	background-position: right 0;
	padding:  1px 10px 3px 6px;
}

 ul.buttons li input.submit-btn {
 	padding:0;
	height:27px; 
	width:64px;
 }
 
 
.primary {
	margin-bottom: 10px;
}
.secondary  {
	height: 29px;
	border: none;
	color: #8e8e8e;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	background-color: transparent;
	font-size:  12px;
	background: url(../images/buttonb.png)  no-repeat;
	background-position: right 0;
	padding:  1px 14px 3px 10px;
	
}
#ehead ul#enav01 li ul.buttons li {
	border-right:  none;
}
a.upload {
	padding:  5px 10px 5px 10px;	
	border:  1px solid #8ba859;
	font-weight:  bold;
	margin-left:  20px;
	background-position: 3px 3px;
}
/*-----------------------------------------------------------------------------
ERROR MESSAGES
-----------------------------------------------------------------------------*/
.formtype-a fieldset input.e01, .formtype-a fieldset select.e01, .e03, .formtype-a fieldset textarea.e01, ul.e01, e01{
	border:  1px solid #d3524a;		
}
#e04 {
	clear:  both;
	border:  2px solid #c0746f;	
	padding:  10px 10px 0 30px;	
	font-size:  11px;
	width:  560px;
	color:  #333;
	font-weight:  bold;
	margin-bottom:  20px;
	background:  url(../images/icon-errorc.gif) no-repeat;
	background-position: 12px 11px;
}
.e03, ul.e01 {
	float:  left;
	margin-bottom:  8px;
}
.flist01.e03 {
	padding:  5px;
	margin-bottom:  10px;	
}
ul.e01 {
	padding:  5px 10px 5px 5px;	
}
.formtype-a fieldset .e02, .e02 {
	clear:  left;
	text-align:  left;
	font-weight:  bold;
	background:  url(../images/icon-error.gif)  no-repeat;
	background-position: 0 2px;
	padding-left:  15px;
	font-size:  11px;
	color:  #333;	
	display: block;
	margin-top:  8px;
	margin-bottom:  7px;
}
/*-----------------------------------------------------------------------------
DEFAULT TEXT
-----------------------------------------------------------------------------*/
.formtype-a fieldset .default {
	color:  #999;	
	font-size:  12px;
	line-height:  1.4em;
	overflow: auto;
}
.formtype-a fieldset .defaultoff {
	color:  #000;	
	font-size:  12px;
	overflow: auto;
	line-height:  1.4em;
}
/*-----------------------------------------------------------------------------
BOX TYPE 
-----------------------------------------------------------------------------*/
.formtype-a fieldset.option01 {
	border:  2px solid #857e70;	
	padding:  20px 10px 10px 10px;
	margin-bottom:  25px;	
	padding-bottom: 15px;
	background: #f3ecdc;
}
.formtype-a fieldset.option01 legend {
	color:  #000;	
}
/*-----------------------------------------------------------------------------
FORM HELP
-----------------------------------------------------------------------------*/
.help-head {
	position: relative;
	padding:  10px 20px;
}
.help-head h3 {
	margin:  0;
	padding:  10px 0 0 0;
	font-size:  16px;
	color:  #54585a;	
	margin-bottom:15px;
	font-weight:bold;
}
 .helpc {
	width:  540px;
	margin-left:  10px;
	margin-top:  10px;
	padding:  10px;
	height:  300px;
	overflow: auto;
	background:  #fff;
	border-top:  1px solid #717272;
	border-bottom:  1px solid #dadada;
	border-left:  1px solid #b4b4b4;
	border-right:  1px solid #b4b4b4;
	background:  #fff url(../images/border-top.gif) top repeat-x;
}
 .helpc ul {
	margin-bottom:  15px;	
}
 .helpc p {
	padding-bottom: 20px;
	margin-bottom: 0;
}
 .helpc h3 {
 	color:#54585a;
	font-size:16px;
	font-weight:bold;
	font-weight:  bold;
	margin:  10px 0 15px 0;
	padding-bottom:  10px;
	border-bottom:  1px solid #ccc;
}

 .helpc h4 {
	font-weight: normal;	
}
/*-----------------------------------------------------------------------------
COPY
-----------------------------------------------------------------------------*/
.copy {
position:  relative;
padding-bottom:  10px;

}
.copy a {
	position:  absolute;
	right:  0;
	top:  -5px;
	border:  1px solid #ccc;
	padding:  4px 10px;	
	font-size:  11px;
	font-weight: bold;	
}
.uppercase {
 	text-transform: uppercase;	
}