 html * {
 	margin:			0;
 	padding:		0;
 	border:			none;
 	list-style-type: none;
}
 
body {
   font-family: 	Arial, Helvetica, sans-serif;
   font-size:		12px;
}

#head {
	margin-bottom:30px;
}

#wrapper {
    width:962px;
}


#favorites {
	padding-top:			0px;
	position: 				relative;
	clear:					both;
	margin-right: 			10px;
	margin-top: 			15px;
	margin-bottom: 			15px;
	width: 					1000px;
}

#compareNShareLink,
#backToList {
    margin-left:6px;
    margin-bottom:15px;
    color:	white;
    font-size:1.1em;
    text-align:center;
    height:22px;
    line-height:22px;
    display: none;
    position: absolute;
    right: 50px;
    top:	57px;
}



h1.stepTitle {
	color:			white;
	font-size: 		1.6em;
	clear: 			both;
	height: 		40px;
	font-weight:    bold;
}

h1.stepTitle span.title {
	display:		block;
	float: 			left;
	height: 		26px;
	line-height: 	26px;
	padding: 		0px 7px 0px 7px;
}

h1.stepTitle span.title {
	background: 	        #7ab7e4;
	font-size: 		12px;
        width:                  452px;
        -moz-border-radius:     5px; 
        -webkit-border-radius:  5px;
}

h1.stepTitle span.title strong {
    font-size:1.3em;
}


	 
#resultsContainer {
	-moz-border-radius: 	8px;
	-webkit-border-radius: 	8px;
	float: 					left;
	clear: 					right;
	overflow: 				hidden;
}

#calendarHelp {
	width: 				320px;
	height: 			60px;
	float:				left;
	clear:				both;
	margin-left:		10px;
	margin-top:			10px;
	color:				#666;
	display: 			none;
}

#fullCalendar h3 {
 	text-transform: uppercase;
 	height: 		35px;
 	color:			white;
 	font-weight: 	normal;
 	font-size: 		1.2em;
 	background: 	#fa6302;
 	line-height: 	35px;
 	padding: 		0px 7px 0px 7px;
 	margin-bottom: 	10px;
	width: 			265px;
 	
}


/**/
#eventListContainer {
     height:			330px;
     font-size: 		.9em;
     padding-left:15px;
     position:relative;
}

body.events #wrapperCalendar {
    height:700px;
    float:left;
    margin-right:15px;
}

body.events #fullCalendar {
    margin-bottom:30px;
}

body.events #wrapperPeople {
    width:468px;
}

body.events .questionContainer {
    float:none;
    margin-bottom:5px;
    width:388px;
}

body.events #wrapperPeople {
  float:left;
}

body.events #peopleContainer {
   position:relative;
   float:left;
   height: 278px;
   width:468px; 
}

body.events #peopleContainer h1.stepTitle .title {
    width:468px;
}

#eventList {
	width:			100%;
 	height:			296px;
 	overflow:		hidden;
  	font-size: 		.9em;
  	padding-right: 	        30px;
        margin-top:-10px;
	width:466px;        	
        
}

#eventList .scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right:0;
	height:310px;
	width:11px;
}

#eventList .scrollHandleBG{
	display:block;
	position: relative;
	height:auto;
	width:11px;
}

#eventList .scrollBar{
	display:block;
	position: absolute;
	top:30px;
	right:0px;
	bottom:24px;
	width:11px;
	background: url(images/orangePixel.gif) repeat-y center top;
        height:250px;
}

#eventList .scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:11px;
	height:40px;
	min-height:13px;
	cursor: pointer;
	background: 	url("images/orangePixel.gif");
        -moz-border-radius:     5px; 
        -webkit-border-radius:  5px;
}

.eventList {
	overflow: hidden;
	width:466px;
}

#eventList li ul {
    padding-left:37px;
}

#eventList li.selected {
	border-left:	4px solid #03A2E3;
	padding-left:	10px;

}

#eventsTitle {
	font-size: 		1.6em;
	color:			#FA6302;
	height: 		30px;
	line-height:	30px;
	font-weight: 	normal;
}

.eventList h1 {
	font-size: 		1.4em;
	color:			#03A2E3;
	margin-top:		1.4em;
}

.eventList .text h1 {
	color: 			#666;
	font-size: 		1.2em;
}

.eventList .text h2 {
	color: 			#666;
	font-size: 		12px;
}

.eventList .event h2 {
	font-size: 		12px;
}

#wrapper .eventList .text {
    float:left;
    padding-top:0;
    margin-top:4px;
    width:360px;
}


.eventList .text h2 {
	color: 			#666;
	font-size: 		12px;
}



.eventList h2 {
	font-weight: 	normal;
}

.eventList h2 {
    color:#fd6300;
    float:left;
}

#content .eventList .text {
	color:			#666;
        padding-left:4px;
        float:left;
        font-size:12px;
        line-height:15px;
        margin-top:0;
}

.eventList li {
    clear:both;
    margin-bottom:30px;
}

.eventList li ul li {
    margin-bottom:0px;
}

.eventList .text p {
	margin-bottom: 5px;
}
/**/

/*#resultsContainer h1.stepTitle span.title {
    width : 423px;
    margin-right: 5px;
    cursor:pointer;
}

#resultsContainer h1.stepTitle span.title.secondary {
    margin-right: 0;
}

#resultsContainer h1.stepTitle span.title:hover {
	text-decoration: underline;
}*/

#frameBooking {
 	width:        	969px;
    height:       	810px;
    overflow:		hidden;  
}

.loaderContainer {
	width:	    	969px;
	height:	    	40px;
    position:    	absolute; 
    right:          80px;
    top:         	0px;
    left:         	0px;
}

.loaderContainer .stepLoader {
    position:absolute;
    top:0;
    left:0;
    width:        30px;
    padding:       5px;
    height:30px;
    background: 	#03A2E3 url("images/testLoading2.gif") no-repeat center;
}

.loaderContainer .message {
    position:absolute;
    background: #FA6302;
    height:40px;
    top:0px;
    left:45px;
    width:914px;
    padding-left:10px;
    color: white; 
    font-size:16px;
    line-height:36px;
}

#footer {
}

.scrollWrapper {
	width:100%;
	height:300px;
}

.blankState a {
    color: #03A2E3;
}

.feedbackText
{
    display: block;
    margin: 10px 0 15px 6px;
    font-size: 1.1em;
}

#getMoreApartments
{
    color: #FA6302;
    text-decoration: underline;
    display: block;
    margin-left: 6px;
    margin-top: 10px;
}

.moreApartmentsLoader
{
	background-image: url("images/moreApartmentsLoader.gif");
	width: 30px;
	height: 10px;
}

div.banner {
	width: 310px;
	float:left;
	margin: 20px 10px 20px 0;
        padding-top:20px;
        position:relative;
}

.banner a {
    position:absolute;
    top:0;
    right:10px;
}
