/*
Thanks to Josh Pyles
*/

/* Global Declaration */

.s2 div.selector, 
.s2 div.selector span {
  background-image: url(../Content/images/sprite-fp2.png);
  background-repeat: no-repeat;
}

.selector, 
.selector * {
	margin: 0;
	padding: 0;
}

/* SPRITES */

.s2 div.selector {
	background-position: -1019px -66px;
	line-height: 22px;
	height: 22px;
}

.s2 div.selector span {
	background-position: right 0px;
	height: 22px;
	line-height: 22px;
}

.s2 div.selector select {
	top: 0px;
	left: 3px;
}

.s2 div.selector.focus {
	background-position: -488px -88px;
}

.s2 div.selector.focus span {
	background-position: right -22px;
}

.s2 div.selector.disabled {
	background-position: -488px -110px;
}

.s2 div.selector.disabled span {
	background-position: right -44px;
}

/* PRESENTATION */

.s2 div.selector {
	/*width: 248px;*/
}

.s2 div.selector select {
	width: 99%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-left:-2px;
}

.s2 div.selector select option {
	background-color: white;
}

.s2 div.selector span {
	padding: 0px;
}

.s2 div.selector span {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	width:100%;
}

.s2 div.selector.disabled span {
	color: #bbb;
}

/* CORE FUNCTIONALITY */

.selector select:focus {
	outline: 0;
}

.s2 div.selector {
	position: relative;
	padding-left: 5px;
	overflow: hidden;
}

.s2 div.selector span {
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis-word;
	text-align:left;
	/*white-space: nowrap;*/
}

.s2 div.selector select {
	position: absolute;
	opacity: 0;
  height: 22px;
  border: none;
  background: none;
}

/* input-lit type=text */

/* global */

.s2 .input-lit-bg, .s2 .input-lit-bg span {
	background-image:url("../Content/images/sprite-fp2-input.png");
	background-repeat:no-repeat;
	height:22px;
	line-height:22px;
}

/* ---- sprite ---- */

.s2 .input-lit-bg {
	background-position:-489px -66px;
}

.s2 .input-lit-bg span {
	background-position:right 0px;
}

.s2 .input-lit-bg.focus {
	background-position:-489px -88px;
}

.s2 .input-lit-bg.focus span {
	background-position:right -22px;
}

.s2 .input-lit-bg.disabled {
	background-position:-489px -110px;
}

.s2 .input-lit-bg.disabled span {
	background-position:right -44px;
}


/* --- presentation --- */

.s2 .input-lit-bg {
	padding-left:4px;
	width:290px;
}

.s2 .input-lit-bg span {
	white-space:nowrap;
}

.s2 .input-lit-bg.disabled *{
	color: #bbbbbb;
}

/* ---- core ----- */

.s2 .input-lit-bg {
	position:relative;
	overflow:hidden;
}

.s2 .input-lit-bg span {
	display:block;
	float:left;
	overflow:hidden;
	width:100%;
}

.s2 input[type=text], 
.s2 input[type=password] {
	position:absolute;
	top:0px;
	left:6px;
	border:0px;
	background-color:transparent;
	height:20px;
	line-height:20px;
	width:92%;
}


.s2 input[type=text]:focus,
.s2 input[type=password]:focus {
	outline: 0px;
}

.input-lit-disabled span 
{
    color:#BBBBBB;
    font:12px Arial;
    padding-left:3px;
}

.input-lit-disabled input[type=text]
{
    z-index:-1;
}

.s2 .disabled select 
{
    z-index:-1;
}