form {
    width: auto; overflow: hidden;
    margin: 0; padding: 0;
    font: normal 12px 'lucida grande', tahoma, sans-serif;
}

input:focus {
	outline:none;
	background-color: #F3F0EB;
}

select {
	border-style: inset;
}

/* .rewfw global styles */
#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: 0 0 5px 0; border: none; }
#content .rewfw fieldset ul { margin: 0; padding: 0; list-style: none; clear: left; }
#content .rewfw fieldset li { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 100%; float: left; }

	.rewfw .form-wrap h3
	{
		padding: 0 5px;
	}

	/* .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 { font-family: arial; margin: 0 0 7px 0; padding: 5px; font-size: 13px; font-weight: bold; color: #4F6C8A; }

    /* 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: 0; }
    .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 */

	/* 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; }

    /* field highlight, added by mike */
    .field.highlight { background: #FFFBD6; border: 1px solid #EFE9A4; }

    /* 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 .field label.hint.error { color: #FF0000; }

    /* .field, our generic form element holder */
    .rewfw .field { width: auto; float: left; } /* 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; } *+html .rewfw .rpd-gridcolx4 { width: 49.4%; 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; } *+html .rewfw .rpd-gridcolx8 { width: 99.6%; 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 ul { margin: 0; padding: 0; }
    .rewfw .toggleset label { font-weight: normal; padding: 0 0 2px 5px;}
    *:first-child+html #foo { padding: 0 0 0 5px; /* ie7 */ }

    .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: #F3F0EB; overflow: auto; }
    .ui-dialog .toggleset label { margin: 0; padding: 0; background: #F3F0EB; width: 25%; float: left; text-align: left; }

    /* buttonsets */
    .rewfw .buttonset { margin: 0; padding: 10px 5px; overflow: hidden; clear: left; }
    .rewfw .buttonset input,
    .rewfw .buttonset button { border: 1px solid #ccc; border-bottom-color: #555; width: auto; }
    .rewfw .buttonset p { padding: 4px 12px; float: left; overflow: 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 li.item { position: relative; background: #eee; border: 1px solid #DFDFDF; overflow: hidden; margin: 0 0 5px 0; }
    div.rewfw-widget-addlist li.item .actionset { position: absolute; right: 5px; top: 4px;}
    div.rewfw-widget-addlist 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: #F3F0EB;
      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: #F3F0EB;
    }

    /* tiny MCE fixes */
    .rewfw .mceEditorContainer select {
        width: auto;
    }

.rewfw .key { position: absolute; right: 10px; bottom: -10px; }

.rewfw em { color: #BF0B12; font-style: normal; }


#content-secondary form.rewfw fieldset {
    margin: 0; padding: 0; border: none;
}

#content #content-secondary .rewfw fieldset ul {
    margin: 0 !important; padding: 0;
    border: none;
    -moz-border-radius: 5px;
    overflow: auto;
    background: transparent;
}

.button {
    color: #313F4F; font-size: 14px; margin: 0 5px 5px 0; border: 1px solid #9BB4CF; float: left; cursor: pointer; background: #C0CEDE; overflow: hidden;
    -moz-box-shadow: 0 1px 1px #ddd;
    -webkit-box-shadow: 0 1px 1px #ddd;
    filter:
    progid:DXImageTransform.Microsoft.DropShadow(color=#ddd, offx=1, offy=0)
}

.button button, div.button a { position: absolute; left: -3000px; height: 0;  }
.button .label { display: block; padding: 3px 14px 4px 14px; border-top: 1px solid #DFEEFF; }
.button:hover { background: #D1DFEF; }
.button:hover .label { border-color: #F3F0EB; }

div.ac_results {
    z-index: 99999 !important;
}
	div.ac_results ul {
		margin:0;
		padding:0;
		list-style-type:none;
		border: solid 1px #ccc;
		background: #F3F0EB;
		z-index: 500000 !important;
	}
	    div.ac_results li {
			font-family: Arial, Verdana, Sans-Serif;
			font-size: 12px;
			margin: 1px;
			padding: 3px;
            cursor: pointer;
	    }
		    div.ac_results li.ac_over {
                background-color: #eee;
		    }



/* #REWFW: Buttons
=====================================================================================================
=====================================================================================================*/


.buttonset a
{
	line-height: 26px; vertical-align: middle;
	margin: 0 5px;
}

button.rewbtn::-moz-focus-inner { 
	border: 0;
	padding: 0;
}

.rewbtn 
{
	border: 0 !important;
	margin: 0 !important; padding: 0 10px 5px 0 !important;
	height: 26px;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	outline: none;
	background: transparent;
	position: relative;
	overflow: visible;
	float: left;
}

	form button.rewbtn i {
		line-height: 11px;
	}

	.rewbtn b
	{
		margin: 0; padding: 0 15px 0 0;
		display: block;
		height: 26px;
		background: transparent url(/inc/skins/lec5/img/sd-buttons.png) no-repeat right -160px;
		text-align: center;
		position: relative; left: 5px;
	}

		.rewbtn b i
		{
			font-style: normal;
			display: block;
			background: transparent url(/inc/skins/lec5/img/sd-buttons.png) no-repeat left -160px;
			margin: 0 0 0 -5px; padding: 7px 0 0 15px;
			font-size: 12px; line-height: 12px;
			height: 19px;
			white-space: nowrap;
			color: #fff;
			border: 0;
		}

			.rewbtn img
			{
				vertical-align: middle;
				position: relative;
				top: -1px;
				margin: 0;
			}

		.rewbtn:hover b, .rewbtn:focus b { background-position: right -200px; }
		.rewbtn:hover b i, .rewbtn:focus b i { background-position: left -200px; }
		
		.rewbtn.active b { background-position: right -240px; }
		.rewbtn.active b i { background-position: left -240px; }

		.rewbtn[disabled], .rewbtn.disabled { cursor: default; }
		.rewbtn[disabled] b, .rewbtn.disabled b { background-position: right -280px !important; }
		.rewbtn[disabled] b i, .rewbtn.disabled b i { background-position: left -280px !important; }

		.rewbtn.primary b { background-position: right 0;}
		.rewbtn.primary b i { background-position: left 0;}

		.rewbtn.primary:hover b { background-position: right -40px;}
		.rewbtn.primary:hover b i { background-position: left -40px;}

		.rewbtn.primary.active b { background-position: right -80px !important; }
		.rewbtn.primary.active b i { background-position: left -80px !important; }


.rewbtn.strong { height: 33px; }
	.rewbtn.strong b { height: 33px; background-position: right -480px;}
		.rewbtn.strong b i { font-size: 14px; padding-top: 10px; height: 24px; background-position: left -480px;}
	.rewbtn.strong:hover b { height: 33px; background-position: right -520px;}
		.rewbtn.strong:hover b i { background-position: left -520px;}
	.rewbtn.strong.active b { background-position: right -560px !important; }
		.rewbtn.strong.active b i { background-position: left -560px !important; }


	.rewbtn.strong.primary b { background-position: right -320px;}
		.rewbtn.strong.primary b i { font-size: 14px; padding-top: 10px; height: 24px; background-position: left -320px;}
	.rewbtn.strong.primary:hover b { background-position: right -360px;}
		.rewbtn.strong.primary:hover b i { background-position: left -360px;}
	.rewbtn.strong.primary.active b { background-position: right -400px !important; }
		.rewbtn.strong.primary.active b i { background-position: left -400px !important; }
