#wrapperPeople {
	position: 	relative;
       width:          948px;
        margin-bottom:  40px; 
}

#wrapperPeople h1.stepTitle span.title, #wrapperPeople h1.stepTitle {
    width:100%;
}

#peopleContainer h1.stepTitle span.title {
    width:          455px;
}


#peopleContainer {
	width: 			469px;
	height:			100px;
	margin-bottom: 	        8px;
        position:               relative;
}

#childContainer {
	position: relative;
}

#peopleContainer #peopleInput, #childContainer #childInput {
	width: 			56px;
	height: 		17px;
	border:			1px solid #d2d2d2;
	background:		transparent;
	font-size: 		1.3em;
	text-align: 	        center;
        padding:                5px;
	color:			#666;
	margin-left: 	        6px;
	float: 			left;
	margin-right: 	        5px;
        margin-bottom:          15px;
}


#peopleContainer label {
    float:left;
    width:200px;
    color:#FA6302;
    font-size:13px;
    padding-left:7px;
font-weight:bold;
}


#peopleContainer label span {
    display:block;
    font-size:11px;
    color:#979796;
font-weight:normal;
}

.room {
	float: 			left;
}

.room div {
	float: 			left;
}

.children {
	width: 			12px;
	height: 		18px;
	margin-right: 	        5px;
	background: 	        url("images/uiSprite.jpg") no-repeat 0 -68px;
        position:relative;
        top:15px;
}

.adults {
	width: 			12px;
	height: 		32px;
	margin-right: 	        5px;
	background: 	        url("images/uiSprite.jpg") no-repeat 0 -36px;
}

.matrixWrapper {
    clear:both;

}

.matrix {
    position:         relative;
    clear:            both;
    margin:           auto;
    overflow:         hidden;
    margin-left:      20px;
    top:30px;
}



.matrixElement.group {
	width: 			30px;
	background: 	url("images/5person.gif") no-repeat;
}

.matrixElement span {
	display: 		none;
}

.addMore span, .removeMore span {
	display: 		none;
}

#panels {
        margin-bottom:          10px;
	width: 			980px;
}

#conclusionPanel {
    display:block;
}

#conclusionPanel {
    display:none;
}

#questionPanel {
	width: 				100%;
}

#questionPanel {
    border:none;
}



.peopleInfo {
    display:block;
    clear:both;
    font-size:1.1em;
    color:#03A2E3;
    width:100%;
    margin-left:20px;
    position:relative;
    top:30px;
}

#questionPanel h2, #conclusionPanel h2{
	font-weight: 		        normal;
	color:				#03A2E3;
	margin-bottom: 		        8px;
}

.addMore {
	cursor: 		pointer;
	display: 		block;
	width: 			19px;
	height: 		20px;
	float: 			left;
	background: 	        url("images/uiSprite.jpg") no-repeat -36px 0px;
	margin-top: 	        4px;
	position: 			relative;
	z-index: 10;
}

.removeMore {
	cursor: 		pointer;
	display: 		block;
	width: 			20px;
	height: 		20px;
	float: 			left;
	background: 	        url("images/uiSprite.jpg") no-repeat -55px 0;
	margin-top: 	        4px;
    margin-right:3px;
    margin-left:8px;
    position: 			relative;
	z-index: 10;
}
	
.questionContainer, .conclusionContainer {
	font-size: 			1em;
	padding-bottom:			15px;
	color:			        #333;
}

 .questionContainer.COUCH_ALLOWED {
    background: url("images/sofa.gif") no-repeat center left;
}

 .questionContainer.NUMBER_OF_ROOMS {
    background: url("images/room.gif") no-repeat center left;
}

.questionContainer.NUMBER_OF_CHILDREN {
    background: url("images/childIcon.gif") no-repeat center left;
}


 .questionContainer {
            padding-left:                    80px;
}

.answerOptions {
	margin-top:                     5px;
        width:200px;
}

.room {
    position:relative;
    padding-bottom:3px;
    padding-left:15px;
    padding-right:8px;
    margin-right:20px;
    height:39px;
    display:inline;
}

.room .decoration {
    border-bottom:1px solid #03A2E3;
    border-left:1px solid #03A2E3;
    border-right:1px solid #03A2E3;
    width:100%;
    position:absolute;
    height:9px;
    left:0;
    bottom:6px;
}

.answerOptions a {
	margin-right: 		        5px;
	text-decoration: 	        none;
	color:				#FA6302;
	font-size: 			1.2em;
        display:block;
        float:left;
        margin-bottom:            2px;
}

.answerOptions a:hover {
	text-decoration: 	underline;
}

.answerOptions input {
	width: 			25px;
	height: 		20px;
	border:			1px solid #FA6302;
	background:		transparent;
	font-size: 		1em;
	text-align: 	        center;
	padding-top: 	        5px;
	color:			#666;
	margin-right: 	        10px;
}

#questionPanel.loading {
	/*background: 	url("images/peopleLoader.gif") no-repeat right top;*/
}

#conclusionPanel.loading {
	/*background: 	url("images/peopleLoader.gif") no-repeat right top;*/
}

.progressBar {
    height:3px;
    background:#d2d2d2;
    position:absolute;
    top:33px;
    left:213px;
}

#wrapperDisp .progressBar
{
	top: 29px;
}

#childContainer .progressBar
{
	top: 40px;	
}

.question, .conclusion {
    font-size:12px;
    margin-left:2px;
}

.answerOptions {
    margin-top:2px;
}

.questionContainer a, .conclusionContainer a {
    font-size:12px;
}


#peopleContainer {
    position:absolute;
    top:0;
    right:0;
}

.questionContainer a {
    color: #03A2E3;
    display:block;
    padding:0 2px 0 2px;
}

.questionContainer {
    border:    1px solid #d2d2d2;
    float:     left;
    margin-right:17px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    width:        217px;
    height:     70px;
    -moz-border-radius:     5px; 
    -webkit-border-radius:  5px;
}

.question h3 {
    font-size: 13px;
    color:#FA6302;
}


.events .question h3 {
    margin-bottom:3px;
}