/* .rewfw global styles */
#content .rewfw * { zoom: 1; }
#content .rewfw { margin: 0 0 20px 0; padding: 0; }
#content .rewfw .form-wrap { position: relative; margin: 0 -5px; } /* correct outter padding */
#content .rewfw fieldset { margin: 0; padding: 5px 0 13px 0; border: none; border-bottom: 1px solid #ddd; }
#content .rewfw fieldset ul { margin: 0; padding: 0; list-style: none; clear: left; }
#content .rewfw fieldset ul li { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 100%; float: left; }

	/* .rewform-submit IE8 fix to submit form on enter (hide, but cannot use display:none) */
	.rewform-submit {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

	/* We replace <legend> widh <h4 class="legend"> */
	.rewfw fieldset legend { margin: 0; padding: 5px; font-weight: bold; }
	.rewfw fieldset .legend { margin: 0 0 5px 0; padding: 5px; font-size: 14px; font-weight: bold; }

	/* Consistant Form fields Style. */
	.rewfw select,
	.rewfw input,
	.rewfw textarea { border: 1px solid #ccc; border-top-color: #555; padding: 2px; font: 12px/20px arial; width: auto; }

	.rewfw select { padding-bottom: 1px; }
	.rewfw .toggleset input { display: inline; width: auto !important; margin: 0; padding: 0; position: relative; top: -2px; vertical-align: middle; border: none; } /* remove border from checkboxes/radios added to inputs above */
	.rewfw .toggleset img { vertical-align: middle; position: relative; top: -1px; }

	/* These help make selects, textfields and textareas a consistant width */
	.field .input-wrap { display: block; padding-right: 10px !important; }
	.field .select-wrap { display: block; padding-right: 3px !important; }
	.field .textarea-wrap { display: block; padding-right: 9px !important; }

	/* labels */
	.rewfw label { position: relative; font-weight: bold; display: block; margin: 0; padding: 5px 5px 0 5px; }
	.rewfw .field label { display: block; padding: 2px 0; }
	.rewfw fieldset .field label.hint { margin: 2px 0 0 0; padding: 0; color: #555; font-size: 11px; font-weight: normal; }
	.rewfw fieldset .hint.highlight { border: 1px solid #f3e5b2; line-height: 16px; color: #6d5844; background: #f8f3b8; margin: 20px 0 0 0; padding: 10px 20px;}


	/* .field, our generic form element holder */
	.rewfw .field { margin: 0; padding: 0; width: auto; float: left; overflow: hidden; } /* no padding/margin on here */
	.rewfw .field .field-iwrap { display: block; padding: 5px; } /* jquery added: put padding/margin on here */

	/* gridded fields */
	.rewfw .rpd-gridcolx1 { width: 12.5%; float: left; }
	.rewfw .rpd-gridcolx2 { width: 25%; float: left; }
	.rewfw .rpd-gridcolx3 { width: 37.5%; float: left; }
	.rewfw .rpd-gridcolx4 { width: 50%; float: left; }
	.rewfw .rpd-gridcolx5 { width: 62.5%; float: left; }
	.rewfw .rpd-gridcolx6 { width: 75%; float: left; }
	.rewfw .rpd-gridcolx7 { width: 87.5%; float: left; }
	.rewfw .rpd-gridcolx8 { width: 100%; float: left; }

	.rewfw .rpd-gridcolx1 input, .rewfw .rpd-gridcolx1 textarea, .rewfw .rpd-gridcolx1 select,
	.rewfw .rpd-gridcolx2 input, .rewfw .rpd-gridcolx2 textarea, .rewfw .rpd-gridcolx2 select,
	.rewfw .rpd-gridcolx3 input, .rewfw .rpd-gridcolx3 textarea, .rewfw .rpd-gridcolx3 select,
	.rewfw .rpd-gridcolx4 input, .rewfw .rpd-gridcolx4 textarea, .rewfw .rpd-gridcolx4 select,
	.rewfw .rpd-gridcolx5 input, .rewfw .rpd-gridcolx6 textarea, .rewfw .rpd-gridcolx5 select,
	.rewfw .rpd-gridcolx6 input, .rewfw .rpd-gridcolx7 textarea, .rewfw .rpd-gridcolx6 select,
	.rewfw .rpd-gridcolx7 input, .rewfw .rpd-gridcolx8 textarea, .rewfw .rpd-gridcolx7 select,
	.rewfw .rpd-gridcolx8 input, .rewfw .rpd-gridcolx9 textarea, .rewfw .rpd-gridcolx8 select
	{
		width: 100%;
	}

	/* .token. bits of text around textfields */
	.rewfw .token { float: left; }
	.rewfw .token .token-iwrap { float: left; display: block; padding: 8px 0; }
	.rewfw .token.first .token-iwrap { padding-left: 5px;}

	/* togglesets (radio / checkbox sets) */
	.rewfw .toggleset { display: block; padding: 5px 0 0 0;}
	.rewfw .toggleset label { font-weight: normal;}

	.rewfw .toggleset.inline { }
	.rewfw .toggleset.inline label { display: inline; margin-right: 5px; }

	.rewfw .toggleset.gridded { overflow: hidden; padding: 0 5px; }
	.rewfw .toggleset.gridded label { margin: 0; padding: 2px 0; width: 25%; float: left; overflow: hidden; white-space: nowrap; }

	.ui-dialog .toggleset { background: #fff; overflow: auto; }
	.ui-dialog .toggleset label { margin: 0; padding: 0; background: #fff; width: 25%; float: left; text-align: left; }

	/* buttonsets */
	.rewfw .buttonset { margin: 0; padding: 10px 5px; }
	.rewfw .buttonset input,
	.rewfw .buttonset button { border: 1px solid #ccc; border-bottom-color: #555; width: auto; }

	/* misc */
	.rewfw .actionset { width: 200px; padding: 5px 0; text-align: right; }
	.rewfw .actionset a { margin: 0 5px; color: blue; text-decoration: none; }
	.rewfw label .actionset { position: absolute; right: 0; top: 0; padding: 3px 0; text-align: right; font-weight: normal; }
	.actionset input { zoom: 1;}

	/* FORM WIDGETS */

	/* .widget-addlist */
	div.rewfw-widget-addlist ul li.item { position: relative; background: #eee; border: 1px solid #DFDFDF; overflow: hidden; margin: 0 0 5px 0; }
	div.rewfw-widget-addlist ul li.item .actionset { position: absolute; right: 5px; top: 4px;}
	div.rewfw-widget-addlist ul li.item .actionset a { position: relative; height: 11px; width: 12px; float: right; z-index: 100; }

	.rewfw-wdialogpicker-selected { overflow: auto; position: relative; margin: 3px -3px;}
		.rewfw-wdialogpicker-selected .val { font-size: 11px; float: left; font-weight: bold; padding: 3px 6px; margin: 3px; background: #eee; border: 1px solid #ccc; }
			.rewfw-wdialogpicker-selected .val a { color: #999; margin: 0 0 0 5px; text-decoration: none; }
			.rewfw-wdialogpicker-selected .val a:hover { color: #666; }

	.rewfw-wradiopicker-selected { overflow: auto; position: relative; margin: 3px -3px;}
		.rewfw-wradiopicker-selected .val { font-size: 11px; float: left; font-weight: bold; padding: 3px 6px; margin: 3px; background: #eee; border: 1px solid #ccc; }
			.rewfw-wradiopicker-selected .val a { color: #999; margin: 0 0 0 5px; text-decoration: none; }
			.rewfw-wradiopicker-selected .val a:hover { color: #666; }

	div.time-picker {
	  position: absolute;
	  height: 200px;
	  width:4em; /* needed for IE */
	  overflow: auto;
	  background: #fff;
	  border: 1px solid #666;
	  z-index: 99;
	}
	div.time-picker-12hours {
	  width:6em !important; /* needed for IE */
	}

	div.time-picker ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	}
	div.time-picker li {
	  padding: 1px;
	  cursor: pointer;
	}
	div.time-picker li.selected {
	  background: #316AC5;
	  color: #fff;
	}

	/* tiny MCE fixes */
	.rewfw .mceEditorContainer select {
		width: auto;
	}

.rewfw .key { position: absolute; right: 10px; bottom: -10px; }

.rewfw em { color: #BF0B12; font-style: normal; }

.rewfw fieldset h3 { padding-left: 5px }