.fs .s-alert .s-alert-inner {
    border-color: #888 #ddd #ddd #888;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}

.fs .s-alert .s-alert-title {
    font-size: 130%;
    color: #444;
}/*
 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 Skin **/

/*
 You can style the label with an icon by placing a class on the button itself
 ".my-class .s-button-right .s-label" will override ".s-button .s-label"
*/

.fs .s-button .s-button-left,
.fs .s-button .s-button-right {
	background-repeat: no-repeat;
}

.fs .s-button .s-button-middle {
	background-repeat: repeat-x;
}

.fs .s-button .s-button-left {
    background-image: url(../images/button-left.png);
}
.fs .s-button .s-button-right {
    background-image: url(../images/button-right.png);
	color: #fff;
    font-size: 100%;
}
.fs .s-button .s-button-middle {
    background-image: url(../images/button-middle.png);
}
.fs .s-button .s-label {
    color: #fff;
	cursor: pointer;
}

.fs .s-button .s-button-left					{ background-position: 0 -75px;     }
.fs .s-button .s-button-right					{ background-position: 100% -75px;  }
.fs .s-button .s-button-middle					{ background-position: 0 -75px;     }
.fs .s-button .s-button-hover .s-button-left	{ background-position: 0 -50px;		}
.fs .s-button .s-button-hover .s-button-right	{ background-position: 100% -50px;	}
.fs .s-button .s-button-hover .s-button-middle	{ background-position: 0 -50px;		}
.fs .s-button .s-button-focus .s-button-left	{ background-position: 0 -50px;		}
.fs .s-button .s-button-focus .s-button-right	{ background-position: 100% -50px;	}
.fs .s-button .s-button-focus .s-button-middle	{ background-position: 0 -50px;		}
.fs .s-button .s-button-press .s-button-left	{ background-position: 0 -25px;		}
.fs .s-button .s-button-press .s-button-right	{ background-position: 100% -25px;	}
.fs .s-button .s-button-press .s-button-middle	{ background-position: 0 -25px;		}
.fs .s-disabled .s-button-left					{ background-position: 0 0;         } 
.fs .s-disabled .s-button-right					{ background-position: 100% 0;      }
.fs .s-disabled .s-button-middle				{ background-position: 0 0;         }

/* Use !important to force the image to change for the button variations */

.fs .s-button-accent .s-button-left {
	background-image: url(../images/button-left-accent.png)!important;	
}
.fs .s-button-accent .s-button-right {
	background-image: url(../images/button-right-accent.png)!important;	
}
.fs .s-button-accent .s-button-middle {
	background-image: url(../images/button-middle-accent.png)!important;	
}
.fs .s-button-subtle .s-button-left {
	background-image: url(../images/button-left-subtle.png)!important;	
}
.fs .s-button-subtle .s-button-right {
	background-image: url(../images/button-right-subtle.png)!important;	
}
.fs .s-button-subtle .s-button-middle {
	background-image: url(../images/button-middle-subtle.png)!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 ***/

/** Calendar Skin **/



/* Calendar Input */


.fs .s-calendar {

}

.fs .s-calendar-left {
	background-image:url(../images/s-input-left.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	border:0;
}
.fs .s-calendar-middle {
	background-image:url(../images/s-input-middle.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: repeat-x;
	border:0;
}
.fs .s-calendar-right {
	background:url(../images/s-input-right.png);
	background-color: transparent;
	background-position: right top;
	background-repeat: no-repeat;
	border:0;
}
.fs .s-calendar-icon {
	background: transparent url(../icons/icon-calendar.png) no-repeat top left;
	cursor:pointer;
	font-size: 1%;
}
/** Focus Classes **/
.fs .s-calendar-focus .s-calendar-left {
	background-position: 0 -23px;
}
.fs .s-calendar-focus .s-calendar-middle {
	background-position: 0 -23px;
}
.fs .s-calendar-focus .s-calendar-right {
	background-position: 100% -23px;
}

/** Disabled Classes **/

.fs .s-disabled .s-calendar-left {
	background-position: 0 -46px;
}

.fs .s-disabled .s-calendar-middle {
	background-position: 0 -46px;
}

.fs .s-disabled .s-calendar-right {
	background-position: 100% -46px;
}

/** Calendar Drop down **/
.fs .s-calendar-body {
	width: 165px !important;	
}
.fs .s-calendar-wrapper {
    background-color: #fff;
}

.fs .s-calendar-wrapper-inner {
    border: 1px solid #ccc;
}

.fs .s-calendar-controls .s-calendar-month,
.fs .s-calendar-controls .s-calendar-year,
.fs .s-calendar-grid th,
.fs .s-calendar-grid td {
    font-size: 85%;
}


.fs .s-calendar-grid th {
    font-variant: small-caps;
    color: #46403b;
}

.fs .s-calendar-grid td.today,
.fs .s-calendar-grid td {
	color: #000;
}

.fs .s-calendar-grid .previous-month,
.fs .s-calendar-grid .next-month {
    background-color: #e1dfdd;
    color: #bfbdbc;
}

.fs .s-calendar-grid td.today,
.fs .s-calendar-grid td.selected,
.fs .s-calendar-grid th {
    font-weight: bold;
}


.fs .s-calendar-grid td.selected {
    background-color: #e1dfdd;
    color: #75685d;
    border: 0px solid #fff;
}

.fs .s-calendar-grid td.hover {
    background-color: #75685d;
    color: #fff;
}

.fs .s-calendar-grid td.invalid {
    color: #bfbdbc;
    background-color: #fff;
    cursor: not-allowed !important;
}

.fs .s-calendar-controls {
    background: transparent url(../images/s-calendar-yearbar.png) repeat-x 0 0;
}

.fs .s-calendar-controls .previous-year,
.fs .s-calendar-controls .next-year {
    display: none; /* hide the year controls */
}

.fs .s-calendar-controls .previous-month em {
    background: #fff url(../images/s-calendar-buttons.png) scroll no-repeat left -66px;
}

.fs .s-calendar-controls .next-month em {
    background: #fff url(../images/s-calendar-buttons.png) scroll no-repeat -96px -66px;
}

.fs .s-calendar-controls .previous-month em.hover {
    background-position: left -44px;
}

.fs .s-calendar-controls .next-month em.hover {
    background-position: right -44px;
}

.fs .s-calendar-controls .previous-month em.press {
    background-position: left -22px;
}

.fs .s-calendar-controls .next-month em.press {
    background-position: right -22px;
}

.fs .s-disabled .s-calendar-controls .previous-month em {
    background-position: left 0px;
}

.fs .s-disabled .s-calendar-controls .next-month em {
    background-position: right 0px;
}

/*
 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 ***/
normal,hover,press,disabled
unchecked,undefined,checked
/** CheckBox Skin **/

.fs .s-checkBox {
	cursor: pointer;
}
.fs .s-check {
    background: transparent url(../images/s-checkBox.png) no-repeat 0 0;
}
.fs .s-checkBox 		.s-checkBox-unchecked 	{background-position:	0px		0px		}
.fs .s-checkBox 		.s-checkBox-undefined 	{background-position:	0		-16px	}
.fs .s-checkBox 		.s-checkBox-checked 	{background-position:	0		-32px	}
.fs .s-checkBox-focus	.s-checkBox-unchecked 	{background-position:	-17px	0px		}
.fs .s-checkBox-focus	.s-checkBox-undefined 	{background-position:	-17px	-16px	}
.fs .s-checkBox-focus	.s-checkBox-checked 	{background-position:	-17px	-32px	}
.fs .s-checkBox-hover	.s-checkBox-unchecked 	{background-position:	-17px	0px		}
.fs .s-checkBox-hover	.s-checkBox-undefined 	{background-position:	-17px	-16px	}
.fs .s-checkBox-hover	.s-checkBox-checked 	{background-position:	-17px	-32px	}
.fs .s-checkBox-press	.s-checkBox-unchecked 	{background-position:	-34px	0px		}
.fs .s-checkBox-press	.s-checkBox-undefined 	{background-position:	-34px	-16px	}
.fs .s-checkBox-press	.s-checkBox-checked 	{background-position:	-34px	-32px	}
.fs .s-disabled			.s-checkBox-unchecked 	{background-position:	-51px	0px		}
.fs .s-disabled			.s-checkBox-undefined 	{background-position:	-51px	-16px	}
.fs .s-disabled			.s-checkBox-checked 	{background-position:	-51px	-32px	}
/*
 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 skin **/

.fs .s-comboBox {

}

.fs .s-comboBox-left {
	background-image:url(../images/s-input-left.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	border:0;
}
.fs .s-comboBox-middle {
	background-image:url(../images/s-input-middle.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: repeat-x;
	border:0;
}
.fs .s-comboBox-right {
	background:url(../images/s-input-right.png);
	background-color: transparent;
	background-position: right top;
	background-repeat: no-repeat;
	border:0;
}

.fs .s-comboBox-button {
	background-image: url(../images/s-combobox-buttons.png);
	background-color: transparent;
	background-position: 0 -75px;
	background-repeat: no-repeat;
	font-size: 1%;
}



/** Focus Classes **/

.fs .s-comboBox-focus .s-comboBox-left {
	background-position: 0 -23px;
}
.fs .s-comboBox-focus .s-comboBox-middle {
	background-position: 0 -23px;
}
.fs .s-comboBox-focus .s-comboBox-right {
	background-position: 100% -23px;
}

.fs .s-comboBox-focus .s-comboBox-button {
	background-position: 0 -50px;
}

/** Button Press Classes **/

.fs .s-comboBox-button-press .s-comboBox-button {
	background-position: 0 -25px;
}

/** Disabled Classes **/

.fs .s-disabled .s-comboBox-left {
	background-position: 0 -46px;
}

.fs .s-disabled .s-comboBox-middle {
	background-position: 0 -46px;
}

.fs .s-disabled .s-comboBox-right {
	background-position: 100% -46px;
}

.fs .s-disabled .s-comboBox-button  {
	background-position: 0 0;
}


/* comboBox List */
.fs .s-comboBox-list-wrapper {
    background-color: #fff;
    border: 1px solid #BFBCB9;
}


.fs .s-comboBox-inner {
    background-color: #fff;
}

.fs .s-comboBox-option {
    border-top: 1px solid #DEDCDA;
}

.fs .s-comboBox-option-first {
    border-top: 0px solid;
}

.fs .s-comboBox-option-selected,
.fs .s-comboBox-option-hover {
    color: #75685D;
}

.fs .s-comboBox-option-hover {
    background-color: #E1DFDD;
}

.fs .s-comboBox-option-selected {
    background-color: #f3f1ef;
}

.fs .s-comboBox-option .s-field {
    border: 0 solid #ccc;
    color: #75685D;
}.fs .s-command {
    margin: 2px;
    height: 16px;
}

.fs .s-command label {
    border-bottom: 0px solid #fff;
    cursor: pointer;
}

.fs .s-command-hover label, .s-command-focus label, .s-command-press label {
    border-bottom: 1px solid red;
}.fs .s-countDown,
.fs .s-countDown-count {
    display: inline-block;
}
.fs .s-countDown .s-countDown-count {
    font-weight: bold;
}

.fs .s-warning .s-input-field {
    color: orange !important;
}/*
 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 ***/



/** dropGrid skin **/

.fs .s-dropGrid {
}
.fs .s-dropGrid-left {
	background-image:url(../images/s-input-left.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	border:0;
}
.fs .s-dropGrid-middle {
	background-image:url(../images/s-input-middle.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: repeat-x;
	border:0;
}
.fs .s-dropGrid-right {
	background:url(../images/s-input-right.png);
	background-color: transparent;
	background-position: right top;
	background-repeat: no-repeat;
	border:0;
}
.fs .s-dropGrid-button {
	background-image: url(../images/s-combobox-buttons.png);
	background-color: transparent;
	background-position: 0 -75px;
	background-repeat: no-repeat;
	font-size: 1%;
}


/** Focus Classes **/

.fs .s-dropGrid-focus .s-dropGrid-left {
	background-position: 0 -23px;
}
.fs .s-dropGrid-focus .s-dropGrid-middle {
	background-position: 0 -23px;
}
.fs .s-dropGrid-focus .s-dropGrid-right {
	background-position: 100% -23px;
}
.fs .s-dropGrid-focus .s-dropGrid-button {
	background-position: 0 -50px;
}

/** Button Press Classes **/

.fs .s-dropGrid-button-press .s-dropGrid-button {
	background-position: 0 -25px;
}

/** Disabled Classes **/

.fs .s-disabled .s-dropGrid-left {
	background-position: 0 -46px;
}
.fs .s-disabled .s-dropGrid-middle {
	background-position: 0 -46px;
}
.fs .s-disabled .s-dropGrid-right {
	background-position: 100% -46px;
}
.fs .s-disabled .s-dropGrid-button  {
	background-position: 0 0;
}

/** dropGrid panel **/
.fs .s-dropGrid-list-wrapper {
	border: 1px solid #BFBCB9;
}
.fs .s-dropGrid-row .s-dropGrid-data-cell {
    border-top: 1px solid #DEDCDA;
}
.fs .s-dropGrid-row-first .s-dropGrid-data-cell {
    border-top: 0px solid;
}
.fs .s-dropGrid-row-last .s-dropGrid-data-cell {
    border-bottom: 0px solid;
}
.fs .s-dropGrid-row-selected {
    background-color: #f3f1ef;
}
.fs .s-dropGrid-row-hover {
    background-color: #E1DFDD;
}
.fs .s-dropGrid-grid-body {
    background-color: #fff;
}
.fs .s-dropGrid-data-cell .s-dropGrid-field {
    border: 0px solid;
}

/** text color **/
.fs .s-dropGrid-field ,
.fs .s-dropGrid-row-hover .s-dropGrid-field ,
.fs .s-dropGrid-row-selected .s-dropGrid-field {
    color: #75685D;
}
.fs .s-dropGrid-row-disabled .s-dropGrid-field {
	color: #c3a5a5;	
}
/* if the dropGrid is disabled, it cannot be opened so the field text will not be visible *//*
 Author: Michael Simonson
 Date: May 31th, 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 ***/

/** Drop Panel skin **/


.fs .s-dropPanel .s-dropPanel-contents {
    background: #eeedec url(../images/s-panel-gradient-bg.png) repeat-x 0 0;
	border-left: 1px solid #EEEDEC;
	border-right: 1px solid #EEEDEC;
	border-bottom: 1px solid #EEEDEC;
}

/*
 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 ***/

/** Dropshadow skin **/


.fs .s-dropshadow-medium {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* Drop Shadow for Mozilla and Webkit */
.gecko .fs .s-dropshadow-medium > div,
.webkit .fs .s-dropshadow-medium > div,
.gecko .fs .s-dropshadow-medium > span,
.webkit .fs .s-dropshadow-medium > span {
    top: -4px;
    left: -4px;
    z-index: 1;
    width: 100%;
    height: 100%;
	position: relative;
}

.gecko .fs .s-dropshadow-medium,
.webkit .fs .s-dropshadow-medium {
    background: transparent url(../images/shadow-medium.png) no-repeat 100% 100%;
}

/* Corners */
.webkit .fs .s-dropshadow-medium:before,
.webkit .fs .s-dropshadow-medium:after,
.gecko .fs .s-dropshadow-medium:before,
.gecko .fs .s-dropshadow-medium:after {
    position: absolute;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: inherit;
    margin-top: -4px;
}

.webkit .fs .s-dropshadow-medium:before,
.gecko .fs .s-dropshadow-medium:before {
    width: 100%;
    background-position: 100% 0;
}

.webkit .fs .s-dropshadow-medium:after,
.gecko .fs .s-dropshadow-medium:after {
    background-position: 0 100%;
    margin-left: -4px;
}

/* End Corners */
/* Drop Shadow for Mozilla and Webkit */
/* Drop shadow for IE Version - All */


.ie .fs .s-dropshadow-medium {
    filter: progid:DXImageTransform.Microsoft.blur(pixelradius=2.0, makeshadow='true', ShadowOpacity=.50);
	padding: 0;
	background-color: #fff;
}

.ie6 .fs .s-dropshadow-medium {
	white-space: nowrap;
}

.ie6 .fs .s-dropshadow-medium p {
	white-space: normal;
}
/* End Drop shadow for IE Version - All */
		/* Skin styling for grid
 
 parameters:
 cell height: 	22px
 row height:		25px = cell height + 2 + 1 (padding/border)
 */
.fs .s-grid {
    background-color: #fff;
}

.fs .s-grid-header {
    background: #F9F9F9 url(../images/grid-hrow.gif) repeat-x scroll 0 bottom;
    cursor: default;
    padding: 1px 0 0;
    border-color: #ddd;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
}

.fs .s-grid-body {
    border-color: #ddd;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
}

.fs .s-grid-contents {
}

.fs .s-grid-row {
    cursor: default;
    height: 25px;
}

.fs .s-grid-row .s-grid-data-cell {
    padding: 1px;
    border-color: #ddd;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    height: 22px;
}

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

.fs .s-grid-field {
    padding: 3px 3px 3px 6px;
}

.ie .fs .s-grid-field {
}

.fs .s-grid-row1 {
    background-color: #fdfdfd;
}

.fs .s-grid-row2 {
    background-color: #f3f3f3;
}

.fs .s-grid-selected-row {
    background-color: #d8d8d8;
}

.fs .s-grid-focus-row {
    background-color: yellow;
}

.db-loading {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50); /* for IE */
    -moz-opacity: 0.5; /* for older Firefox */
    -khtml-opacity: 0.5; /* for older webkits */
    opacity: 0.5;
}

.fs .s-grid-head-cell {
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	padding: 4px 3px 4px 5px;
	border-right: 1px solid #ddd;
}
.ie .fs .s-grid-head-cell {

}
.fs .s-grid-head-cell a {
	background: #C3DAF9 url(../images/grid-hd-btn.gif); no-repeat scroll left center;
	width:14px;
}
.fs .s-grid-head-cell .s-field {

}
.fs .s-grid-sort {
	width: 13px;
	height: 5px;
	margin-left: 3px;
	background: transparent none no-repeat scroll center center;
}
.ie .fs .s-grid-sort {
	display: inline;
}
.fs .sort-ascending {
	background-image: url(../icons/sort_asc.gif);
}
.fs .sort-descending {
	background-image: url(../icons/sort_desc.gif);
}
.fs .s-grid-row-hover {
	background-color: #e3e3fa;
}/*
 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 skin **/

.fs .s-input {

}


.fs .s-input-left {
	background-image:url(../images/s-input-left.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	border:0;
}
.fs .s-input-middle {
	background-image:url(../images/s-input-middle.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: repeat-x;
	border:0;
}
.fs .s-input-right {
	background:url(../images/s-input-right.png);
	background-color: transparent;
	background-position: right top;
	background-repeat: no-repeat;
	border:0;
}

/** Focus Classes **/

.fs .s-input-focus .s-input-left {
	background-position: 0 -23px;
}
.fs .s-input-focus .s-input-middle {
	background-position: 0 -23px;
}
.fs .s-input-focus .s-input-right {
	background-position: 100% -23px;
}

/** Disabled Classes **/

.fs .s-disabled .s-input-left {
	background-position: 0 -46px;
}

.fs .s-disabled .s-input-middle {
	background-position: 0 -46px;
}

.fs .s-disabled .s-input-right {
	background-position: 100% -46px;
}
.fs .s-loading-mask {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

.fs .s-loadingBox-left {
    background: transparent url(../images/s-loadingbar-box-left.png) no-repeat 0 0;
    width: 2px;
    height: 42px;
}

.fs .s-loadingBox-center {
    background: transparent url(../images/s-loadingbar-box-middle.png) repeat-x 0 0;
    text-align: center;
    padding: 0 7px;
}

.fs .s-loadingBox-right {
    background: transparent url(../images/s-loadingbar-box-right.png) no-repeat 0 0;
    width: 2px;
    height: 42px;
}

.fs .s-loadingbar-animation {
    background: transparent url(../images/s-loadingbar-large.gif) no-repeat center 0;
    width: 107px;
    height: 14px;
    margin-top: 8px;
    margin-bottom: 1px;
}

.fs .s-loading-label {
    font-size: 88%;
}/* Skin styling for grid
 
 parameters:
 cell height: 	22px
 row height:		25px = cell height + 2 + 1 (padding/border)
 */
.fs .s-grid {
    background-color: #fff;
}

.fs .s-grid-header {
    background: #F9F9F9 url(../images/grid-hrow.gif) repeat-x scroll 0 bottom;
    cursor: default;
    padding: 1px 0 0;
    border-color: #ddd;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
}

.fs .s-grid-body {
    border-color: #ddd;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
}

.fs .s-grid-contents {
}

.fs .s-grid-row {
    cursor: default;
    height: 25px;
}

.fs .s-grid-row .s-grid-data-cell {
    padding: 1px;
    border-color: #ddd;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    height: 22px;
}

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

.fs .s-grid-field {
    padding: 3px 3px 3px 6px;
}

.ie .fs .s-grid-field {
}

.fs .s-grid-row1 {
    background-color: #fdfdfd;
}

.fs .s-grid-row2 {
    background-color: #f3f3f3;
}

.fs .s-grid-selected-row {
    background-color: #d8d8d8;
}

.fs .s-grid-focus-row {
    background-color: yellow;
}

.fs .db-loading {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50); /* for IE */
    -moz-opacity: 0.5; /* for older Firefox */
    -khtml-opacity: 0.5; /* for older webkits */
    opacity: 0.5;
}

.fs .s-grid-head-cell {
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	padding: 4px 3px 4px 5px;
	border-right: 1px solid #ddd;
}
.ie .fs .s-grid-head-cell {
}
.fs .s-grid-head-cell a {
	background: #C3DAF9 url(../images/grid-hd-btn.gif); no-repeat scroll left center;
	width:14px;
}
.fs .s-grid-head-cell .s-field {
}
.fs .s-grid-sort {
	width: 13px;
	height: 5px;
	margin-left: 3px;
	background: transparent none no-repeat scroll center center;
}
.ie .fs .s-grid-sort {
	display: inline;
}
.fs .sort-ascending {
	background-image: url(../icons/sort_asc.gif);
}
.fs .sort-descending {
	background-image: url(../icons/sort_desc.gif);
}
.fs .s-grid-row-hover {
	background-color: #e3e3fa;
}/*
 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 Skin **/


.fs .success .s-message-wrapper {
    border: 1px solid #339900;
    background: #fff url(../images/s-message-success-gradient.png) repeat-x 0 100%;
}

.fs .success .s-message-inner {
    background: transparent url(../icons/icon-message-success.png) no-repeat 5px center;
}

.fs .failure .s-message-wrapper {
    border: 1px solid #ff0000;
    background: #fff url(../images/s-message-failure-gradient.png) repeat-x 0 100%;
}

.fs .failure .s-message-inner {
    background: transparent url(../icons/icon-message-failure.png) no-repeat 5px center;
}/* Skin styling for pager */
.fs .s-pager-first, 
.fs .s-pager-prev, 
.fs .s-pager-next, 
.fs .s-pager-last {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-attachment: scroll;
    height: 20px;
    width: 20px;
    border: 1px solid #ddd;
}
.fs .s-pager-first {
    background-image: url(../icons/page-first.gif);
}
.fs .s-pager-prev {
    background-image: url(../icons/page-prev.gif);
}
.fs .s-pager-next {
    background-image: url(../icons/page-next.gif);
}
.fs .s-pager-last {
    background-image: url(../icons/page-last.gif);
}
.fs .s-pagerBar-contents .s-label {
	height: 20px;
	padding: 4px 0 0 3px;
}
.fs .s-pager-jumper {
    width: 3em;
    height: 20px;
    text-align: center;
    margin: 0 3px;
}
.fs .s-pager-page-count, 
.fs .s-pager-record-count {
    margin: 0 2em;
}
.fs .s-pager-at-first-page .s-pager-first, 
.fs .s-pager-at-first-page .s-pager-prev, 
.fs .s-pager-at-last-page .s-pager-next, 
.fs .s-pager-at-last-page .s-pager-last {
    background-color: #ddd;
}/*
 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 skin **/


.fs .s-radio-button {
    background: transparent url(../images/s-radioButton.png) no-repeat top left;
}

.fs .s-radioButton-hover .s-radio-button, 
.fs .s-radioButton-focus .s-radioButton-checked, 
.fs .s-radioButton-checked .s-radio-button, 
.fs .s-radioButton-press .s-radio-button, 
.fs .s-radioButton-up .s-radio-button, 
.fs .s-disabled .s-radio-button {
    background-color: transparent !important;
    cursor: pointer !important;
}
.fs .s-radioButton-hover .s-radio-button, 
.fs .s-radioButton-focus .s-radioButton-checked{
    background-position: -17px 0;
}
.fs .s-radioButton-checked .s-radio-button {
    background-position: 0 -17px;
}
.fs .s-radioButton-press .s-radio-button {
    background-position: -34px -17px;
}
.fs .s-radioButton-up .s-radio-button {
    background-position: 0 66px;
}
.fs .s-disabled .s-radio-button {
    background-position: -51px 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 skin **/

.fs .s-slider {
}
.fs .s-slider .s-slider-grippy {
	margin-left: -3px;
	/*	It is necessary to adjust the position of the grippy so that it appears
		centred properly over the ends of the slider range,
		taking into account the width of the grippy itself, and any offset of
		the s-slider-left element from the viewNode (eg. padding-left) 
		grippy width = 11px so half that width = 5.5px
		s-slider-left padding-left = 2px
		11 / 2 - 2 = 3.5px shift to the left
		round to integer = 3px
	*/	
}
.fs .s-slider-left {
    background: transparent url(../images/s-slider-left.png) no-repeat scroll 0 -11px; /* -1*height */
}

.fs .s-slider-right {
    background: transparent url(../images/s-slider-right.png) no-repeat scroll 100% -11px; /* -2*height */
}

.fs .s-slider-background {
    background: transparent url(../images/s-slider-middle.png) repeat-x scroll 0 -11px;
}

.fs .s-slider-bar-left {
    background: transparent url(../images/s-slider-left.png) no-repeat scroll 0 0;
}

.fs .s-slider-bar-right {
    background: transparent url(../images/s-slider-right.png) no-repeat scroll 100% 0;
}

.fs .s-slider-bar {
    background: transparent url(../images/s-slider-middle.png) repeat-x scroll 0 0;
}

.fs .s-slider-grippy {
    background: transparent url(../images/s-slider-grippy.png) no-repeat scroll 0 0;
}

.fs .s-slider-hover {
    background-position: 0 -44px; /* -1*grippy width,height */
}

.fs .s-slider-down {
    background-position: 0 -22px; /* -1*grippy width,height */
}
/*
 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 skin **/

.fs .s-spinner {

}


.fs .s-spinner-left {
	background-image:url(../images/s-input-left.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}
.fs .s-spinner-middle {
	background-image:url(../images/s-input-middle.png);
	background-color: transparent;
	background-position: left top;
	background-repeat: repeat-x;
}
.fs .s-spinner-right {
	background-image:url(../images/s-input-right.png);
	background-color: transparent;
	background-position: right top;
	background-repeat: no-repeat;
}

.fs .s-spinner-button,
.fs .s-spinner-button-spacer {
	background-image: url(../images/s-spinner-button.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 1%;
}

.fs .s-spinner-button-wrapper .up {
	background-position: 0 -81px;
}

.fs .s-spinner-button-wrapper .down {
	background-position: 0 -93px;
}

.fs .s-spinner-button-spacer {
	background-position: 0 -90px;
}


/** Focus Classes **/

.fs .s-spinner-focus .s-spinner-left  {
	background-position: 0 -23px;
}
.fs .s-spinner-focus .s-spinner-middle {
	background-position: 0 -23px;
}
.fs .s-spinner-focus .s-spinner-right {
	background-position: 100% -23px;
}

.fs .s-spinner-button-wrapper .s-spinner-up-focus {
	background-position: 0 -54px;
	text-decoration: none!important;
}

.fs .s-spinner-button-wrapper .s-spinner-down-focus {
	background-position: 0 -66px;
	text-decoration: none!important;
}



/** Press Classes **/

.fs .s-spinner-button-wrapper .s-spinner-up-press {
	background-position: 0 -27px;
}

.fs .s-spinner-button-wrapper .s-spinner-down-press {
	background-position: 0 -39px;
}



/** Disabled Classes **/

.fs .s-disabled .s-spinner-left {
	background-position: 0 -46px;
}

.fs .s-disabled .s-spinner-middle {
	background-position: 0 -46px;
}

.fs .s-disabled .s-spinner-right {
	background-position: 100% -46px;
}

.fs .s-disabled .s-spinner-button-wrapper .up {
	background-position: 0 0;
}

.fs .s-disabled .s-spinner-button-wrapper .down {
	background-position: 0 -12px;
}




/* Skin styling for tabBox and tab */
.fs .s-tabs-large {
}

.fs .s-tabSet {
    padding-bottom: 39px;
}

.fs .s-tabBar {
    background-color: #F4F4F4; /* This is so if you want color behind the tab selectors */
    border-bottom: 0 solid #615C58;
}

.fs .s-tabSelector {
    border-bottom: 0px solid #443C39;
    font-size: 93%;
}

.fs .s-tabSelector ul {
    border-bottom: 1px solid #615C58;
    padding: 7px 10px 0;
}

.fs .s-tabSelector a span, 
.fs .s-tabSelector a span label {
    background-position: 100% -141px;
}

.fs .s-tabSelector a {
    background-image: url(../images/s-tabs-above-left.png);
    background-position: 0 -141px;
    margin: 0 1px 0 0;
    padding: 0 0 0 5px;
}

.fs .s-tabSelector a span {
    background-image: url(../images/s-tabs-above-right.png);
    padding: 0 5px 0 0;
}

.fs .s-tabSelector a span label {
    background-image: url(../images/s-tabs-above-middle.png);
    background-repeat: repeat-x;
    padding: 8px 12px 6px;
    font-weight: bold;
}

.fs .s-tabSelector .s-tab-hover, 
.fs .s-tabSelector .s-tab-focus {
    margin-top: -3px;
}

.fs .s-tabSelector .s-tab-hover a span label, 
.fs .s-tabSelector .s-tab-focus a span label {
    padding-bottom: 9px;
}

.fs .s-tabSelector .s-tab-hover a, 
.fs .s-tabSelector .s-tab-focus a {
    background-position: 0 -141px;
}

.fs .s-tabSelector .s-tab-hover a span, 
.fs .s-tabSelector .s-tab-hover a span label, 
.fs .s-tabSelector .s-tab-focus a span, 
.fs .s-tabSelector .s-tab-focus a span label {
    color: #443c39;
    background-position: 100% -141px;
    cursor: pointer;
}

.fs .s-tabSelector .s-tab-selected a {
    background-position: 0 -188px;
    border-bottom: 0px solid #443C39;
}

.fs .s-tabSelector .s-tab-selected a span, 
.fs .s-tabSelector .s-tab-selected a span label {
    background-position: 100% -188px;
    color: #fff;
    cursor: default;
}

.fs .s-tabSelector .s-tab-press a {
    background-position: 0 -47px;
}

.fs .s-tabSelector .s-tab-press a span, .s-tabSelector .s-tab-press a span label {
    color: #443c39;
    background-position: 100% -47px;
}

.fs .s-tabSelector .s-tab-disabled a {
    background-position: 0 0;
}

.fs .s-tabSelector .s-tab-disabled a span, .s-tabSelector .s-tab-disabled a span label {
    background-position: 100% 0;
    color: #a8a8a8;
    cursor: default;
}
.ie6 .fs .s-tabBox, .ie7 .s-tabBox {
    margin-top: -1px;
}
.fs .s-tabBox {
    background-color: #FFFFFF;
    border-color: #615C58 #443C39 #443C39;
    border-style: solid;
    border-width: 1px;
    margin: -2px 0 -39px;
}
.fs .s-tabBox-inner {
    background-color: #FFFFFF;
}
.fs .s-tabBody {
    padding: 10px;
}

/*** Start skin for large reversed tab tabset ***/
.fs .s-tabs-large {
}

.fs div.s-tabs-large .s-tabSet {
    padding-bottom: 39px;
    border: 0px solid red;
}

.fs div.s-tabs-large .s-tabBar {
    /* background-color:#F4F4F4; */ /* This is so if you want color behind the tab selectors */
    background: transparent url(../images/s-tabs-large-above-sprite.png) repeat-x 0 100%;
    border-bottom: 1px solid #615C58;
    height: 56px !important;
    margin-top: -10px;
}

.fs div.s-tabs-large .s-tabSelector {
    border-bottom: 1px solid #443C39;
    font-size: 93%;
}

.fs div.s-tabs-large .s-tabSelector ul {
    border-bottom: 1px solid #615C58;
    padding: 5px 11px 0;
}

/* tabs unslected */
.fs div.s-tabs-large .s-tabSelector a, div.s-tabs-large .s-tabSelector a span, div.s-tabs-large .s-tabSelector a span label {
    background-image: url(../images/s-tabs-large-above-sprite.png);
}

.fs div.s-tabs-large .s-tabSelector a {
    background-position: 0 -55px;
    margin: 0 1px 0 0;
    padding: 0 0 0 8px;
}

.fs div.s-tabs-large .s-tabSelector a span {
    padding: 0 8px 0 0;
    background-position: 100% -165px;
}

.fs div.s-tabs-large .s-tabSelector a span label {
    background-repeat: repeat-x;
    padding: 20px 12px 6px;
    font-weight: normal;
    font-size: 140% !important;
    color: #fff;
    line-height: 16px;
    text-align: center !important;
    padding: 20px 0 13px 0;
    background-position: 100% -220px;
}
/* tabs unslected */
/* tabs hover/focus */
.fs div.s-tabs-large .s-tabSelector .s-tab-hover, div.s-tabs-large .s-tabSelector .s-tab-focus {
    margin-top: 0px;
}
.fs div.s-tabs-large .s-tabSelector .s-tab-hover a span label, div.s-tabs-large .s-tabSelector .s-tab-focus a span label {
}
.fs div.s-tabs-large .s-tabSelector .s-tab-hover a, div.s-tabs-large .s-tabSelector .s-tab-focus a {
    background-position: 0 0;
}
.fs div.s-tabs-large .s-tabSelector .s-tab-hover a span, div.s-tabs-large .s-tabSelector .s-tab-focus a span {
    color: #443c39;
    background-position: 100% -110px;
    cursor: pointer;
}
.fs div.s-tabs-large .s-tabSelector .s-tab-hover a span label, div.s-tabs-large .s-tabSelector .s-tab-focus a span label {
    color: #443c39;
    background-position: 100% -275px;
    cursor: pointer;
}

/* end tabs hover/focus */
/* selected tabs */
.fs div.s-tabs-large .s-tabSelector .s-tab-selected a {
    background-position: 0 0;
    border-bottom: 0px solid #443C39;
}

.fs div.s-tabs-large .s-tabSelector .s-tab-selected a span, div.s-tabs-large .s-tabSelector .s-tab-selected a span label {
    color: #443c39;
    cursor: default;
}

.fs div.s-tabs-large .s-tabSelector .s-tab-selected a span {
    background-position: 100% -110px;
}

.fs div.s-tabs-large .s-tabSelector .s-tab-selected a span label {
    background-position: 100% -275px;
}

/* end selected tabs */
/* press tabs */
.fs div.s-tabs-large .s-tabSelector .s-tab-press a {
    background-position: 0 -47px;
}
.fs div.s-tabs-large .s-tabSelector .s-tab-press a span, div.s-tabs-large .s-tabSelector .s-tab-press a span label {
    color: #443c39;
    background-position: 100% -47px;
}
/* end press tabs */
/* disabled tabs */
.fs div.s-tabs-large .s-tabSelector .s-tab-disabled a {
    background-position: 0 0;
}
.fs div.s-tabs-large .s-tabSelector .s-tab-disabled a span, div.s-tabs-large .s-tabSelector .s-tab-disabled a span label {
    background-position: 100% 0;
    color: #a8a8a8;
    cursor: default;
}
/* disabled tabs */
.ie6 div.s-tabs-large .s-tabBox, .ie7 div.s-tabs-large .s-tabBox {
    margin-top: -1px;
}
.fs div.s-tabs-large .s-tabBox {
    background-color: #FFFFFF;
    border-color: #615C58 #443C39 #443C39;
    border-style: solid;
    border-width: 0px;
    margin: -2px 0 -39px;
    overflow: visible !important;
    white-space: normal;
}
.fs div.s-tabs-large .s-tabBox-inner {
    background-color: #FFFFFF;
    height: 100%;
    overflow-x: visible;
    overflow-y: auto;
    padding: 20px 2px 2px;
    white-space: normal;
}
.fs div.s-tabs-large .s-tabBody {
    padding: 10px;
}
/*
	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-disabled .s-label,
.fs .s-disabled .s-input,
.fs .s-disabled .s-field,
.fs .s-disabled .s-title,
.fs .s-disabled .s-command,
.fs .s-disabled .s-warning,
.fs .s-disabled .s-label-box {
     color: #a8a8a8;
}
.fs .s-prompt,
.fs .s-label,
.fs .s-label-box,
.fs .s-field,
.fs .s-title,
.fs .s-command,
.fs .f-field-message {
	font: 85% "Trebuchet MS", Helvetica,sans-serif!important;
}

.fs .s-label, 
.fs .s-label-box,
.fs .s-field {
    color: #000;
}

.fs .s-label-box {
    display: inline-block;
}

.fs .s-title {
    color: #222;
}

.fs .s-command {
    color: #46403b;
}

.fs .s-warning {
    color: red!important;
}

.fs .s-footnote {
    padding-top: 10px;
    font-size: 77%;
    color: #ccc;
}

.fs .s-prompt {
	font-style: oblique;
    color: #ccc;
}



/* Skin styling for field */
.fs .s-required .f-field-label {
}
.fs .s-invalid .f-field-label {
    color: red;
}
.fs .s-invalid .f-field-message,
.fs .s-valid .f-field-message {
    padding-top: 2px;
    line-height: 100%;
}
.fs .s-invalid .f-field-message {
    color: red;
}
.fs .s-valid .f-field-message {
    color: green;
}
.fs .f-field-container {
    display: inline-block;
    margin-left: -20px;
    padding-left: 20px;
}
.fs .s-invalid .f-field-container {
    background: url(../icons/icon-invalid.png) no-repeat scroll left top;
    color: red;
}
.fs .s-valid .f-field-container {
    background: url(../icons/icon-valid.png) no-repeat scroll left top;
}
body {
	
}
body {
	
}
/* skin style for wizard */
.fs ul.f-wizard {
    padding: 15px 20px;
    position: relative;
    background-color: #fff;
    margin-bottom: 30px;
}

.fs ul.f-wizard li {
    padding: 0 10px 8px;
}

.fs ul.f-wizard a {
    text-decoration: none;
    color: #2d2522;
}

.fs ul.f-wizard li.valid a {
    color: #ff1100;
    font-weight: bold;
}

.fs ul.f-wizard li.unavailable a {
    color: #999;
}

.fs ul.f-wizard li.selected {
    background: transparent url(../icons/icon-current-item.png) no-repeat 0px 3px;
}

.fs ul.f-wizard li.selected a {
    border-bottom: 1px solid #ff1100;
    color: #ff1100;
    font-weight: bold;
}/* skin style for demo:box */


.fs .demo-box {
    border: 1px solid #ddd;
    width: 100%;
    padding: 20px 10px 10px 10px;
	margin-top: 10px;
}

.ie .fs .demo-box b {
	line-height:20px;
}

.fs .demo-box p {
	margin-top: 5px;
    padding-bottom: 5px;
	color:#222222;
	font:93%/123.1% "Trebuchet MS", Helvetica,sans-serif;
}

.fs .demo-box a.demo-view-source {
    text-decoration: none;
    cursor: pointer;
	padding-bottom: 10px;
}

.fs .hover a.demo-view-source {
    color: red;
}

.fs .demo-box .highlighter {
    background-color:#F1F7ED;
	border-top:1px solid #CCCCCC;
	font-family:"Lucida Console","consolas","Courier New",monospace;
	font-size:93%;
	line-height:150%;
	margin-top:10px;
	padding:10px;
}

.fs .demo-box em {
    color: #003369;
}