/*
	orange default #F04E30
*/
.field-group,
form#createform,
.createform-works,
.createform-people,
.createform-events {
/*
    border: 1px solid #CCCCCC;
    border-top: 10px solid #00AEEF;
*/
    margin-bottom: 20px;
    padding: 10px;
	width : 638px;

}

form#createform > ul.field-group {
    border: 1px solid #CCCCCC;
    border-top: 10px solid #00AEEF;
    margin-bottom : 10px;
}

form#createform > ul.field-group.noheader {
  border-top : 1px solid #cccccc;
}

form#createform > ul.field-group li.last {
    margin-bottom : 0px;
    border-bottom : none;
}

/* style related groups differently */
form#createform > ul.field-group.related {
	border-top-color: #78d0f0; /* 50% participate blue */
/*
  remove indent as per gf 17/10/2011
	width : 620px;
	margin-left : 20px;
*/
}
form#createform > ul.field-group#administrative {
	border-top-color: #b4e0f0; /* 25% participate blue */
}
/*
  remove indent as per gf 17/10/2011
.hasjs form#createform ul.field-group.related .empty_inline,
.hasjs form#createform ul.field-group.related .empty_embedded {
  margin-left : 592px;
}
*/
form#createform.noheader{
    border: none;
    border-top: none;
    padding: 0;
}

/*
laudanum 20110709 remove to prevent unnecessary indentation and nested borders
ol.mongoform > li.inline{
    border: 1px solid #CCCCCC;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 5px 10px !important;
}

ul.mongoform{
    padding: 5px !important;
    border: 1px solid #CCCCCC;
}
*/

/* sectional subdivisions */
ul.mongoform,
ol.mongoform .mongoform {
	border-bottom : 1px solid #eeeeee;
}
ol.mongoform .mongoform.last {
	border-bottom-color : white;
}


ul.field-group > li > span.label + ol.mongoform, ul.field-group > li > span.label + ul.mongoform {
	border-color : transparent;
}

/* alternating duplicates */
form#createform ol.mongoform > li.inline {
	margin-left : -10px;
	margin-right : -10px;
	padding : 10px;
	padding-bottom : 5px;
	background-color : transparent;
}
form#createform ol.mongoform > li.inline.even {
	background-color : transparent;
}

form#createform ol.mongoform > li.inline.odd {
	background-color : #e4edf0;
}

ol.mongoform > li.inline > ul.mongoform{
    border: 0 !important;
}

/*
  snow says : what was this for ? it nukes date fields
  too many occurrences to correct . we need a better selector .
  and the input.year exclusions ( below ) don't see to work
*/

/*
ol.mongoform li > input {
	margin-left : 150px;
}
*/
ol.mongoform li > input.year,
ol.mongoform li > input.month,
ol.mongoform li > input.day {
	margin-left : 0px;
}

ol.mongoform li > span.label + input {
	margin-left : 0px;
}

form#createform ul.field-group > li{
    padding: 10px;
}
.field-group{
    margin-bottom: 8px;
}

form#createform input[type='text'] {
   width: 290px;
}

/* snow - to fix collapsed dates in firefox */
form#createform input[type='None'] {
  margin: 0 4px 0 0;
}

.hasjs form#createform  .autocomplete {
  float : left;
}
.hasjs form#createform  .autocomplete input[type=text].writehere {
	width: 275px;
	background-color : white;
}

form#createform input.raw_id_field {
/*    display: none;*/
}

form#createform li.add-another a.ico-big {
	float: right;
	margin-right: -4px;
}

form#createform ul,
form#createform ol,
.createform-works ul,
.createform-works ol,
.createform-people ul,
.createform-people ol,
.createform-events ul,
.createform-events ol
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
/*    float: left;*/
}

form#createform li {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    clear : both;
}

form#createform > ul > li {
/*   clear: both;*/
   margin: 0 0 10px 0;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #CCCCCC;
}

form#createform > ul > li ul,
form#createform > ul > li ol {
    display: block;
/*
    float: left;
*/
}

/* makes all the nested lists have the same margin from the container form */
form#createform > ul div.clear {
	margin-top : 0;
	height : 0;
}
form#createform > ul ul {
	margin-left : -10px;
	width : 638px;
}
form#createform > ul ul li {
	padding-left : 10px;
	/*
	breaks wysiwym
	width : 628px;
	*/
	padding-top : 4px;
	padding-bottom : 4px;
}
form#createform span.label {
	font-weight : bold;
	font-size : 13px;
	display : block;
	float : left;
	width : auto;
	min-width : 150px;
}
/* fix markItUp after createform li's break it */
form#createform  > ul .markItUpContainer li {
	width : auto;
	padding : 0;
}
form#createform  > ul .markItUpHeader ul {
	margin : 0;
}
form#createform  > ul .markItUpContainer li.markItUpSeparator {
	width : 1px;
	padding : 0;
	margin : 0 10px;
}
form#createform  > ul .markItUpContainer {
	width : 560px;
}
form#createform  > ul .markItUpContainer .markItUpEditor {
	width : 550px;
}

form#createform  > ul .ui-autocomplete.ui-menu {
	width : 295px;
}

form#createform  > ul .ui-autocomplete.ui-menu li.ui-menu-item {
	padding-left: 2px;
	width: 292px;
}

form#createform span.label + ul.mongoform {
	clear : both;
}
form#createform ul, form#createform ol {
	clear : both;
}
form#createform .mongoform span.label {
    width: 150px;
	font-weight : normal;
	font-size : 12px;
}

form#createform span#field-label-birth-coverage,
form#createform span#field-label-birth__coverage-date,
form#createform span#field-label-death-coverage,
form#createform span#field-label-death__coverage-date,
form#createform span#field-label--biography
{
    display: none;
}

form#createform #id_gender,
form#createform #id_is_indigenous {
   margin-bottom: 10px;
}

.hasjs form#createform li.indigenous {
	display : none;
}

form#createform .errors {
   color: red;
   display: block;
   clear: both;
}

form#createform ul.errorlist {
    display: block;
    float: none;
}

form#createform .hidden {
   display: none;
}

form#createform .empty_inline,
form#createform .empty_embedded {
/*    display: none;*/
}

/* laudanum
empty inline is for things like roles where pressing the button removes the fieldset
*/

.hasjs form#createform .empty_inline,
.hasjs form#createform .empty_embedded {
	margin-left : 610px;
/*
	position : absolute;
	margin-left : 610px;
	margin-top : -30px ;
	text-indent : -5000px;
	overflow : hidden;
*/
	padding : 0;
	background-image: url("../images/ico-big.png") !important;
	display: inline-block;
	width: 22px;
	height: 22px;
	text-indent: -5000px;
	background-position: 0 -198px !important;
}

.hasjs form#createform .empty_inline:hover,
.hasjs form#createform .empty_embedded:hover {
  background-position: -22px -198px !important;
  cursor: pointer;
}

.hasjs form#createform .empty_removal .empty_inline,
.hasjs form#createform .empty_removal .empty_embedded {
  background-position: 0px -176px !important;
}

.hasjs form#createform .empty_removal .empty_inline:hover,
.hasjs form#createform .empty_removal .empty_embedded:hover {
  background-position: -22px -176px !important;
}
/* used to indicate the scope of effect of a button */
form#createform .disabled.scope,
form#createform .scope {
	border-color : #CCCCCC;
/*
	background-color : pink ! important;
	20% sat orange instead
*/
/*
	pale blue
	background-color : #c0e3f0 ! important;
*/
	background-color : red;

}
/* marked for removal with empty embedded */
form#createform .empty_removal {
	zoom: 1;
	filter: alpha(opacity=30);
	opacity : 0.3;
}

form#createform .empty_removal  .empty_removal {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity : 1.0;
}

form#createform .disabled {
   background-color: inherit;
}


form#createform #id__edit_description{
    height: 25px !important;
    width: 430px;
}

#field-label-biography-full-biography{
    display: block;
    float: none !important;
}

.field-group{

}

.simplemodal-data ul{
    list-style-type: none;
}
.simplemodal-data li{
    padding-bottom: 6px;
}
.simplemodal-data label{
    width: 150px;
    clear:both;
    display: block;
}
/*.simplemodal-data input{
    float: left;
} -- screws up auto container height calculation; can't see why it was added? */

.simplemodal-data ul.errorlist{
    margin-top: 10px; /* avoid confusion with field above */
}

.simplemodal-data ul.errorlist li{
    padding-bottom: 0px; /* tighter association with field below */
}

.closed{
    opacity:0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: none;
}
form#createform li.collapse{
    display: block;
    background: url('../images/participate-arrows.png') 10px -42px no-repeat;
    cursor : pointer;
}
/*
related are participate as per GF 17/10/2011
form#createform .related li.collapse{
    display: block;
    background: url('../images/default-arrows.png') 10px -42px no-repeat;
}
*/
form#createform li.collapse h4.title{
    margin-left: 20px !important;
	margin-bottom : 5px;
}
form#createform li.collapse.contentclosed {
    background: url('../images/participate-arrows.png') 10px -122px no-repeat;
    border: none;
    margin-bottom: 0;
}/*
related are participate as per GF 17/10/2011
form#createform .related li.collapse.contentclosed {
    background: url('../images/default-arrows.png') 10px -122px no-repeat;
}
*/
li{
    opacity:1;
    display: block;
/*  laudanum says no to transitions
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	*/
}

.helptext{
    width: 300px;
    display: block;
    margin-left: 150px;
    color: #666666;
    font-weight : normal;
}

.hasjs .helptext {
	display : none;
}

/* aw */
.hasjs .simplemodal-container .helptext {
    display: block;
    width: 200px;
    margin-left: 50px;
}

#createform.add_users{
    margin-top:20px;
}
#createform.add_users label{
   width:250px;
}
#createform.add_users li{
    float:left;
}

form#createform #form_submit {
	position : fixed;
	top : 300px;
	margin-left : 700px;
}

form#createform #form_submit input {
	clear : both;
	width : 200px;
	display : block;
	margin-bottom : 10px;
}
form#createform .biography .empty_embedded {
    display: none;
}

form#createform .submit_wrapper {
  margin-top : 10px;
}

form#createform .submit_wrapper input[type=submit],
form#createform .submit_wrapper input[type=button] {

}
form#createform .submit_wrapper .submit_buttons {
  text-align : right;
}
form#createform .submit_wrapper .helptext{
    width: 620px;
    margin-left: 0px;
}

form#createform textarea.citation_markup {
  height: 150px;
}

form#createform .markItUpHeader li{
  clear: none;
}

/* moderation */
.modified-container {
  background-color : #ffdae0;
}
.modified {
  border-color : red ! important;
}
.previous-value {
  color : red;
  font-size : 11px;
}

.previous-value .diff-removed {
  text-decoration : line-through;
  color : red;
}

.previous-value .diff-added {
  color : #3CC53C;
  font-weight : bold;
}

#field-group-biography .previous-value,
.textarea-diff .previous-value {
  color : black;
/* same as markitdown */
  font : 12px 'Courier New', Courier, monospace;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  border : 1px solid red;
  width : 550px;
  background-color : #ffffff;
  display : block;

  padding : 35px 5px 35px 5px;
  background-image : url("../images/diff-background.png");
  background-repeat : no-repeat;
}

.biography .helptext {
  margin-left : 0;
  width : 450px;
}