/*
As in the license, Zymonic is provided without warranty or support
unless purchased separately, however... If you email
zymonic-support@zednax.com your issue will   be noted and may
receive a response.

For security issues, please contact zymonic-security@zednax.com and
someone will respond within 8 working hours.


=head1 AUTHOR

    Alex Masidlover et al.
    CPAN ID: MODAUTHOR
    Zednax Limited
    alex.masidlover@zednax.com
    http://www.zednax.com

=head1 COPYRIGHT

This program is free software licensed under the...

    Zymonic Public License 1.0

The full text of the license can be found in the
LICENSE file included with this module.

Other licenses may be acceptable if including
parts of Zymonic in larger projects, please
contact Zednax for details
*/
/* General Presentation and Layout */
html {overflow-y:scroll; }
body {
	background-color: #999999;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed; 
    font-family: Calibri,Arial,Helvetica,sans-serif;
	font-size: 13px;
    margin: 0px; 
    margin-left: 0.5em;
    margin-right: 0.5em;
    border:hidden;
    }

/* Safari applies an increased font size... */
table {
	font-size: 12px;
}

.filtertable tbody {
    font-size: 13px
}

.shadow {
  -moz-box-shadow: 3px 3px 4px #777;
  -webkit-box-shadow: 3px 3px 4px #777;
  box-shadow: 3px 3px 4px #777;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

a {	color: #333333;    cursor: pointer;}
a:link {color: #333333;    text-decoration: none;    cursor: pointer;}
a:visited {color: #333333;    text-decoration: none;    cursor: pointer;}
a:hover {color: #01658a;    text-decoration: underline;	    cursor: pointer;}
a:active {color: #333333;    text-decoration: none;    cursor: pointer;}

img {
	border:0;
}
.ifEmpty {
    display:inline;
	position: relative;
	left:25px;
	z-index:1;
}

.ifEmpty label {
    display: none;
    width: 10em;
    text-transform: none;
	font-size: 12px;
	top:0;
}

.ifEmpty:hover label {
    display: inline;
    left: -20px;
    position: absolute;
    top: 15px;
}

.ifEmpty input {
    display: inline;
}
    
label {
    color:#333333;
/*  position : relative; commented these out */
    display: block;
    margin: .5em .5em; 
    margin-left: .1em;
    margin-bottom: .0em;
    width: 18em;
}

.FieldContainsError {
    background-color: #FFDDDD;
}

.inputError {
    position: absolute;
/*  bottom: 4em; */
    left: 0;
    width: 35em;
    z-index: 15;
}

.ZymonicPasswordCapture .inputError {
    top: -6em;
}

.HorizontalFormTable {
    margin-top: 3em;
}

.HorizontalFormTableCell .inputError {
    position: absolute;
    left: -50%;
    top: -3em;
    width: 15em;
    z-index: 15;
}

.FieldGroupContainsError.ui-state-active, .FieldGroupContainsError.ui-state-default, .FieldGroupContainsError {
    background: none repeat scroll 0 0 #FFDDDD;
}

.FieldGroupHeader .notice {
    display: none;
    position: absolute;
    bottom: 2em;
}

.FieldGroupHeader:hover .notice {
    display: block;
}

.FieldLabelDiv {
	position: relative;
	display: inline-block;
	font-weight:bold;
}

.FieldShortDescription, .RequiredFieldHelp {
    padding: 0.5em;
    margin-top: 0.5em;
    border-color: #FF7400;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    color: black;
    display: none;
    position: absolute;
    z-index: 8;
	text-align:	left;
}

.RequiredFieldMarker:hover .RequiredFieldHelp { display: block; }

.FieldLabelSpan:hover .FieldShortDescription { display: block; }

.FormShortDescription {
    padding: 0.5em;
    margin-top: 0.5em;
    border-color: #FF7400;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    color: black;
}

.systemNotice {
    position:relative;
    margin: 2.5em;
    top:20px;
    width: 15em;
    color: red;
}

#Notices {
	color: red;
}
    
.notice {
    padding: 0.5em;
    margin: 0.5em;
    border-color: red;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    color: #333333;
	min-height:15px;
}

/* Page Layout */

#Content {
    position: relative;
}

#TheLocations {
    width: 100%;
}

#Location_Right {
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

#Location_Left {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}
#Location_Left .ZymonicField {width: 93%}

#Location_Main {
    display: inline-block;
    vertical-align: top;
}

#statusbar {
   width: 100%;
   background-color: #f5ffff;
   height: 2.5em;
   border-radius: 5px;
}

/* Menu bar */
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 10;
    background-color: #f5ffff;
    padding-top: 5px;
   border-radius: 5px;
}

#menubar a {
	display: block;
	width: 20em;
}

#menubar li {
	float: left;
	width: 20em;
	padding-left: 10px;
	padding-bottom: 2px;
    text-shadow: 0.5px 0.5px 0.5px #999999;
}

#menubar li ul {
	position: absolute;
	width: 20em;
	top: 19px;
   border-radius: 5px;
	border-style: solid;
	border-top-style: none;
	border-width: 1px;
	left: -999em;
}

#menubar li ul li {
	width: 18em;
	padding-top: 10px;
	padding-bottom: 3px;
	border-style: none;
	border-top-style: solid;
	border-width: 1px;
    text-shadow: none;
	height:20px;
	background-image:url(zymonic_go.png);
	background-position: right center;
	background-repeat:no-repeat;
}

#menubar li:hover ul {
	left: auto;
}

#menubar li:hover ul, #menubar li.sfhover ul {
	left: auto;
}

#AuthState {
  float: right;
}

/* Blocks */
.Block {
   border-radius: 5px;
    position: relative;
    margin: 0.2em;
    background: #F6F6F6;
}

.BlockNotice {
    border: 1px solid #CCC;
}

.BlockError {
    background: #F03;
    margin: 0.025em 0.5em;
}

.BlockObject {
    position: static;
    margin: 0.2em;
}

.BlockControls {
/*  position: static;
    margin-top: -1.9em; and below added */
    border-radius: 5px;
    background:#F5FFFF;
    position: relative;
    padding-top: 0.4em;
    height:2.1em;

}

.BlockAction {
    /*float: left; changed and added display inline  */
    float:inherit;
    display:inline;
    margin: 0.5em;
    background-color: #F5FFFF;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-bottom: 0.5em;
	width:17px;
	height:17px;

    /*border: 1px solid #FFFFFF; added background object instead */
}

.BlockAction a {
    text-decoration: none;
    color: #333333;
    text-transform:none;
    cursor: pointer;
	width:17px;
	height:17px;
}
.BlocckAction a:link {
    text-transform:none;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}
.BlockAction a:visited {
    text-decoration: none;
    color: #333333;
    text-transform:none;
    cursor:pointer;
}
.BlockAction a:hover {
    text-transform:none;
    text-decoration: none;
    color: #996600;
    cursor: pointer;
}
.BlockAction a:active {
    text-transform:none;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

.DeleteAction {
}
.UpAction{
	background-image:url(up.gif);
	background-repeat:no-repeat;
}
.DownAction{
	background-image:url(down.gif);
	background-repeat:no-repeat;
}

.BlockTitleField {
	color: #000000;
}

.BlockTitle {
	color: #000000;
	margin-left:50px;
    text-shadow: 0.5px 0.5px 0.5px #999999; 
}

.HelpAction {
	color: #000000;
	background: transparent;
	margin: 0;
	padding: 0.25em;
	position: absolute;
	right: 0;
	top: 0;
}

.Separator {
    clear: both;
    height: 1px;
}
.FieldSeparator {
    clear: both;
}

/* Fields/Filter Actions */
.FilterAction {
    margin-right: 1.5em;
}
.FilterActionsGlobal {
    display: inline-block;
    margin-left: 2px;
    margin-bottom: 2px;
}
.FilterActionsGlobal .FilterAction {
    display: inline;
    vertical-align: middle;
}

.FilterButtonArea {
   border-radius: 5px;
   border: 1px solid #999999;
   margin-top: 0px;
   display: none;
   position: absolute;
   top: 10px;
   z-index: 1005;
   background-color: white;
   width:450px;
   font-size: 11px;
   padding: 10px;
}

.FilterButtonWrapper {
    float: right;
    position: absolute;
    left: 45px;
    top: 5px;
   cursor:pointer;
}

.FilterButtonWrapper:hover .FilterButtonArea {
   display: block;
}

.ZymonicSubFilter .FilterButtonWrapper {
    float: right;
    position: absolute;
    left: 10px;
    top: 16px;
    cursor:pointer;
}

.ZymonicSubFilter .reportresults {
    margin-top: 25px;
}

/*
.FilterActionGlobal .FilterActionLink {
    display: block;
    background-image:url(backgrnd.gif);
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 5px;
}
*/
.FilterActionGlobal .FilterActionLink:hover {
    /* style global link like button */
    text-decoration: none;
}
.FilterActionLinkContent {
    text-transform: none;
}
.FilterActionLocal {
    display: inline;
}
.FilterActionIcon {
    border: none;
    padding: 2px;
    margin-left: 5px;
}
.FilterActionIcon img {
	margin-top:2px;
	margin-bottom:2px;
}

.FilterActionButton {
    display: inline;
}

.FilterActionCell {
	width: 4em;
}

/* Field */

.ZymonicField {
/*  float: left; */
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 0.4em;
    padding-right: 0px;
    margin-bottom: 0.4em;
    display: inline-block;
    width: 35.5em;
/*    vertical-align: top; */
    position: relative;
   /* border-width: 1px;
    border-style: none none dashed; */
}

.HorizontalFormTable .ZymonicField {
    width: auto;
}

.ZymonicHTML {
	width: 99%;
}

.FoFaPQuery .ZymonicField {
	width: auto;
}

.FoFaPQuery .ZymonicFieldLabel {
	display: none;
}

.ReadOnlyFieldValue {
  display: inline-block;
  vertical-align: top; 
  margin: 0.5em 0.5em 0 0.1em;
  max-width:61em;
  word-wrap: break-word;
}

.ZymonicFieldLabel {
  display: inline-block;
  text-align: right;
/*  font-weight: bold; */
  vertical-align: top;
  overflow: hidden;
  width: 11em;
}

.hasFocus {
    background-color: #EEEEFF;
	display:inline-block;
}

.ZymonicField label {
}

.ZymonicField input {
 /*  float: left; */
display: inline-block;
vertical-align: top;
}

.ZymonicField select {
/*  float: left; */
display: inline-block;
}

.ZymonicSubForm {
   width: 100%;
}


.ifEmpty {
/*  display: inline-block;
  padding-left: 10px;*/
}

.ifEmpty > input {
/*  vertical-align: middle; */
}

.records_per_page {
  width: auto;
  display: inline;
}

.MultipleRecordsRefreshNavigation {
	display: inline-block;
}

.helpicon {
 float: left; 
}

.ChoiceButtons {
  display: inline-block;
  vertical-align: top;
}

.MultipleChoiceLinkedFieldClearAll {
  display: inline-block;
  vertical-align: top;
}

.PasswordConfirmation {
  padding-left: 0px;
}

.TimeTime {
	display: inline-block;
}

.DateTime { 
	display: inline-block;
/*	width:41em; */
}

.FieldIsValid {
  background-image: url(/zymonic-tick.png);
  background-repeat: no-repeat;
  background-position: 83% 40%;
  
  /* add padding to right so nothing can cover up the tick image */
  /* padding: 0 20px 0 0; - Do not do this here! put it in the 
      Zymonic Field div if you must, since it makes fields move
      as you fill a form out */ 
}

/* Form Layout */
.FieldGroupSetMenu {
    float: left;
    width: 10%;
}
.FieldGroupSetMenu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.FieldGroupSetMenu ul li {
    border-top: 1px solid;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0 0 0.5em 0;
}

fieldset legend {
    display: none;
}

.FieldGroupSetContainer fieldset legend {
    display: none;
}
.FieldGroupSetContainer {
    position: relative;
}

.FieldGroupSet {
}
.FieldGroupSetMenuSelected {
    background-color: #FFFFFF; 
}
.FieldGroupSetMenuNotSelected {
}
.FieldGroupSetSelected {
    float: left;
    width: 100%;
    background-color: #FFFFFF; 
    visibility: visible;
    overflow: auto;
}
.FieldGroupSetNotSelected {
    float: left;
    width: 0;
    visibility: hidden;
    overflow: hidden;
}
.multipleRecordForm {
    border-top:1px solid;
}

.FormMessage {
    padding: 0.5em;
    margin: 0.5em;
    border-color: green;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    color: #333333;
}

.RequiredFieldGroupMarker {
    display: inline;
}

.TransitionButton {
  display: inline-block;
  margin: 3px 0px 3px 0px;
}

.FieldGroupSetShortDesc {
   clear: both;
   display: none;
}

.HorizontalFormTableCell {
	border: none;
	border-width: 1px;
	border-right-style: dashed;
}

.ZymonicFormTableFieldLabel {
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.PrintFormLink {
	display: block;
	margin: 5px 5px 0;
}

/* Input Form controls */
select {
    display: inline-block;
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 1px 0px 1px 2px;
    left : 100%;
    top : 0px;
    margin-right: 5px;
    margin-left: 5px;
    background: none;
	font-size:12px;
	vertical-align:bottom;
    }

select:focus {
    border-color: red;
    }

input {
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 3px 3px 3px 3px;
    margin-top: 1.5px;
    margin-left: 5px;
	font-size:12px;
    }
input[type="radio"]{
	border-style:none;
	width:20px;
}
input[type="checkbox"]{
	border-style:none;
	width:20px;
}

button {
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 5px;
	margin-bottom: 2px;
    background: none;
    cursor: pointer;
	font-size:11px;
    font-family: calibri,arial,helvetica,sans-serif;
}

.fakeButton {
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 3px 3px 3px 3px;
    margin-top: 2px;
    margin-left: 5px;
    margin-bottom: 2px;
    background: none;
    cursor: pointer;
    font-size:11px;
    font-family: calibri,arial,helvetica,sans-serif;
}

.imgbutton {
    border: none;
}

input:focus {
    border-color: red;
    }
    
input[type=hidden] { 
    visibility: hidden; 
    height: 0px;
    width: 0px;
    }
    
textarea {
    font-family: Calibri,Arial,Helvetica,sans-serif;
    display: inline;
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    left : 100%;
    top : 0px;
    margin-right: 10px;
	font-size: 12px;
    }

textarea:focus {
    border-color: red;
    }

.reportresults {
    overflow: auto;
    width: 100%;
    padding-bottom: 5px;
}

/* Error/info messages */
.reportresults p {
    margin: 2px 12px;
}

.Filter {
    width: 100%;
}

/* Ensure fields in and out of FGs line up... */
.Zymonic .ui-tabs-panel {
	padding-left: 0px;
}

.ZymonicLinkedField {
 width: auto;
 display: inline-block;
 }
 
 .LinkedFieldRequiredMarker {
   display: inline-block;
 }
 
.hasFocus .ZymonicLinkedField{
	-moz-box-shadow: 7px -3px 3px -1px #666666, -7px 0 3px -5px #666666; 
	-webkit-box-shadow: 7px -3px 3px -1px #666666, -7px 0 3px -5px #666666;
    box-shadow: 7px -3px 3px -1px #666666, 7px 0 3px -5px #666666;
	border-left:1px solid #333333;
	border-right: 1px solid #3333333;
}

.ZymonicLinkedField .ZymonicField 	{left: -5px;}
.ZymonicLinkedField .ifEmpty	{left: 0px;}
/* Commented out since it causes the inputs to drop onto a new line on validation
Should be in em anyway if a particular width is being set so it matches the rest of
the width settings. 
.ZymonicLinkedField .FieldIsValid {width:390px;}
*/

.LFF_expand_button { display: none; }
 
 
.ZymonicMultipleChoiceLinkedField {
   width: auto;
   display: inline-block;
/*   left:30px;
   top: -15px; */
}

.MCLFSelectAll {
	display: inline-block;
}

.hasFocus .ZymonicMultipleChoiceLinkedField {
    border-left: 1px solid #333333;
    box-shadow: 7px -3px 3px -1px #666666, 7px 0 3px -5px #666666;
}

.hasFocus .MultipleChoiceLinkedFieldResults {
	position:relative;
	left:450px;
}

.LinkedFieldFilter .FilterButtonWrapper { 
	display: none;
/*	left: 24px; */
    top: -35px;
    z-index: 10; 
}
.hasFocus .LinkedFieldFilter .FilterButtonWrapper {
	 display: inline-block;
}

.LinkedFieldFilter .ifEmpty {display: none;}

.hasFocus .ZymonicLinkedField > .ifEmpty {
    display: none;
} 

.hasFocus .ZymonicLinkedField .LinkedFieldFilter .ifEmpty { 
    display: inline; 
}

.LinkedFieldLabels {
    background-color: #EEEEFF;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    display: none;
    left: -1px;
    position: absolute;
    top: -40px;
    width: 100%;
    z-index: 5;
}

.LinkedFieldCloseButton {
	position: absolute;
	z-index: 6;
	top: -35px;
	left: 20px;
	display: none;
	cursor:pointer;
}

.hasFocus .LinkedFieldCloseButton {
	display: block;
}

.hasFocus .LinkedFieldLabels {
    display: block;
	padding-top:15px;
	border-top:1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	 -moz-box-shadow: 6px -3px 3px -1px #666666, -3px 0 3px -3px #666666; 
	-webkit-box-shadow: 6px -3px 3px -1px #666666, -3px 0 3px -3px #666666;
    box-shadow: 6px -3px 3px -1px #666666, 3px 0 3px -3px #666666;
}

.LinkedFieldFilter {
    border-color: #999999;
    border-style: none;
    display: inline-block;
}

.LinkedFieldFilter .Filter { 
	width: auto;
}

.LinkedFieldFilter .FilterError { display: inline-block; }
.LinkedFieldFilter .FilterSearchForm { display: inline-block; }
.LinkedFieldFilter .record { display: inline-block; }
.LinkedFieldFilter .FieldGroupSetContainer { display: inline-block; }
.LinkedFieldFilter fieldset { display: inline-block; }
.LinkedFieldFilter .Separator { display: inline-block; }

.LinkedFieldDisplayField .ReadOnlyFieldValue {
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    margin-left: 5px;
    margin-top: 1.5px;
    padding: 3px;
    width: 200px;
    min-height: 15px;
}

.LinkedFieldFilter .reportresults {
   display: none;
   position: absolute;
   background-color: #EEEEFF;
   z-index: 5;
   border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
  	box-shadow: 5px 5px 3px #666666;
	margin-top: -5px;
	left:-1px;
}

.MultipleChoiceLinkedFieldFilter .reportresults {
/*	position: relative; */
}

.hasFocus .reportresults {
   display: block;
/*   left:360px;
   top:15px; */
}

.LFSelectable:hover {
	background-color: #ADD8E6;
}

.MultipleChoiceLinkedFieldResults {
	background: #ADD8E6;
	padding: 2px;
	margin-left:10px;
}

.ui-sortable {
    list-style: none;
    width: 100%;
    padding: 0;
}

.ZymonicLogo {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    margin-bottom: 10px;
    padding: 10px;
    width: 216px;
}

.Pages {
	display: inline;
}

.FilterField {
	float: left;
}

.NoticeList {
    list-style: none;
    position: absolute;
    z-index: 10;
}

.DateTimeInput  {
	float: left;
}
.PostDateTimeInputs {
	clear: left;
}

/* Filter Classes */
/*

This is the old table CSS - but it applies to every table
generated by Zymonic which seems far too general to me.

table {
    border: 1px solid #333333;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background:#FFFFFF;
    width: 99%;
    margin: 1px;
    font-size:11px;
    border-collapse:collapse;
}

tr {
    border: 1px solid  #333333;
}

td {
    border: 1px solid  #333333;
    white-space: wrap;
    padding: .1em;
}

th {
    border: 1px solid  #333333;
}*/

.filtertable {
	width: 99%;
	padding: 0px;
	margin: 2px;
	border: 0px;
    background:#FFFFFF;
    border-collapse:collapse;
}

.filtertable tr td {
	padding: 0px 2px 3px 2px;
}

.filtertable th {
	border: 1px solid #000000;
}


.filterdata {
	border: 1px solid #999999;
	padding: 0px;
}

.filtertable .ZymonicDateTime {
	max-width:120px;
}

#SLocation_Left .filtertable th {
	display:none;
}

.treecell {
	white-space: nowrap;
	padding: 0px;
}

.treegraphics {
	display: inline;
}

.branchlabel {
	display: inline;
	vertical-align: super;
	padding-left: 3px;
}

.ReportField {
	display: inline;
}

.treeimg {
	display: inline;
	position: relative;
}

.ti-back {
    width: 20px; 
    position: absolute; 
    left: 0px; 
    top: -10px; 
    z-index: 3;	
    display: none;
}

.ti-fore {
	z-index: 10;
	border: 0;
}

.filterbutton {
	display: inline-block;
    margin-left: 2px;
    margin-bottom: 2px;
}

.resultcount {
   position: absolute;
   color: #333333;
   font-weight: bold;
   top: -2px;
   left:20px;
   font-size:	120%;
}

.needs_refresh {
   position: absolute;
   font-weight: bold;
   top: -2px;
   left:20px;
   font-size:	120%;
   color: #FF0000;
}

.resultsperpage {
	margin-right: 4px;
}
	
/* User Filter Ordering */
.PreviousSequenceLink {
	float: left;
}
.NextSequenceLink {
	float: right;
}
.OrderByLink {
	clear: both;
}
.FieldOrderAscending, .FieldOrderDescending {
	background: #CCC;
}
th.FieldOrderAscending a::after {
	content: " v";
}
th.FieldOrderDescending a::after {
	content: " ^";
}
.FieldCanOrderBy a {
	display: block;
	width: 100%;
	height: 100%;
}
.FieldCanOrderBy a:hover {
	background: #AAA;
}
th div.TableDragHandle {
	width: 100%;
	height: 10px;
	background: #DDD;
}

/* Navigation */
.navigation {
	display: inline;
}

.nav {
	display: inline;
    margin-left: 2px;
    vertical-align: bottom;
}

.nav input {
	display: inline;
    font-size: 12px;
	text-align:center;
}

/* Field changes highlighting */
.ZymonicFieldChanged {
	/* used to flag fields values as having changed, no highlighting initially, highlight below when triggered */
}
.ZymonicFieldChanged .ifEmpty {left:15px; }

.ZymonicFieldChangedShow {
    background-color: #FFDE00;
}
.ZymonicFieldGroupChanged a {
    /* used to flag fields values as having changed, no highlighting initially, highlight below when triggered */
}
.ZymonicFieldGroupChangedShow a {
    background-color: #FFDE00;
}

/* Colorbox (currently just for re-login) */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/cb/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/cb/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/cb/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/cb/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/cb/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/cb/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/cb/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/cb/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/cb/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/cb/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/cb/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{display:none; right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
		
/* No bullets on block */
ul.block { 
        list-style-type: none;
}

/* Generic class to hide things */
.hidden {
    display: none;
}

/* make choice checkboxs line up */
.ChoiceCheckbox {
    display: inline-block;
    margin-top: 5px;
}

/* tidy the user ordering fields table, make the fields tile */
div[id$="ZZuser_ordering"] div.ZymonicField {
    float: left;
    clear: none;
    height: 2.5em;
    padding: 0 20px 0 0;
}

/* These removes the jQuery widget headers from within the blocks on a Search Field */

.LinkedFieldFilter .FilterSearchForm  .ui-widget-header {
	display:none;
}
.LinkedFieldFilter .FilterSearchForm  .ui-widget-content {
	background: none;
	border: 0;
}


/* Linked Field Styling */
.LinkedFieldControlButtons {
    display: inline-block;
}

/* remove the filter refreshing buttons from within LF as LF will auto refresh
   but be sure to show the results per page */
.LinkedFieldFilter .filterbutton
{
	display: none;
}
.LinkedFieldFilter .filterbutton.resultsperpage
{
	display: inherit;
}

/* OpenFOP links */
.OpenFOPLink {
    border-color:#333333;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    padding: 2px 3px;
/*    margin-left: 11em;  this space is to line up under the value, not the label - but pushes all the other fields out of line.... */
    margin-top: 3px;
    background: none;
    cursor: pointer;
    display: inline-block;
	position:relative; /* works to put the button slightly underneath and to the left the input box */
	top:25px;
}
.OpenFOPLink:link {color: #333333;    text-decoration: none;    cursor: pointer;}
.OpenFOPLink:visited {color:#333333;    text-decoration: none;    cursor: pointer;}
.OpenFOPLink:hover {color: #333333;    text-decoration: none;	    cursor: pointer;}
.OpenFOPLink:active {color: #333333;    text-decoration: none;    cursor: pointer;}



.ZymonicDateTime {display: inline-block; width: 71em;}
.ZymonicDateTime .ifEmpty {position:relative; top:20px; left:-1px;}
.ZymonicDateTime .ifEmpty:hover label {display: inline; left: -20px; position: absolute; top: -10px;}



.TransitionResultActions h3 {
	padding: 0 1em;
}
.TransitionResultActionsTab {
	font-weight: bold;
}
.TransitionResultActions .TransitionResultActionsContainer {
	padding: 1em;
}
.TransitionResultActionFailureTab a {
    background-color: #FFABAB;
 }
 
 
 .ConditionResults {
    padding: 0.5em;
    margin: 0.5em;
    border-color: red;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    color: #333333;
	min-height:15px;
}


.ActionResult {
	display: inline-block;
	width: 30em;
	padding: 0;
 	margin: 0 1em 1em 0;
 	vertical-align: top;
}

.ActionResult .ConditionResults {
	width: 28em;
	margin: 0;
}

.ActionDisplayName {
	padding: 0;
	margin: 0 0 1% 3%;
	float: left;
	max-width: 67%;
	
	/* display as list so we can add bullet points */
	display: list-item;
	list-style-type: disc;
}

.ActionInformationLink {
	padding: 0;
	float: left;
	margin: 0 0 0 3%;
	max-width: 27%;
}

.ActionMessage, .ActionInformation, .ActionError {
	margin: 0 0 0 3%;
	padding: 0;
	clear: left;
}

.