/* common */

h1 {
	display: none;
}

h2 {
	font-size: 60px;
	font-weight: bold;
	line-height: 55px;
}

h3 {
	font-size: 38px;
	font-weight: bold;
	color: #999;
}

h4 {
	font-size: 36px;
	line-height: 38px;
	font-weight: bold;
	color: #ccc;
}

h4 strong {
	color: #999;
}

h5 {
	font-size: 18px;
	font-weight: bold;
	color: #ccc;
}

h6 {
	font-size: 17px;
	font-weight: bold;
	color: #ccc;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
}

a {
	color: #98a3a5;
}

.none {
	display: none;
}

.invisible {
	visibility: hidden;
}

p.copyright {
	font-size: 10px;
	margin-top: 2px;
}

p.message {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ccc;
}

/* layout */

body {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 12px;
	color: #000; 
	background-color: #fff;
}

div#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

div#container {
	position: relative;
	width: 920px; /* 980px */
	padding-left: 60px;
	margin: 0 auto 0 auto;
	text-align: center;
}

div#header,
div#content {
	text-align: left;
	margin-bottom: 20px;
}

div#content {
	margin-bottom: 50px;
}

div.contentHeader {
	position: relative;
}

/* colors */

.color-villa {color: #ff0000;}
.color-residents {color: #517bb8;}
.color-events {color: #339933;}
.color-infos {color: #ff9900;}

.background-villa {background-color: #ff0000;}
.background-residents {background-color: #517bb8;}
.background-events {background-color: #339933;}
.background-infos {background-color: #ff9900;}

a.a-hover-villa:hover {color: #ff0000;}
a.a-hover-residents:hover {color: #517bb8;}
a.a-hover-events:hover {color: #339933;}
a.a-hover-infos:hover {color: #ff9900;}

/* menu */

ul.menu {
	padding-top: 15px;
}

ul.menu li.menuItem {
	width: 220px;
	float: left;
	border-top: 7px solid #000;
	margin-right: 10px;
}

ul.menu li.menuItem ul {
	margin-top: 5px;
}

ul.menu li.menuItem ul li a {
	font-size: 14px;
	font-weight: bold;
}

ul.menu li.villa {border-color: #ff0000;}
ul.menu li.residents {border-color: #517bb8;}
ul.menu li.events {border-color: #339933;}
ul.menu li.infos {border-color: #ff9900;}

/* types */

ul.types {
	margin-bottom: 20px;
}

ul.types li {
	display: inline;
}

ul.types li a {
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}

/* navigation */

div.navigation {
	text-align: right;
	padding-right: 10px;
	color: #ccc;
	font-size: 14px;
	clear: both;
}

div.navigation a {
	color: #777;
	font-size: 14px;
}

/* listPeople */

ul.listPeople {
	margin-bottom: 10px;
}

ul.listPeople li {
	display: block;
	width: 440px; /*450px */
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

ul.listPeople li.lastChild {
	border-bottom: none;
}

/* wysiwyg */

div.wysiwyg {
	margin-bottom: 10px;
}

div.wysiwyg,
div.wysiwyg p  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
}

div.wysiwyg p {
	margin-bottom: 15px;
}

/* tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	
}

#tooltip h3 {
	color: #fff;
	font-size: 16px;
}

#tooltip div { 
	margin: 0; 
}

/* form */

form fieldset {
	margin-bottom: 20px;
}

form input {
	font-size: 18px;
	padding: 5px;
	color: #ababab;
}

form input.field {
	width: 210px; /* 220px */
	background-color: #f0f0f0;
}

form button,
form input.button {
	color: #fff;
	background-color: #98a3a5;
	cursor: pointer;
}

/* select */

div.select {
	width: 230px;
	margin-right: 20px;
	float: left;
	font-size: 18px;
	color: #ababab;
	background-color: #f0f0f0;
	position: relative;
}

div.select span {
	display: block;
	height: 20px; /* 30px */
	padding: 5px;
	background: url("/themes/default/img/arrow-select.gif") no-repeat right top;
}

div.select div.select-content {
	position: absolute;
	left: 0;
	top: 30px;
}

div.select div.select-content div.scroll-pane {
	height: 218px;
}

div.select ul {
	width: 230px;
	background-color: #f0f0f0;
}

div.select ul li {
	border-top: 1px solid white;
}

div.select ul li a {
	display: block;
	height: 20px;
	padding: 5px;
	color: #ababab;
	background-color: #f0f0f0;
}

div.select ul li a:hover {
	color: #fff;
	background-color: #98a4a6;
}

/* search */

div.search {
	float: left;
}

div.search input {
	float: left;
	width: 210px; /* 220px */
	height: 20px;
	background-color: #f0f0f0;
}

div.search button {
	position: relative;
	display: block;
	float: left;
	height: 30px;
}

div.search p.help {
	clear: both;
	font-size: 9px;
	color: #ccc;
}

/* viewer */

div.viewer {
	/*background-color: #ff0000;*/
}

div.viewer div.media {
	/*background-color: #00FF00;*/
	margin-bottom: 30px;
}

div.viewer div.media div.zone {
	width: 440px;
	height: 330px;
	overflow: hidden;
}

div.viewer div.media div.zone table {
	background-color: #f2f2f2;
	width: 440px;
	height: 330px;
}

div.viewer div.media div.zone table tr td {
	text-align: center;
}

div.viewer div.media div.remote {
	text-align: center;
	color: #ccc;
}

div.viewer div.media div.remote .button {
	margin: 0 2px;
}

div.viewer div.media p {
	font-size: 10px;
	padding: 5px 0 10px 0;
}

div.viewer div#sounds ul li {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

/* files */

table.files {
	width: 100%;
}

table.files tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}

table.files tr td.extension {
	vertical-align: middle;
	width: 25px;
}
table.files tr td a {
	font-size: 20px;
	line-height: 22px;
}

table.files tr td.extension span {
	display: block;
	width: 20px; /* 30px */	
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	float: left;
}