/* Main document styles */

a:focus {
outline-style:none;
}

div.head-sys-error {
	padding: 2px;
	font-size: 12px;
}

div.head-sys-error p.header {
	font-size: 16px;
	color: #F00;
}

div.head-sys-error p.header a {
	font-size: 16px;
}

div.head-sys-error p.instructions {
	color: #444;
}

#myyard-contents {
  font-size: 11.8px; 
}


hr {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid black;
  width: 700px;
}

abbr {
	cursor: help;
}

.hidden {
	display: none;
}

.visibility-hidden {
	visibility: hidden;
}


/* SwatMessage */

h3.err-primary-content {
	font-variant: normal;
	text-align:left;
	width: 240px;
	left:2px;
	letter-spacing: 0em;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

.err-notification {
  border-color: #f0dca1;
  background-color: #fffbc9;
  background-image: url(../css/img/dialog-information.png);
  color: #7b4b09;
}

.err-warning {
  border-color: #facd00;
  background-color: #ff9;
  background-image: url(../css/img/dialog-warning.png);
  color: #533a15;
}

.err-error {
  border-color: #dc6e66;
  background-color: #ffe3e0;
  background-image: url(../css/img/dialog-error.png);
  color: #e31b0c;
}

.err-system-error {
  border-color: #dc6e66;
  background-color: #f33;
  background-image: url(../css/img/dialog-error.png);
  color: #FFF;
}
.err-secondary-content { 
font-family: Helvetica;
font-size:13px;
}

.err-notification .err-secondary-content { color: #947140; }
.err-warning .err-secondary-content { color: #947140; }
.err-error .err-secondary-content { color: #d44034; }
.err-system-error .err-secondary-content { color: #EEE; }

/* SwatMessageDisplay */

.err-display {
  
  font-family: Helvetica;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

.err-display .err {
  border-width: 1px;
  border-style: solid;
  margin: 1em 0;
  min-height: 38px;
  padding: 12px 12px 12px 50px;
  background-position: 8px 8px;
  background-repeat: no-repeat;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.err-display .err-with-secondary {
  padding-top: 12px;
}

/* Hack for min-height in IE  */
* html .err-display .err {
  height: 38px;
}

.err-display .err-primary-content {
  margin: 0;
  font-weight: normal;
}

.err-display .err-primary-content {
  margin-top: 8px;
}

.err-display .err-with-secondary .err-primary-content {
  margin-top: 0;
}

.err-display-dismiss-link:link {
  border:0px;
  float: right;
  display: block;
  font-size: 85%;
  position: relative;
  height: 14px;
  width: 14px;
  background: url(../css/img/dismiss.png) 0 0 no-repeat;
  text-indent: -2000em;
  
}

.err-display-dismiss-link:hover {
  background-position: 0 -14px;
}

.table-features,
.myyard-required {
	display: block;
  font-weight: normal;
  color: #a6a6a6;
}

.myyard-note {
  font-size: 85%;
  color: #666;
}
.myyard-form .myyard-form-element-inputs {
	float: left;
}

.myyard-form-element-container {
	clear: both;
	margin-bottom: 0.5em;
}

.myyard-form input, .myyard-form textarea, .myyard-form select {
	font-family: "Lucida Grande", verdana, arial, Helvetica, sans-serif;
	border: 1px solid #525252;
/*	color: #474747;
*/
	background: #d9d9d9;
	font-size: 13px;
	padding: 4px;
}

.myyard-form input:focus, .myyard-form textarea:focus, .myyard-form select:focus {
	background: #fff;
}

.myyard-form-element-inputs .links {
	font-size: 11px;
	padding-left: 5px;
}

.myyard-form-right-input-text {
	padding-right: 0.5em;
}

.myyard-form-left-input-text {
	padding-left: 0.5em;
}

.myyard-form-number {
	text-align: right;
}

.myyard-form-decimal-separator {
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.myyard-form-section {
	display: block;
	padding-left: 0.5em;	
}

.myyard-form-group-vertical {
	clear: both;
	display: block;
}

.myyard-form-group-horizontal {
	display: block;
	border:  none;
	vertical-align: top;
	padding-right: 0.25em;
	padding-left: 2em;
}


.myyard-form-group-horizontal+.myyard-form-group-horizontal {
	padding-left: 0.25em;
	border-left: 1px solid black;
}


/* IE hack */
* html .myyard-footer-form-field { overflow: visible; height: 1px; }

.myyard-disclosure-control {
	clear:both;
	margin-bottom: 1em;
  
}

.myyard-disclosure-anchor {
  position: relative;
  top: 0.7em;
  display: inline;
  margin: 0 10px;
  padding: 0 6px;
  color: #666;
  background: #fefefe;
}

.myyard-disclosure-control-closed {
  margin-bottom: 1em;
}

.myyard-disclosure-control-float
{
	float: left;
	margin: 1em;
	width: 40%;
}
.myyard-disclosure-control-opened .myyard-disclosure-container,
.myyard-disclosure-control-float .myyard-disclosure-container
{
  display: block; 
  border: 1px solid #ddd;
  padding: 8px;
}


.myyard-disclosure-control-closed .myyard-disclosure-container
{
  display: none;
}

.myyard-disclosure-image {
  border: none;
  vertical-align: text-top;
}

.myyard-disclosure-anchor {
  text-decoration: none;
}

/* Swat Actions */
.myyard-footer-form-field {
	border-top: 1px solid black;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	margin-top: 5px;
	color: #666;
}

#popupcontent .myyard-actions, #popupcontent .myyard-footer-form-field {
	margin: 0 auto;
	padding-bottom: 0px;
}

/* Swat Buttons */

.myyard-footer-form-field button {
	font-size: 13.8px;
	padding: 3px 6px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center left;
}

.myyard-footer-form-field span.lnk {
	font-size: 13.8px;
}

.myyard-footer-form-field input.myyard-primary {
  font-weight: bold;
  color: #000;
}

.myyard-footer-form-field .myyard-button {
  float: right;
  margin-left: 0.5em;
  color: #666;
	vertical-align: middle;
}

.myyard-footer-form-field .myyard-button img {
	padding-right: 0.4em;
	vertical-align: middle;
	height: 20px;
}

.myyard-footer-form-field a+a {
	padding-left: 1em;
}









div.note {
  margin-top: 2em;
  padding: 0.5em;
  border: 1px solid #ccc;
	color: #525252;
  background: #fe9;
}

/* MyYardFrame */

.myyard-frame {
  margin-top: -1px;
/*  border: 1px solid #dcceb2;*/
}

.myyard-frame .myyard-frame-title {
  margin: 0px 0px 0 0px;
  padding: 9px 16px 4px 16px;
	font-weight: normal;
	font-size: 19.8px;
}

.myyard-frame-contents {
  padding: 16px;
}

.myyard-frame .myyard-frame-subtitle {
  font-weight: normal;
}

#myyard-contents .myyard-frame {
  border: none;
  padding-top: 0;
}

h1 {
  border: none;
  color: #ffffff;
  padding: 6px 16px 2px 16px;
  margin: 0;
  position: static;
  display: block;
  font-size: 16px;
}

h2 {
  border: none;
  padding: 5px 16px 5px 0px;
  margin: 0;
  position: static;
  display: block;
  font-size: 14px;
  font-variant: normal;
}

h3 {
	font-size: 12px;
	font-variant: normal;
	border-bottom: 1px solid #000;
/*	color: #000;*/
}

h3 .sup {
	font-size: 11px;
	letter-spacing: normal;
	font-variant: normal;
}

h3 .sup-sup {
	font-size: 11px;
	letter-spacing: normal;
	font-variant: normal;
	color: #666;
}

h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 20px 0px 5px 0px;
}


#myyard-contents .myyard-frame-contents {
  background: #fefefe;
}

/* MyYard Tabs */

.myyard-tabs {
/*  margin-top: 30px;*/
	padding-left: 5px;
	list-style-type: none;
	border-bottom: 1px solid #ccc;
/* the height is the sum of 
	top and bottom padding of <li>s
	plus their line-height
	minus -0.1em that is the 
	bottom border line of <li>
*/
	height: 20px;
}

  
.myyard-tabs li {
	margin-right: 5px;
  padding: 4px 15px;

  display : inline;
/*	line-height: 1em;*/
  background: #E3E2E0;
  border: 1px solid #ddd;
  color: #666;
	font-size: small;
  font-weight: normal;
	-moz-border-radius: 8px 8px 0px 0px;	

  text-decoration: none;
	cursor: pointer;
}

.myyard-tabs li.here, .myyard-tabs li:hover {
  background: #720A0A;
  border-bottom: 1px solid #fff;
  color: #FFF;
}

.myyard-tabs li.here {
	padding-top: 9px;
	cursor: default;
}

.myyard-tabs li:hover.here { 
	padding-top: 9px;
	background-color: #720A0A;
	border-bottom: none;
}

.myyard-tabs li:hover {
	padding-top: 7px;
  background-color: #F2BAB9;
}


 #myyard-tabs ul input:hover {
  color : #f00 !important;
}



.myyard-history-group {
/*	margin-bottom: 1em;*/
}

.myyard-history-group-title {
	font-size: 13px;
	font-variant: small-caps;
	border-bottom: 1px solid black;
}

.myyard-history-group-title .lnk {
	float: right;
}

.myyard-history-left {
	width: 40%;
	text-align: left;
	float: left;
}

.myyard-history-right {
	width: 40%;
	float: right;
}

.right-justify {
	text-align: right;
}

.myyard-history-left .title {
	font-size: 16px;
	font-weight: bold;
}

.body {
	position: relative;
/*	margin-top: 0.5em;*/
}

.myyard-history-right .title {
	font-size: 14px;
	font-weight: bold;
}

.myyard-history-left .title+.body {
	margin-top: 1.5em;
}

.myyard-history-right .title+.body {
	margin-top: 0em;
}


.myyard-history-group .lnk {
	margin-left: 0.4em;
}

.myyard-history-right>.body .myyard-history-group-name,
.myyard-history-left .body .myyard-history-group-name {
	display:  table-cell;
	font-style: oblique;
	width: 8em;
}

.myyard-history-right>.body .myyard-history-group-name+.myyard-history-group-field,
.myyard-history-left .body .myyard-history-group-name+.myyard-history-group-field {
	display: table-cell;
}

div.dropmarker {
  height:6px;
  width:200px;
  background: url(sheet-img/bg/dropmarker.png) left top;
  margin-top:-3px;
  margin-left:-5px;
  z-index:1000;
  overflow: hidden;
}


/* LOGIN */
#login {
	background: #fff;
	border: 1px solid #a2a2a2;
	margin: 5em auto;
	padding: 0.2em 1.5em 0.2em 1.5em;
	width: 430px;
	-moz-border-radius: 10px;
}

body.login-body {
	background: url(sheet-img/bg/login-bg-stripe.png);
}

#login #login_error {
	background: #c00;
	border: 1px solid #a40000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: .5em;
}

#login h1 {
	background: url(sheet-img/bg/myyard-logo.png) no-repeat top left;
	margin-top: 0;
}

#login h1 a {
	display: block;
	text-indent: 80px;
	padding-top: 13px;
	height: 47px;
	border-bottom: none;
	vertical-align: middle;
	color: #000;
	text-decoration: underline;
}

#login p {
	line-height: 130%;
}

/*#login input {
	padding: 3px;
}
*/

#login #handle, #login #pwd {
	font-size: 20px;
	width: 180px;
}

#login #submit {
	font-size: 16px;
}

#login textarea, #login input, #login select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font-size:  11.8px;
	margin: 1px;
	padding: 3px;
}

#login #submit, #login #submit:focus, #login .button {
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
/*	padding: 0.25em;*/
}

#login #submit:active, #login .button:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

#login .align-left, #login .editform th, #login #postcustomsubmit {
	text-align: right;
}

#login .err-display .err {
  border-width: 1px;
  border-style: solid;
  margin: 1em 0;
  min-height: 38px;
  padding: 12px 12px 12px 64px;
  background-position: 8px 8px;
  background-repeat: no-repeat;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.login-foot {
	background-image: url(sheet-img/bg/5th-logo.png);
	background-repeat: no-repeat ;
	background-position-top: 0px;
	background-position-left: 0px;
	padding-left: 55px;
	padding-top: 7px;
	font-size: 8pt;
	width: 35%;
	height: 38px;
	
	position: absolute; 
	bottom: 0;
	
 	left: 0; 
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.login-foot p {
	margin: 0;
	padding: 0;
}
/* SCRIPT ACULO SORTABLE LISTS (NOT TABLES)
	AND AUTOCOMPETION */
	
div.list {
	float: left;
	margin-left: 0.5em;
}

div.list h4 {
	margin-bottom: 0px;
}

div.list+div.list {	
	margin-left: 5em;
}

ul.list {
	border:1px solid #fff;
	
	margin: 0;
	margin-top: 7px;
	padding: 0;
	list-style: none;
	min-height:100px;
}

ul.list-active {
	background-color: #FFF4D8;
	border:5px dashed #ccc;
}

li.list-item {
	border: 1px solid black;
	margin-top:0.2em;
	margin-bottom:0.2em;
	padding: 0.3em;
	padding-left: 0.7em;
	cursor: move;
	-moz-border-radius: 8px;
	font-size: 11px;
	background-color: #fefefe;
}

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
	font-weight: bold;
}

div.autocomplete ul li div.informal {
	font-weight: normal;
}

span.user,
div.user span {
	color: #777;
}

select>option:first-child {
	padding-left: 0px;
}
select option {
	padding-left: 15px;
}

select optgroup {
	font-style: normal;
}

myyard-clear-both grey,
.grey {
	margin-top: 15px;
	margin-right: -10px;
	margin-left: -10px;
	
	padding: 5px 10px 5px 10px;
	background-color: #ddd;
}

/* DEFAULT COLOURS FOR HEADER BAND */
#myyard-contents .myyard-frame {
	background: #ff6600;
}

#myyard-contents .myyard-frame-contents {
  background: #fefefe;
}

input.missing, select.missing, textarea.missing, div.missing, div.note  {
	background: #dfdfff;
}

.myyard-history, .myyard-history-span,
.myyard-disclosure, .myyard-disclosure-span {
	background-color: #dfdfff; 
	border: solid 1px #1515BC;
}

.myyard-history-header .lnks,
.myyard-disclosure-header .lnks,
.myyard-disclosure-span, 
.myyard-history-span {
	color: #1515BC;	
}

.collapsed {
	border-top-color: #1515BC;
}


/* DashBoard extra */
.reminders {
	width: 70%;
}

.reminders h2 {
	font-family: "Lucida Grande", arial, sans-serif;
	margin: 0px;
	padding: 5px;
	color: #333;
	font-size: 14px;
	font-variant: normal;
}

.reminders h2.subheader {
	padding: 0 0 2px 0;
	margin: 0px 0 5px 0;
	font-size: 14px;
	font-variant: normal;
	border-bottom: 1px solid #000;
	color: #000;
}

.reminders table {
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
}

.reminders table td {
	padding: 5px 0px;
}
.reminders table td.table-content {
	width: 100%;
}

.reminders h2.late-group {
	color: #F00;
	background-color: rgb(255, 249, 221);	
	
/*	background-color: #FCC;*/
	border: 1px solid #F33;
	border-bottom: none;
	margin-bottom: 0px;
	margin-left: -1px;
}

.reminders table.late-group {
	border: 1px solid #F33;
	border-top: none;
}
.reminders table.late-group tr td  {
/*	background-color: #FCC;	*/
	background-color: rgb(255, 249, 221);	
}

.reminders p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #555;
}

.reminders p.asset-note {
	margin-top: 2px;
	color: #444;
	font-style: italic;
}

.reminders span.late {
	padding-left: 10px;
	font-size: 9px;
	font-weight: bold;
}

.reminders span.too-late {
	color: #F00;
	font-weight: bold;
}

.reminders span.too-late-sup {
	color: #F00;
	font-weight: normal;
}

.reminders span.not-late {
	color: #2F991F;
	font-weight: bold;
}

.reminders span.not-late-sup {
	color: #2F991F;
	font-weight: normal;
}


.reminders tr.shade td {
	background: #ececec;
}


/* Info pane */
.info-pane {
	float: right;
/*	margin-top: -16px;
	margin-right: -16px;
*/	min-height: 100%;
	height: 100%;
	width: 27%;
	font-weight: normal;
}

.info-pane-content {
/*	background-color: #ffffd8;*/
	background-color: #ececec;
	color: #333;
	margin: 10px 0px;
	padding: 1px;
	padding-left: 1px;
	border: 1px solid #999;
}

.info-pane h2 {
	font-size: 14px;
	font-variant: normal;
	font-weight: normal;
	border-bottom: 1px solid #333;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.info-pane h2+h3 {
	margin: 0;
}

.info-pane h3 {
	border: none;
	letter-spacing: normal;
	font-variant: normal;
	font-size: 12px;
	margin-bottom: 3px;
	margin-top: 0px;
	padding-left: 1px;
}

.info-pane h3 a {
	color: #ff6600;
}

.info-pane p {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 11.8px;
	margin-top: 0;
	padding-left: 1px;
}

.reminders .weirdo {
	position: absolute;
	background: #FF8000;
	padding: 1px;
}

.reminders .lnk-class {
	padding: 0;
}

.reminders .link {
	text-decoration: underline;
	cursor: pointer;
}

.divtext 
{
 padding-bottom:10px;
 padding-right:10px;
}