/* 
	Author: James Dacosta
	Date:	07/03/07
	
	Forms framework default pressentation
	overide in the advanced presentaion section if neccessary
	
/* =basic form styling
------------------------------------------------------------------------*/

div.form-outline {
	border:1px solid #999;
	padding:20px;
	position:relative;
	margin-bottom:20px;
 }
 
div.form-outline, ul#page-indication, form.basic div#top-buttons {
	width:100%; /* overall form width (can be a % if necessary) redefined in forms_ie.css */
}
 
form.basic div#top-buttons {
	padding-right:42px; /* this value and padding-left need to add up to the total padding in form-outline + border-width*/ 
}

ul#page-indication, ul#page-indication li {
	padding:0px;
	margin:0px;
}

ul#page-indication {
	overflow: hidden;
	list-style-type: none;
	border-bottom: 4px solid #3595C7;
}
ul#page-indication li {
	float: left;
	display: block;
	width: 44px;
	text-align: center;
	background: url(/static/img/form/next-page-grey.gif) center left no-repeat;
	color: #aaa;
	text-shadow: #444 0 0 0; /* make this the same colour as background for ul#page-indication for nice safari text */
	font-weight: bold;
}
#top-buttons span.alt-text {
	position:absolute;
	top:7px;
	right:120px;
	text-align:right;
	color:#aaa;
}

div.form-outline a { outline:none; }

form.basic, form.basic fieldset {
	margin: 0px;
	padding: 0px;
}

form.basic fieldset { border:solid 0 transparent; }

form.basic legend {
	font-weight: normal;
	font-size:1.1em;
	color: #000; /* sets cross browser default colour */
	text-shadow:#fff 0 0 0 ; /* nicer for safari */
	padding-top:20px !important;
}

form.basic h2 {
	font-weight: normal;
	font-size:1.6em;
	color: #000; /* sets cross browser default colour */
	text-shadow:#fff 0 0 0 ; /* nicer for safari */
	padding: 0;
	margin: 0 0 0 0;
}

form.basic label, form.basic fieldset fieldset legend , .labelHack {
	display: inline-block;
	vertical-align: top;
	padding:0px;
}

form.basic fieldset ol, form.basic fieldset li, form.basic p {
	margin: 0;
	padding: 0;
}

form.basic div#form_description {
	padding: 5px 15px;
}

form.basic div#form_description p {
	padding: 5px 0px;
}


form.basic div#form_description, form.basic p.notes {
	color:#666;
}

form.basic fieldset li, div.notes, p.notes {
	list-style: none;
	clear:left;
	position:relative;
	overflow:hidden; /* clears floats - see zoom:1; for IE in forms_ie */
}


/* padding for all the text on the left including the main heading*/
form.basic fieldset li, div.notes, form.basic legend, form.basic p, form.basic strong {
	padding: 5px 15px;
}

form.basic p.notes {
	font-style:italic;
	padding:0px;
}


form.basic p, form.basic strong {
	padding: 5px 15px;
}

form.basic li p, form.basic li strong {
	padding: 5px 0px;
}
 
 form.basic fieldset fieldset,  form.basic li.no-border {
	border: none ;
}
form.basic fieldset fieldset label {
	display: block;
	width: auto;
	text-align:left;
}

form.basic em {
	font-weight: normal;
	font-style: italic;
	color: #f00;
	display:block;
	background: url(/static/img/form/required.gif) top left no-repeat;
	text-indent:-9999em;
	width:10px;
	height:10px;
	position:absolute;
	top:10px;
	left:0px;
	text-align:left;
  }

form.basic .tab-section em {
	position:absolute;
	top:5px;
	left:-15px;
   }


/* sets the width for text, textarea fields and radio/checkbox labels */
form.basic .text,
form.basic select,
form.basic fieldset fieldset div,
form.basic fieldset fieldset div.multiple-select,
form.basic fieldset fieldset div.multiple-column-select,
form.basic li.double-input div,
form.basic  fieldset li.extendReviewFix span {
	width: 45%;  
 }

 
form.basic .few-chars {
	width: 22.5%;  
}

form.basic .date {
	width: 20% !important;  
}


form.basic label, form.basic fieldset fieldset label {
	width: 45%; /* Width of labels */
	/*text-align:right;*/ 
}


/* sets the width for text, textarea fields and radio/checkbox labels */
form.basic li.extend .text, 
form.basic li.extend  select,
form.basic fieldset li.extend fieldset div {
	width: 22%; 
	margin-left:3% !important;
}

form.basic li.extendCurrFix .text, form.basic li.extendCurrFix  select, form.basic  fieldset li.extendCurrFix fieldset div {
	width: 20%; 
	margin-left:5% !important;
}

 
form.basic li.extend  .few-chars {
	width: 22.5%;  
}

form.basic li.extend  label, form.basic   fieldset li.extend fieldset label  {
	width: 73%; /* Width of labels */
	/*text-align:right;*/ 

}

body.preview form.basic fieldset  label,
body.overview form.basic fieldset  label {
	width: 50%;
}


body.preview form.basic div.reviewsplits, 
body.overview form.basic div.reviewsplits {
	width: auto;
}




form.basic li.full-width label, form.basic li.full-width fieldset fieldset label {
	width: auto; /* Width of labels */
	/*text-align:right;*/ 
}


form.basic textarea,
form.basic select,
form.basic li#secondary-action input,
form.basic li#submit input,
form.basic fieldset fieldset div,
form.basic input.text,
form.basic li span {
	margin-left: 5%;
}	
form.basic textarea.mid-textarea {
	height:50px;
}


span#page-nav {
	position:absolute;
	top:0px;
	right:18px;
 }


span#pages {
	position:absolute;
	top:0px;
	left:0px;
	width:400px;

}

span#pages input {
	width: 44px;
	height: 42px;
	padding: 0px;
	margin: 0px;
	float: left;
	outline: none;
}

form.basic li.flat-radio div label {
	display:inline !important;
	width:auto !important;
	float:none !important;
	padding-right:20px;
}
  
 
form.basic fieldset fieldset label {
	float:left !important;
 }

form.basic fieldset fieldset div label {
	clear:both;
	padding-left: 0; 
	width:99%; /* 99% avoids the IE6 duplicate character bug*/
  }

form.basic fieldset fieldset div {
	padding-left: 3px; 
	float:left !important;
 }
 
.field div.multiple-select,
.field div.multiple-column-select,
form.basic fieldset fieldset div.multiple-select,
form.basic fieldset fieldset div.multiple-column-select {
	height:200px;
	overflow:auto;
	padding-left:4px;
	padding-top:4px;
}

.field div.multiple-column-select label,
form.basic fieldset fieldset div.multiple-column-select label {
	width: 46%;
	float: left;
	clear: none;
	padding: 4px 0px 2px 0;
	margin-right: 5px;
	border-bottom: 1px dashed #ddd;
} 
.field div.multiple-column-select label:hover,
form.basic fieldset fieldset div.multiple-column-select label:hover {
	background: #eee;
}

form.basic a.help {
	position:absolute;
	top:3px;
	right:0px;
	/*right:53%;*/
	text-indent:-9999em;
	display:block;
	background: url(/static/img/form/help.png) top left no-repeat;
	width:25px;
	height:25px;

}
form.basic a.help:hover {
	background-position: bottom left !important;
}
 
form.basic div.notes a.help {
	position:absolute;
	top:3px;
	right: 0px !important;
	background: url(/static/img/form/help_notes.png) top left no-repeat;
	width:36px;
	height:38px;
}

form.basic div.notes a.helpnote {
	position:absolute;
	right:40px;
}

form.basic button.text-button {
	background:none;
	border:none;
	text-decoration:underline;
	padding:0px;
	margin:0px;
	text-align:left;
	cursor:pointer;
	color:#888;
}
 
/*
form.basic li.double-input div hr {
	background:0px solid transparent;
	border:none;
	height:0px !important;
	width:0px;
	padding:0px;
	margin:0px 0px;
}
*/
 
form.basic li.double-input div label {
	width:auto !important;
	display:inline !important;
	clear:none;
	float:none !important;
}

form.basic li.double-input {
	position:relative;
}

  
form.basic li.double-input div input.text {
	width:30%;
	margin-left:0px;
	margin-right:5px;
 }
	 
form.basic li.double-input div {
	width:49%;
 }

body.edit form.basic li.currency span {
	position:absolute;
	margin-left:18px;
	line-height:1.5em;
}

body.preview form.basic li.double-input div span,
body.preview form.basic li.double-input div label,
body.overview form.basic li.double-input div span,
body.overview form.basic li.double-input div label {
	margin-right:18px;
	margin-left:0px;
}

body.preview form.basic li span {
	color:#555;
}
 
body.edit form.basic fieldset li.currency  fieldset div span {
	position:absolute;
	margin-left:-15px;
	line-height:1.5em;
  }

  
body.edit form.basic fieldset li.currency  fieldset div input.source {
	margin-left:10px;
	width:106px;
   }


/* =form enhancements
------------------------------------------------------------------------*/
 
 
form.basic input.text, form.basic textarea,
.field div.multiple-select,
.field div.multiple-column-select,
form.basic fieldset fieldset div.multiple-select,
form.basic fieldset fieldset div.multiple-column-select {
	border:2px solid #eee;
	border-color:#bfbfbf #e3e3e3 #e3e3e3 #bfbfbf;
	background:#fafafa;
	font-size: 100%;
}
.field div.multiple-column-select,
form.basic fieldset fieldset div.multiple-column-select {
	font-size: 0.9em;
}

 
/* visually separate elements*/
form.basic fieldset li { border-bottom: 1px solid #dedede; }
form.basic fieldset li#submit { margin-top: 15px; }
form.basic fieldset li#submit input, form.basic fieldset li#secondary-action input {
	padding:0px 0px;
	margin-left:4.5%;
	outline:none;
}

form.basic fieldset li#submit { padding-bottom:0px !important; } 
form.basic fieldset li#submit input.lastbutton {
	position:absolute;
	right:0px;
}

form.basic fieldset li.final-buttons label { width:22.5%; }

form.basic fieldset li#secondary-action {
	margin-top:0px;
	padding-top:0px !important;
}
form.basic fieldset li#secondary-action, form.basic fieldset li#submit { border:none; }
form.basic fieldset li#secondary-action input {
	 background:none !important;
	 border:none;
	 color:#777;
	 cursor:pointer;
}


.altrow { background:#fafafa !important; }

/* basic typography*/
form.basic li strong.error, #helpnotes dd *, #flash_helpnotes dd * { font-size:100%; }

 #helpnotes dd strong,
 #flash_helpnotes dd strong { padding:0px; }
form.basic legend { font-size: 1.6em; }
form.basic legend span {
	color:#888;
	font-weight:normal;
	border-left:1px solid #999;
	padding-left:0.4em;
	margin-left:0.1em;
}
form.basic li strong.error, ul#form_errors li {
	color:#c00;
	display:block;
	padding:0px;
	margin:0px;
}
.highlight-error, form.basic li.double-input strong.error { background:#fcc !important; }
.highlight-warning { background:#fcc !important; }
form.basic li.double-input strong.error {
	position:absolute;
	top:2em;
	left:15px;
	width:300px;
	padding:0px;
	margin:0px;
/*
	position:absolute;
	left:15px;
	margin-top:10px;
*/
  }

 

form.basic li span {
	display:inline-block;
}

form.basic input.text, form.basic textarea, form.basic li span {
	font-family: Arial, sans-serif;
	padding:0.15em;
}

form.basic input.text:focus, form.basic textarea:focus {
	background: #FFFFDB !important;
}

/* for any notes needed at the bottom of the form (e.g. required field legend)*/
div.notes {
	color:#666;
	margin-top:20px;
	line-height:34px;
	background: url(/static/img/form/dotted.gif) top left repeat-x;
	background-position:0 -1px;
}

 
.hide-element {
	display:none;
}
 
.show-element {
	display:block;
}  


body.edit .tab-section label, body.edit .tab-section strong {
	position:relative;
	left:20px;
 }

body.edit .tab-section strong.error {
	position:static;
}
 
 
.tab-section div label {
	position:static !important;
 }


 
form.basic fieldset ul#form_errors {
	background:#FFBFBF;
	padding:5px;
	margin:0px 0px 15px 0px;
}

form.basic fieldset ul#form_errors li {
	border:none;
	font-weight:bold;
	padding:0px 8px;
	margin:0px;
}




#helpnotes {
	display:none; /*stop ie flicker*/
}


#helpnotes dt,
#flash_helpnotes dt {
	padding:10px 15px 10px;
	background: #d3d3d3 url(/static/img/form/help-top.gif) top left repeat-x;
	border:1px solid #888;
	border-bottom:1px solid #888;
	margin:0px;
}

div#helpnotes span.help_arrow {

	background: url(/static/img/form/help_arrow.png) top right no-repeat;
	display:block;
	width:28px;
	height:30px;
	position:absolute;
	top:15px;
	right:-17px;
	
}

.show-help, .show-help {
	display:block;
	position:absolute;
	padding:0 10px 12px 0;
	background: url(/static/img/form/shadow.png) bottom right no-repeat;
	width:303px !important;
 }

.show-help span.help_arrow {
	display:block !important;
}

.show-help dt, .show-help dt {
	padding-top:25px !important;
	
}


#footerhelpicon {
	cursor:pointer;
}

.show-help dt a, #helpnotes dt a, #flash_helpnotes dt a {
	font-weight:bold;
	text-shadow:#d3d3d3 0 0 0;
	color:#000;
}


.show-help dd, #helpnotes dd, #flash_helpnotes dd {
	padding:15px;
	margin:0px;
	background:#eee;
	border:1px solid #999;
	border-top:none;
	font-size:0.9em;
}

#helpnotes dd p, #flash_helpnotes dd p {
	padding:0px;
	margin-bottom:15px;
	font-size:100%;
}


.show-help a, .show-help a {
	text-decoration:none;
}
 
.show-help a:hover, .show-help a:hover {
	text-decoration:underline;
	cursor:pointer;
}

#helpnotes dl a.close {
	display:none;
}

dl#complete-later  a.close {
	display:inline;
}

.hide-help {
	display:none;
 }

.show-block {
	display:block !important;
 }


.hide-helpnotes {
 }
 
span.help-locator {
	margin:0px !important;
	padding:0px !important;
	width:0px;
	height:0px;
	position:absolute;
	left:0px;
}



form.basic a.close, a.close {
	position:absolute;
	top:0px;
	right:10px;
	font-size:0.8em;
	border:1px solid #921C2D;
	padding:0 5px;
	background:#BC243B;
	color:#fff;
	cursor:pointer;
 }
  
form.basic a.close:hover, a.close:hover {
	text-decoration:none  !important;
	background:#888;
	border:1px solid #666;
	color:#fff;
 }



p.complete-later input {
	margin-bottom:-7px;
}

form.basic a {
 }

form.basic a:hover {
 }
 
a.text-link {
	background:none !important;
	position:static !important;
	display:inline  !important;
	text-indent:none  !important;
	width:auto !important;
	height:auto !important;
	font-size:100% !important;
 }



body.formframework #quickjump {
	display:none;
}

ul#page-indication li.reviewing_form { 
 font-size:1em !important;
 background:#3AA2D9 !important;
 color:#fff !important;
 font-weight:bold !important;
 margin-top:13px !important;
 line-height: 1.5;
 padding:3px 6px !important;
 width: auto;
}


p#formhelp, p#formhelpclose, p#user-details {
	float:right;
	border:1px solid #ccc;
	border-width:0 0 0 1px;
	display:inline;
	font-size:1.1em;
	color:#000;
	padding:2px 4px;
	margin:0px;
	text-align:right;
}

 p#user-details {
	float:left;
	text-align:left;
	padding-left:30px;
	border:none;
 }
 
 p#formhelpclose {
	position:absolute;
	top:0px;
	right:0px;
	border:1px solid #eeb;
	border-width:0 0 1px 1px;
	background:#ffc;
 }
 
 div#top-details {
	background:#ddd;
	overflow:hidden;
	zoom:1;
	border-bottom:1px solid #bbb;
}

p#formhelp a, p#formhelpclose a { color:blue; }

form.basic div.label {
	float: left !important;
	width: 45% !important;
	margin: 0 !important;
}

/* Styles added, OC 2010/03 */
/* -------------------------------------------------------------------- */
input[type='checkbox'], input[type='radio'] { vertical-align: middle; }

.layout-vertical .field { clear: left; }
.field { float: left;  padding: 4px 0; margin: 0 1em 0 0; }
.field input, .field select, .field textarea { border: 1px solid #dedede; border-collapse: collapse; padding: 3px; background: white; }
.field .control,
	.field > input,
	.field > select,
	.field > button,
	.field > textarea,
	.field > label > input,
	.field > label > select,
	.field > label > button { display: block;}
.field .label, { display: block; line-height: 1.3; }
.field .hint { display: block; font-size: 81.82%; line-height: 1.3; }
.field .overhint { display: none; font-size: 81.82%; color: #888; line-height: 1.3; }

.field input, textarea, select { font-family: Verdana, sans-serif; font: inherit; }
.field input[type='radio'], .field input[type='checkbox'] { width: auto; border: none; }
.field textarea { width: 18em; height: 6em; line-height: 1.2; }
.field .tiny { width: 3em !important }
.field .small { width: 9em !important }
.field .medium { width: 18em !important }
.field .large { width: 36em !important }

.field textarea.large { width: 36em; height: 8em; }
.field.error, .field .error { border: 2px solid #f00; padding: 2px;}

ul.errors {
	list-style: square;
	background: #ffc;
	color: #c00;
}
ul.errors li {
	padding: 4px;
	font-weight: bold;
	margin-left: 2em;

}
/* =review mode fixes
------------------------------------------------------------------------*/

/* =mozilla form fixes
------------------------------------------------------------------------*/


form.basic fieldset fieldset div, x:-moz-any-link, x:only-child  {
	padding-left: 0px; 
}

form.basic li label,.labelHack, form.basic li#submit div, form.basic li#secondary-action div, x:-moz-any-link, x:only-child {
	 display: block;
	 float: left;
}
/* hidden from safari */