/*
	Author: Michael Simonson
	Date: May 15th, 2010
	Copyright 2010 FinalStep
*/

/**** These are used to target CSS to specific browsers *****
.gecko 		-- is firefox/mozilla browsers
.gecko1_9  	-- is firefox/mozilla browser specific version
.webkit	 	-- is Safari
.safari3 	-- is Safari
.opera	 	-- is Opera
.ie			-- is Internet Explorer
.MacIntel 	-- is Mac Platform
.Win32		-- is Windows Platform

*** END These are used to target CSS to specific browsers ***/


.fs * {
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
}


.fs {
	font-family:"Trebuchet MS" , Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	height:100%;		/* else IE has trouble with 100% height on elements within the page */
	width: 100%;		/* else IE has trouble with 100% width  on elements within the page */
}


.fs div,
.fs span,
.fs applet,
.fs object,
.fs iframe,
.fs h1,
.fs h2,
.fs h3,
.fs h4,
.fs h5,
.fs h6,
.fs p,
.fs blockquote,
.fs pre,
.fs a,
.fs abbr,
.fs acronym,
.fs address,
.fs big,
.fs cite,
.fs code,
.fs del,
.fs dfn,
.fs em,
.fs font,
.fs img,
.fs ins,
.fs kbd,
.fs q,
.fs s,
.fs samp,
.fs small,
.fs strike,
.fs strong,
.fs sub,
.fs sup,
.fs tt,
.fs var,
.fs dl,
.fs dt,
.fs dd,
.fs ol,
.fs ul,
.fs li,
.fs fieldset,
.fs form,
.fs label,
.fs legend,
.fs table,
.fs caption,
.fs tbody,
.fs tfoot,
.fs thead,
.fs tr,
.fs th,
.fs td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 100%;
	font-style: inherit;
	font-size:inherit;
	font-family: inherit;
	vertical-align: top;
}

.fs table,
.fs input,
.fs select,
.fs textarea,
.fs password {
	font-size: 100%;
}

/* remember to define focus styles! */
.fs :focus {
	outline: none;
}


.fs ol,
.fs ul {
	list-style-type: none;
	list-style-position: inside;
}

/* tables still need 'cellspacing="0"' in the markup */
.fs table {
	border-collapse: collapse;
	border-spacing: 0;
}

.fs caption,
.fs th,
.fs td {
	text-align: left;
	font-weight: normal;
}

.fs blockquote:before,
.fs blockquote:after,
.fs q:before,
.fs q:after {
	content: "";
}

.fs blockquote,
.fs q {
	quotes: "" "";
}

.fs br {
	clear: both;
}	
.fs .s-disabled, 
.fs .s-disabled * {
    cursor: default !important;
}

.fs input.s-invisibleFocus {
    /* Minimize the input size. Setting the display to none would not allow focus */
    width: 0 !important;
    height: 0 !important;
    /* IE 5.5 might need to have the font-size and line-height minimized in order to prevent the element from being bigger than specified */
    font-size: 1px !important;
    line-height: 1px !important;
    /* safety measure to hide a possible border */
    border: 0px solid #fff !important;
    /* safety measure to minimize the size of the input */
    padding: 0 !important;
    /* disable any browser based outline  */
    -moz-outline: none !important;
    outline: none !important;
    /* by default it has a text cursor*/
    cursor: default;
    overflow: hidden;
    background: transparent !important;
    color: transparent !important;
}

.opera .fs input.s-invisibleFocus, 
.ie .fs input.s-invisibleFocus {
    /* hide in Opera and IE6*/
    opacity: 0;
}

.webkit .fs input.s-invisibleFocus {
    /* can't be smaller than 1px because then safari won't focus it anymore */
    width: 1px !important;
    height: 1px !important;
    /* as the input will be 1px by 1px, a white background might be visible, it should be transparent */
    background-color: transparent !important;
}

.fs a.s-invisibleFocus {
    /* Anchors usually have an underline to indicate that it's an anchor. This should be disabled as the content is a space. */
    text-decoration: none !important;
    /* disable any browser based outline  */
    -moz-outline: none !important;
    outline: none !important;
    /* can't be smaller than 3px because then safari won't focus it anymore */
    font-size: 3px !important;
    line-height: 3px !important;
    /* extra safety measures */
    border-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*
	Author: Michael Simonson
	Date: May 15th, 2010
	Copyright 2010 FinalStep
*/

/**** These are used to target CSS to specific browsers *****
.gecko 		-- is firefox/mozilla browsers
.gecko1_9  	-- is firefox/mozilla browser specific version
.webkit	 	-- is Safari
.safari3 	-- is Safari
.opera	 	-- is Opera
.ie			-- is Internet Explorer
.MacIntel 	-- is Mac Platform
.Win32		-- is Windows Platform

*** END These are used to target CSS to specific browsers ***/

.fs .s-input-field {
	background-color:transparent;
	border: 0px solid;
	display:block;
	height:100%;
	width: 100%;
	position:relative;
}

.ie8 .fs .s-input-field,
.gecko1_9_0 .fs .s-input-field,
.gecko1_9_1 .fs .s-input-field {
	padding-top: 3px;	
}


.ie6 .fs .s-input-field,
.ie7 .fs .s-input-field {
	padding-top:2px;
	padding-bottom:0;
}
.fs .s-dropDown {
    /*  setting position to avoid "unexplainable" scrollbars (when using display and
     visibility and to still allow measuring the width of the dropdown */
    top: -10000px;
    left: -10000px;
    position: absolute;
    z-index: 999;
}.fs .s-alert {
    position: absolute;
    z-index: 2;
}

.ie .fs .s-alert {
    background-color: transparent; /* else defaults to #fff */
}

/*
 Author: Michael Simonson
 Date: May 30th, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** button Structure **/
.fs .s-button {
	height: 23px;
}
.fs .s-button .s-button-inner,
.fs .s-button .s-button-left,
.fs .s-button .s-button-right,
.fs .s-button .s-button-middle,
.fs .s-button .s-button-icon,
.fs .s-button .s-label {
	height: 100%;
}
.fs .s-button .s-button-right {
	padding: 0 5px;
}
.fs .s-button,
.fs .s-button .s-button-inner,
.fs .s-button .s-button-left,
.fs .s-button .s-button-right,
.fs .s-button .s-button-middle,
.fs .s-button .s-button-icon,
.fs .s-button .s-label {
    display: inline-block;
    position: relative;
}
.fs .s-button .s-label {
	padding: 0 10px;
	line-height: 22px!important; /** need to make the line-height take effect. **/
	white-space: nowrap;
}
/*
 Author: Michael Simonson
 Date: May 22th, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** Calendar Structure **/


/* Calendar Input */

.fs .s-calendar {
	height:22px;
	width: 120px;
	white-space: nowrap;
	margin-right: 15px;
	vertical-align: middle;
}


.ie7 .fs .s-calendar {
	margin-right: 25px;
}

.fs .s-calendar,
.fs .s-calendar-left,
.fs .s-calendar-middle,
.fs .s-calendar-right,
.fs .s-calendar-icon  {
	display:inline-block;
}

.fs .s-calendar-left,
.fs .s-calendar-middle,
.fs .s-calendar-right {
	height:100%;
	width:100%;
}

.fs .s-calendar-left {
	padding-left: 4px;
}

.fs .s-calendar-right {
	padding-right: 5px;
}
.fs .s-calendar-middle {
	padding-right:3px;
}

.ie7 .fs .s-calendar-middle {
	padding-right: 0;
}

.ie7 .fs .s-calendar-icon {
	margin-left: 8px;
}

.ie8 .fs .s-calendar-icon {
	margin-left:0;	
}

.fs .s-calendar-icon {
	position:relative;
	margin-left:2px;
	top:2px;
	height:16px;
	width:16px;
}


/* Calendar Dropdown */


.ie8 .fs .s-calendar-body,
.webkit .fs .s-calendar-body {
	 margin-top: 2px;	
}

.fs .s-calendar-wrapper {
	position: relative;
	
}
.fs .s-calendar-wrapper-inner {
    padding: 10px;
}

/* do not perturb the s-calendar-body position because it is used in testing */
.fs .s-calendar-body .s-dropshadow-medium {
    margin: 4px 4px 0;
}

.ie .fs .s-calendar-body .s-dropshadow-medium {
    margin: 0;
}

.fs .s-calendar-grid {
    margin-top: 2px;
}

.fs .s-calendar-grid tbody {
    cursor: default;
}

.fs .s-calendar-grid th,
.fs .s-calendar-grid td {
    width: 24px;
    height: 20px;
	padding: 0;
    vertical-align: middle;
    text-align: center;
}


.fs .s-calendar-controls {
    position: relative;
    text-align: center;
	height: 21px;
}

.fs .s-calendar-controls .s-calendar-button {
    position: absolute;
}

.fs .s-calendar-controls .previous-month,
.fs .s-calendar-controls .next-month {
    top: 0;
}

.fs .s-calendar-controls .previous-month {
    left: 0;
}

.ie6 .fs .s-calendar-controls .next-month {
    right: -1px;
}

.fs .s-calendar-controls .next-month {
    right: 0;
}

.fs .s-calendar-controls .s-calendar-button em {
    display: block;
	width: 19px;
    height: 21px;
}


.fs .s-calendar-controls .s-calendar-month,
.fs .s-calendar-controls .s-calendar-year {
    display: inline-block;
   	line-height: 20px;
}/*
 Author: Michael Simonson
 Date: May 30th, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** Checkbox Structure **/

.fs .s-checkBox {
    white-space: nowrap;
    margin-right: 10px;
	display: inline-block;
}
.fs .s-checkBox .s-check {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px 5px 0px 0px;
	vertical-align:text-bottom;
	font-size: 1%;
}
.ie .fs .s-checkBox .s-check {
	vertical-align: middle;
}
.ie8  .fs .s-checkBox .s-check {
	margin: 0;	
}
/*
 Author: Michael Simonson
 Date: May 23, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** comboBox structure **/

.fs .s-comboBox {
	height:22px;
	width: 120px;
	vertical-align: top;
}
.fs .s-comboBox-list {
	height: auto;
}

.fs .s-comboBox,
.fs .s-comboBox-left,
.fs .s-comboBox-middle,
.fs .s-comboBox-right {
	display:inline-block;
	position: relative;
}

.fs .s-comboBox-left,
.fs .s-comboBox-middle,
.fs .s-comboBox-right {
	height:100%;
	width:100%;
}

.fs .s-comboBox-left {
	padding-left: 4px;
}

.fs .s-comboBox-right {
	padding-right: 5px;
}
.fs .s-comboBox-middle {
	padding-right:3px;
}

.ie7 .fs .s-comboBox-middle {
	padding-right: 0;
}

.fs .s-comboBox-button-wrapper {
	display:inline-block;
	position:absolute;
	right:-4px;
	top: 0;
	height:21px;
	width:19px;
	z-index:2;
}

.ie6 .fs .s-comboBox-button-wrapper {
	right: -5px;
}

.fs .s-comboBox-button {
	display: block;
	height: 100%;
}

/* comboBox List */

.fs .s-comboBox-list { /* position and size set dynamically */
    display: inline-block;
	position: absolute;
    z-index: 40;
    overflow: visible;
    width: 200px;
    padding: 0px;
    margin-left: 0px;
    /* list height is controlled by the dropDown, specifically dropDownHeight attribute */
}

.ie .fs .s-comboBox-list {
    margin: 0;
}

.fs .s-comboBox-list .s-dropshadow-medium {
    margin: 4px 4px 0 ;
}

.ie .fs .s-comboBox-list .s-dropshadow-medium {
    margin: 0;
}

.ie7 .fs .s-comboBox-list-wrapper {
	margin-bottom: -2px;
}

.fs .s-comboBox-list-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: relative;
	display: block;
}

.fs .s-comboBox-inner { /* position and size set dynamically */
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

.fs .s-comboBox-option {
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.ie .fs .s-comboBox-option {
    list-style-position: outside;
}

.fs .s-comboBox-list .s-comboBox-option label {
    display: block;
	padding: 4px;
}
.fs .s-commandSwitch-on .on, .s-commandSwitch-off .off {
    display: inline-block;
}

.fs .s-commandSwitch-off .on, .s-commandSwitch-on .off {
    display: none;
}

.fs .s-command {
    border: 0px solid #fff; /* ensure no blue border in IE */
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.fs .s-command-content {
    display: inline-block;
    text-decoration: none;
}/*
 Author: Michael Simonson
 Date: May 23, 2010AD2
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** dropGrid structure **/


/** drop grid input **/

.fs .s-dropGrid {
	height:22px;
	width: 120px;
	vertical-align: top;
}

.fs .s-dropGrid,
.fs .s-dropGrid-left,
.fs .s-dropGrid-middle,
.fs .s-dropGrid-right {
	display:inline-block;
	position: relative;
}

.fs .s-dropGrid-left,
.fs .s-dropGrid-middle,
.fs .s-dropGrid-right {
	height:100%;
	width:100%;
}

.fs .s-dropGrid-left {
	padding-left: 4px;
}

.fs .s-dropGrid-right {
	padding-right: 5px;
}
.fs .s-dropGrid-middle {
	padding-right:3px;
}

.ie7 .fs .s-dropGrid-middle {
	padding-right: 0;
}


.fs .s-dropGrid-button-wrapper {
	display:inline-block;
	position:absolute;
	right:-4px;
	top: 0;
	height:21px;
	width:19px;
	z-index:2;
}

.ie6 .fs .s-dropGrid-button-wrapper {
	right: -5px;
}

.fs .s-dropGrid-button {
	display: block;
	height: 100%;
}



/** dropGrid panel **/

.fs .s-dropGrid-list { /* position and size set dynamically */
    display: inline-block;
	position: absolute;
    z-index: 40;
    overflow: visible;
    width: 200px;
    padding: 0px;
    margin-left: 0px;
    /* list height is controlled by the dropDown, specifically dropDownHeight attribute */
}

.gecko1_9_0 .fs .s-dropGrid-list {
	margin-left: 4px;
}

.ie .fs .s-dropGrid-list {
    margin: 0;
}

.fs .s-dropGrid-list .s-dropshadow-medium {
    margin: 4px 4px 0 ;
}
.gecko1_9_0 .fs .s-dropGrid-list .s-dropshadow-medium {
    margin: 4px 0 0 ;
}

.ie .fs .s-dropGrid-list .s-dropshadow-medium {
    margin: 0;
	width: auto;
	display: inline-block;
}

.ie7 .fs .s-dropGrid-list-wrapper {
	margin-bottom: -2px;
}

.fs .s-dropGrid-list-wrapper {
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
	display: inline-block;
    width: auto;
}

.fs .s-dropGrid-inner {
    overflow: hidden;
    position: inherit;
    width: inherit;
    margin: 0;
    padding: 0;
}

.fs .s-dropGrid-grid-body {
    border-collapse: collapse;
	width: inherit;
    cursor: pointer;
}

.fs .s-dropGrid-row .s-dropGrid-data-cell {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}

.ie .fs .s-dropGrid-row .s-dropGrid-data-cell {
    display: inline;
}

.fs tr.s-dropGrid-row-disabled {
    cursor: not-allowed;
}

.fs .s-dropGrid-data-cell .s-dropGrid-field {
    padding: 4px;
	white-space: nowrap;
}
/*
 Author: Michael Simonson
 Date: May 31st, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** radioButton structure **/


.fs .s-dropPanel {
    display: inline-block;
    position: relative;
	margin: 5px 0 5px 4px;
}

.ie .fs .s-dropPanel {
	margin: 0;
}


.ie6 .fs .s-dropPanel {
    width: 1%;
}

.fs .s-dropPanel .s-dropPanel-contents-inner {
    padding: 5px 10px 10px 10px;
    position: inherit;
}


.fs .s-dropPanel .s-dropPanel-contents {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.fs .s-grid {
    width: 600px;
    overflow: hidden;
    position: relative;
}
.fs .s-grid-header {
    width: 579px;
}
.fs .s-grid-body {
    width: 598px;
    height: 300px;
    position: relative;
    overflow: auto;
}
.fs .s-grid-contents {
    width: 579px;
}
.fs .s-grid-row {
    width: 579px;
}
.fs .s-grid-row .s-grid-data-cell {
    display: inline-block;
    overflow: hidden;
}
.ie .fs .s-grid-row .s-grid-data-cell {
    display: inline;
}
.fs .s-grid-field {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
.ie .fs .s-grid-field {
    display: inline;
}
.fs .s-grid-row-disabled {
    cursor: not-allowed;
}
.fs .s-grid-head-cell {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.ie .fs .s-grid-head-cell {
    display: inline;
}
.fs .s-grid-head-cell a {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.fs .s-grid-head-cell span {
}
.fs .s-grid-sort {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    right: 2px;
}
.ie .fs .s-grid-sort {
    display: inline;
}
.fs .sort-ascending {
}
.fs .sort-descending {
}
.fs .s-grid-mask {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40); /* for IE */
	-moz-opacity:0.4; /* for older Firefox */
	-khtml-opacity:0.4; /* for older webkits */
	opacity:0.4;
	background-color: #fff;
	z-index: 2;
}.fs .s-megaGrid-row {
    position: absolute;
}

/* grid bottom is an invisible element placed at the bottom of the list to set the scrollable height */
.fs .s-megaGrid-bottom {
    position: absolute;
    width: 100%;
    height: 1px;
}/*
 Author: Michael Simonson
 Date: May 15th, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** Input Structure **/


.fs .s-input {
	height:22px;
	width: 120px;
	vertical-align: top;
}

.fs .s-input,
.fs .s-input-left,
.fs .s-input-middle,
.fs .s-input-right {
	display:inline-block;
}

.fs .s-input-left,
.fs .s-input-middle,
.fs .s-input-right {
	height:100%;
	width:100%;
}

.fs .s-input-left {
	padding-left: 4px;
}

.fs .s-input-right {
	padding-right: 5px;
}
.fs .s-input-middle {
	padding-right:3px;
}

.ie7 .fs .s-input-middle {
	padding-right: 0;
}


.fs .s-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.fs .s-loading-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 96;
}

.fs .s-loadingBox {
    position: absolute;
    z-index: 97;
    top: 40%;
    left: 40%;
    table-layout: auto;
    border: 0px solid #fff;
    border-collapse: collapse;
}

.fs .s-loadingbar-animation {
    margin: auto;
}

.fs .s-loading-label {
}/*
 Author: Michael Simonson
 Date: June 9, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** Messages Structure **/


.fs .s-message {
    position: relative;
    padding: 20px 10%;
}

.fs .s-message-wrapper {
    display: inline-block;
    width: 100%;
}

.fs .s-message-inner {
    padding: 12px 10px 12px 40px;
}.fs .s-pagerBar {
    width: 100%;
}
.fs .s-pagerBar-contents {
	position: relative;
	width: 100%;
}
.fs .s-pager-button {
	display: inline-block;
    cursor: pointer;
}
.fs .s-pager-button, 
.fs .s-pager-button span,
.fs .s-pager-page-count, 
.fs .s-pager-page-count .s-label, 
.fs .s-pager-record-count, 
.fs .s-pager-record-count .s-label, 
.fs .s-pager-page, 
.fs .s-pager-total {
    display: inline-block;
}

.ie .fs .s-pager-button, 
.ie .fs .s-pager-page-count, 
.ie .fs .s-pager-record-count, 
.ie .fs .s-pager-button span, 
.ie .fs .s-pager-page-count .s-label,  
.ie .fs .s-pager-record-count .s-label,  
.ie .fs .s-pager-page, 
.ie .fs .s-pager-total {
    display: inline;
}/*
 Author: Michael Simonson
 Date: May 30th, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** radioButton structure **/



/* structural CSS - see skin CSS for visual style */

.fs .s-radioGroup ul, 
.fs .s-radioGroup li.s-radioButton,
.fs .s-radio-button {
	display: inline-block;
	position: relative;
}

.gecko .fs .s-radioGroup {
	display: -moz-inline-box;
	position: relative;
}

.ie6 .fs .s-radioGroup ul {
	display: inline;
}


.fs .s-radioGroup li.s-radioButton {
	padding-right: 10px;	
}

/** we need the float because IE6 & IE7 does not allow display inline-block on a list **/
.ie6 .fs .s-radioGroup li.s-radioButton,
.ie7 .fs .s-radioGroup li.s-radioButton {
	float: left;
}

.fs .s-radio-label {
    white-space: nowrap !important;
}

.fs .s-radio-button {
    font-size: 1%;
    width: 14px;
    height: 14px;
    margin: 0px 3px 0px 4px;
}

 .fs .s-radio-button {
	vertical-align: middle;	
}

.webkit531_22 .fs .s-radio-button,
.webkit533_4 .fs .s-radio-button {
	vertical-align: top;
}

.ie6 .fs .s-radio-button,
.ie7 .fs .s-radio-button {
	margin-right: 0;
}

/*
 Author: Michael Simonson
 Date: May 31st, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** slider structure **/

.fs .s-slider {
    display: inline-block;
    position: relative;
	height: 21px;
}

.fs .s-slider-left,
.fs .s-slider-bar-left,
.fs .s-slider-right,
.fs .s-slider-bar-right,
.fs .s-slider-grippy {
    position: absolute;
}

.fs .s-slider-left,
.fs .s-slider-bar-left,
.fs .s-slider-background,
.fs .s-slider-bar {
	height: 12px;
	font-size: 1px;
	line-height: 1px;
}

.fs .s-slider-left,
.fs .s-slider-bar-left {
	padding-left: 2px;
}

.fs .s-slider-left {
	top: 4px;
    width: 100%;
}

.fs .s-slider-bar-left {
    top: 5px;
    z-index: 1;
}

.fs .s-slider-right {
    left: 100%;
    height: 100%;
	padding-right: 3px;
}

.fs .s-slider-background {
	overflow: hidden;
}

.fs .s-slider-bar {
	position: relative;
	top: 0px; /* =(23-7)/2 */
    width: 1px;
    
}

.fs .s-slider-grippy {
	top: -1px; /* =(23-15)/2 */
    left: 0;
    z-index: 2;
    height: 21px; /* should be odd */
    width: 11px; /* =gutter*2 */
}/*
 Author: Michael Simonson
 Date: May 15th, 2010
 Copyright 2010 FinalStep
 */
/**** These are used to target CSS to specific browsers *****
 .gecko 		-- is firefox/mozilla browsers
 .gecko1_9  	-- is firefox/mozilla browser specific version
 .webkit	 	-- is Safari
 .safari3 	-- is Safari
 .opera	 	-- is Opera
 .ie			-- is Internet Explorer
 .MacIntel 	-- is Mac Platform
 .Win32		-- is Windows Platform
 
 *** END These are used to target CSS to specific browsers ***/

/** spinner structure **/

.fs .s-spinner {
	height:22px;
	width: 120px;
}

.fs .s-spinner,
.fs .s-spinner-left,
.fs .s-spinner-middle,
.fs .s-spinner-right {
	display:inline-block;
}

.fs .s-spinner-left,
.fs .s-spinner-middle,
.fs .s-spinner-right {
	height:100%;
	width:100%;
}

.fs .s-spinner-left {
	padding-left: 4px;
}

.fs .s-spinner-right {
	padding-right: 5px;
}

.fs .s-spinner-middle {
	padding-right:3px;
	position: relative;
}

.ie7 .fs .s-spinner-middle {
	padding-right: 0;
}

.fs .s-spinner-middle .s-input-field {
	padding-right: 15px;
}
.ie7 .fs .s-spinner-middle .s-input-field {
	padding-right: 0;
}

.fs .s-spinner-button-wrapper {
	display:inline-block;
	position:absolute;
	right:-4px;
	top: 0;
	height:21px;
	width:19px;
	z-index:2;
}

.ie6 .fs .s-spinner-button-wrapper {
	right: -5px;
}

.fs .s-spinner-button,
.fs .s-spinner-button-spacer {
	display: block;
}

.fs .s-spinner-button {
	height: 9px;
}

.fs .s-spinner-button-spacer {
	height: 3px;
	width: 19px;
	border: 0;
	margin: 0;
	padding: 0;
}



/* structural CSS - see skin CSS for visual style */
.fs .s-tabSet {
    display: inline-block;
    position: relative;
    width: 100%;
}
.ie6 .fs .s-tabSet .ie6 .s-tabSet {
    width: inherit !important;
}
.webkit .fs .s-tabSet * .s-tabSet, 
.gecko .fs .s-tabSet * .s-tabSet, 
.ie8 .fs .s-tabSet * .s-tabSet {
    width: 100%;
}
.fs .s-tabBar {
    display: inline-block;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.ie8 .fs .s-tabSelector, 
.ie6 .fs .s-tabSelector, 
.gecko1_9 .fs .s-tabSelector, 
.webkit .fs .s-tabSelector {
    display: inline-block;
    width: 100%;
}

.fs .s-tabSelector {
    float: left;
    line-height: normal;
    overflow: hidden;
    position: relative;
}

.fs .s-tabSelector ul {
    display: inline;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    width: 3000px;
}

.fs .s-tabSelector li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

.fs .s-tabSelector a, 
.fs .s-tabSelector a span, 
.fs .s-tabSelector a span label {
    background-color: transparent !important;
}

.fs .s-tabSelector a, 
.fs .s-tabSelector a span {
    background-repeat: no-repeat;
}

.fs .s-tabSelector a span, 
.fs .s-tabSelector a span label {
    display: inline-block;
    cursor: pointer;
}

.fs .s-tabSelector a {
    float: left;
    text-decoration: none;
}

.fs .s-tabSelector a span {
    float: none;
}

.fs .s-tabSelector a span label {
    white-space: nowrap !important;
}

.fs .s-tabSelector .s-tab-selected {
    margin-bottom: -1px;
    position: relative;
}

.fs .s-tabSelector .s-tab-selected a span label {
    position: relative;
}

.fs .s-tabBox {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.fs .s-tabBox-contents {
    height: 100%;
    overflow: auto;
    position: relative;
    width: 100%;
}

.fs .s-tab {
    display: none;
}

.fs .s-tabBox-contents .s-tab-selected {
    display: block;
}.fs .f-field {
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	position: relative;
}
.fs .s-label {
	display: inline-block;
	vertical-align: top;
	height: 20px;	/* to allow for an icon */
}
.fs .f-field-column {
	display: inline-block;
	position: relative;
}
.fs .f-field-container {
	position: relative;
}
.fs .f-field-message {
	width: auto;
	position: relative;
	display: none;
}
.fs .valid .f-field-message,
.fs .invalid .f-field-message {
	display: block;
}
.fs .f-field .s-no-message-text {
	display: none !important;
}
.ie .fs .f-field,
.ie .fs .s-label,
.ie .fs .f-field-column {
	display: inline;
}
.ie .fs .f-field-container {
	display: inline-block;	
}
.ie .fs .f-field-column {
	width: 1%;
	white-space: nowrap;
}
.fs .g-xaxis-label {
	font-family: "Arial","sans-serif";
	font-size: 11px;
	color: #888;
	text-align: center;
	width: 100%;
}
.fs .g-y2axis-label {
	font-family: "Arial", "sans-serif";
	font-size: 10px;
	color: #00008b;
	text-align: center;
	width: 100%;
	position: relative;
	top: -6px;
	float: right;
}
.fs .g-yaxis-label {
	font-family: "Arial", "sans-serif";
	font-size: 11px;
	color: #888;
	text-align: right;
	width: 100%;
}
.fs .g-chart {
	position: relative;  /* else IE acts like its absolute */
	overflow: hidden;	/* else IE expands area if you draw outside the area */
}
.fs .g-legend-item {
}
.fs .g-legend-box {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 0px 6px 0 12px;
}
.ie6 .fs .g-legend-box {
	font-size: 0px;	
}
.fs .g-legend-label {
	font-family: "Arial","sans-serif";
	font-size: 11px;
	color: #888;
	text-align: center;
	width: 100%;
}