*{
	margin:0;
	padding:0;
	border:0;
}


body
{
	background:#f5f3e5;
	font-family:sans-serif;
	font-size:12pt/120%;
}

small
{
	font-size:0.8em;
	color:#999;
}

p
{
	margin-bottom:0.5em;
	font-size:0.9em;
}

.logo
{
	background:url("images/logo_bg.gif") repeat-x;
}

/* NAVIGATION */
.nav
{
	margin-left:20px;
	margin-right:20px;
	border-bottom:1px solid #CCC;
	height:32px;
}

.nav ul
{
	border:0;
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:center;
  height:1.4em;
}

.nav ul li
{
	display:block;
  text-align:center;
  padding-bottom:0px;
  letter-spacing:0px;
  line-height:20px;
  margin:0px;
  margin-left:2px;
  float:left;
  background-position:top;
  overflow:hidden;
}

.nav ul li a 
{
  display:block;
  padding-left:0.5em;
  padding-right:0.5em;
}

/*********/

a:link, a:visited, a:hover
{
	color:#6d2e29;
}

.error, .success, .notice, .warning
{
	border:1px solid #CCC;
	padding:8px;
	font-size:1.2em;
	margin:8px;
}

.error
{
	background:#e45b62;
}

.success
{
	background:#98e45b;
}

.notice, .warning
{
	background:#f5c15d;
}

.label
{
	clear:left;
	float:left;
	width:200px;
	color:#999;
	font-size:0.8em;
}

.clear
{
	clear:both;
}

h2
{
	margin-top:0.5em;
	margin-bottom:1em;
}

/* Survey form */
.survey-form
{
	margin-top:1em;
}

.survey-form td
{
	padding-top:8px;
	padding-left:8px;
}

.survey-form .label
{
	color:#666;
	font-size:0.8em;
	text-align:right;
	margin-right:2em;
	float:none;
	width:auto;
	vertical-align: top;
}

.survey-form input, .survey-form textarea
{
	margin:4px;
	padding:4px;
}

.survey-form input[type='radio']
{
	padding:0;
	margin:0px 4px;
}

.survey-form .radio
{
	font-size:0.8em;
}

survey-form select
{
	margin:4px;
}

.survey-form textarea
{
	width:600px;
	height:400px;
}

/* Staircase */
.staircase-thumb
{
	float:left;
	width:200px;
	height:50px;
}

.staircase-description
{
	border:1px solid #CCC;
	padding:8px;
	margin:8px;
	background:white;
}

.view-filters, .bathroom-filters
{
	font-size:0.9em;
	padding:8px;
}

/* Room details */

.room-detail
{
	background:white;
	border:1px solid #c3e0e8;
	margin:8px;
	padding:10px;
	font-size:0.8em;
}

.staircase-list .room-detail
{
	width:190px;
	height:120px;
	float:left;
	background:#ffdddd;
}

.staircase-list .reviewed
{
	background:#ffeace;
}

.staircase-list .state-taken, .staircase-list .state-not_available
{
	 border-color:white;
	 background:#f5f3e5;
	color: #999;
}

.staircase-list .room-detail .label
{
	width:70px;
}

.infos
{
	padding:8px;
	background:#ECECEC;
}

.infos .info
{
	padding:8px;
	border:1px dashed #CCC;
	background:white;
	margin-bottom:8px;
}

.infos .info .resident
{
	font-size:1.3em;
	float:left;
	font-weight:bold;
}

.infos .info .year
{
	margin-left:16px;
	font-size:1.3em;
	float:left;
}

.infos .info .storage, .infos .info .size, .infos .info .bathroom, .infos .info .kitchen, .infos .info .noise, .infos .info .comments
{
	float:left;
	clear:left;
}

/* choices */
.choice-action
{
	line-height:16px;
	margin-top:1em;
	font-size:16px;
}

.choice-action img
{
	float:left;
	margin-right:4px;
}

.staircase-list .choice-action
{
	margin:0;
	float:right;
	font-size:1.0em;
}

.staircase-list .choice-action img
{
	float:none;
	margin:0;
}

.choice
{
	border:1px solid #CCC;
	padding:8px;
	font-size:1.2em;
	margin:8px;
}

.available
{
	background:#C0FFC0;
}

.taken
{
	background:#FFC0C0;
}

.not_available
{
	background:#D0D0D0;
}

.choice .action
{
	float:right;
	font-size:0.9em;
}

.ballot-form td
{
	font-size:1.2em;
}

.ballot-form input
{
	font-size:1.0em;
	padding:0.1em;
}


/* Clickable image map, generated by Mappet */
#imgmap {
	position: relative;
	_zoom: 1;
}

#imgmap li {
	position: absolute;
	display: block;
	list-style: none;
	overflow: hidden;
}

#imgmap li a {
	display: block;
	width: 100%;
	height: 100%;
	_background: url(space.gif);
	text-indent: -1000em;
}

#area1 {
	left: 121px;
	top: 461px;
	width: 43px;
	height: 46px;
}

#area2 {
	left: 167px;
	top: 486px;
	width: 60px;
	height: 76px;
}

#area3 {
	left: 236px;
	top: 499px;
	width: 66px;
	height: 91px;
}

#area4 {
	left: 307px;
	top: 485px;
	width: 54px;
	height: 93px;
}

#area5 {
	left: 363px;
	top: 455px;
	width: 51px;
	height: 97px;
}

#area6 {
	left: 196px;
	top: 361px;
	width: 68px;
	height: 57px;
}

#area7 {
	left: 184px;
	top: 290px;
	width: 49px;
	height: 60px;
}

#area8 {
	left: 223px;
	top: 242px;
	width: 70px;
	height: 62px;
}

#area9 {
	left: 299px;
	top: 222px;
	width: 68px;
	height: 49px;
}

#area10 {
	left: 349px;
	top: 274px;
	width: 60px;
	height: 41px;
}

#area11 {
	left: 354px;
	top: 320px;
	width: 63px;
	height: 42px;
}

#area12 {
	left: 634px;
	top: 367px;
	width: 48px;
	height: 65px;
}

#area13 {
	left: 687px;
	top: 366px;
	width: 31px;
	height: 69px;
}

#area14 {
	left: 722px;
	top: 373px;
	width: 31px;
	height: 59px;
}

#area15 {
	left: 720px;
	top: 337px;
	width: 41px;
	height: 32px;
}

#area16 {
	left: 721px;
	top: 286px;
	width: 39px;
	height: 47px;
}

#area17 {
	left: 713px;
	top: 236px;
	width: 47px;
	height: 45px;
}

#area18 {
	left: 711px;
	top: 185px;
	width: 53px;
	height: 47px;
}

#area19 {
	left: 557px;
	top: 92px;
	width: 63px;
	height: 61px;
}

#area20 {
	left: 590px;
	top: 26px;
	width: 42px;
	height: 55px;
}

#area21 {
	left: 635px;
	top: 22px;
	width: 35px;
	height: 58px;
}

#area22 {
	left: 672px;
	top: 22px;
	width: 34px;
	height: 56px;
}

#area23 {
	left: 709px;
	top: 23px;
	width: 31px;
	height: 53px;
}

#area24 {
	left: 745px;
	top: 24px;
	width: 49px;
	height: 39px;
}

#area25 {
	left: 744px;
	top: 65px;
	width: 46px;
	height: 36px;
}

#area26 {
	left: 741px;
	top: 104px;
	width: 49px;
	height: 37px;
}