@import url('reset-fonts-grids.css');
@import url('clearfix.css');

/*
#74d13e
#54972d
#3a691f
*/ 

body {
  background: #dae2ff url(../img/body_bg.jpg) top left repeat-x;
  padding: 1.2em 0;
}

strong {
  font-weight: bold;
}

q {
  font-style: italic;
}

hr {
  display: none;
}

a:active, a:focus {outline: none}

#custom-doc { 
  border: 1px solid #ccc;
  font-family: "Arial", "Helvetica", sans-serif;
  background-color: #fdfdfd;
  overflow: hidden;
  margin: auto;
  text-align: left;
	width: 73.08em;
  *width: 71.25em;
  min-width: 950px;
} 

#logo {
  height: 1.2em;
  margin: 0 0 0.3em 10px;
  font-size: 24px;
  line-height: 40px;
  font-weight: bolder;
  font-family:"Trebuchet MS",sans-serif;
  color: white;
}

#header {
  background-color: #54972d;
}

#lang {
  text-align: right;
  float: right;
  margin: 5px 5px 0 0;
}

#lang a {
  text-decoration: none;
}

#lang img {
  padding: 0.2em;
}

#lang .active img {
  background-color: #3a691f;
}

#slideshow object,
#slideshow img {
  font-size: 10px;
  width: 95em;
  height: 22.8em;
}


 /*
 * footlinks
*/
#footlinks {
  background: #53972d url(../img/menu_level1_bg.jpg) top left repeat-x;
  border-top: 1px solid #ddd;
}

#footlinks dl {
  padding: 0.5em 2em;
}

#footlinks dt {
  font-weight: bold;
  border-bottom: 2px solid #53972d;
  letter-spacing:-0.02em;
  font-size: 114%;
  color: #f5f5f5;
}

#footlinks dd {
  padding-left: 0.5em;
}

#footlinks dd a {
  text-decoration: none;
  color: #f5f5f5;
}

#footlinks dd a:hover {
  color: white;
}


 /*
 *  content
*/
#content {
  padding: 0.5em 1em;
}

#content h1,
#content h2,
#content h3 {
  color: #3a691f;
  font-weight: bolder;
}

#content h1 {
  font-size: 136%;
  margin: 0.2em 0 0.8em 0;
}

#content h2 {
  margin: 1em 0;
  font-size: 107%;
  border-bottom: 1px solid #3a691f;
}

#content h3 {
  margin: 0.7em 0 0.2em -0.1em;
  font-size: 92%;
}

#content h1 > a,
#content h2 > a {
  color: #3a691f;
  text-decoration: none;
}

#content p {
  margin-bottom: 1.2em;
  line-height: 1.4em;
}

#content ul {
  list-style-type: square;
  margin-left: 2em;
}
#content ul ul {
  list-style-type: circle;
  margin-left: 1em;
}

#content ul > li {
  margin-bottom: 0.4em;
}

#content a {
  color: #53972d;
  text-decoration: none;
}

/* toc */
#content ul.toc {
  list-style-type: circle;
  padding: 0.3em 1em 0.3em 3em;
  margin: 0 0.5em;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  float: right;
}

#content ul.toc li {
  margin-bottom: 0;
}

 /*
 * topmenu
*/
/*
div.n2menu ul {
	display: block;
	clear: both;
	list-style-type: none;
	padding: 0 24px;
}

.initialized ul ul {
	display: none;
}

div.n2menu li {
	float: left;
}

div.n2menu a,
.n2menu span {
	display: block;
	white-space: nowrap;
}

.n2menu .subMenu {
	display: block;
	clear: right;
	display: block;
}

div.n2menu ul.level1 {
  background: #53972d url(../img/menu_level1_bg.jpg) top left repeat-x;
  color: #f5f5f5;
  font-weight: bold;
  padding: 0;
}

div.n2menu ul.level1 li {
  float: left;
  padding: 0.5em 0.3em 0 0.3em;
}

div.n2menu ul.level1 li span,
div.n2menu ul.level1 li a {
  padding: 0.2em 0.4em 0.2em 0.4em;
  color: #f5f5f5;
  text-decoration: none;
  font-size: 114%;
}

div.n2menu ul.level1 li span:hover,
div.n2menu ul.level1 li a:hover {
  background-color: #53972d;
}

div.n2menu ul.level1 span {
  cursor: default;
}

div.n2menu ul.level1 li.expanded span,
div.n2menu ul.level1 li.expanded a {
  color: #333;
	background-color: #f5f5f5;
}

div.n2menu ul.level1 li.expanded span:hover,
div.n2menu ul.level1 li.expanded a:hover {
  background-color: #f5f5f5;
}


.n2menu ul.level2 {
	background-color: #f5f5f5;
  color: #333;
  border-bottom: 3px solid #53972d;
}

.n2menu ul.level2 li {
	padding: 0.1em 0;
}

.n2menu ul.level2 li a {
  color: #333;
  text-decoration: none;
	padding: 0.1em 0.3em;
}

.n2menu ul.level2 li a {
  border-left: 1px solid #ccc;
}

.n2menu ul.level2 li a:hover {
  background-color: #fefefe;
}

.n2menu ul.level2 li.first a {
  border-left: 0;
}
*/

/* clearfixs */
.n2menu ul:after,.floatFixed {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.n2menu ul,.floatFixed {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .n2menu ul,* html .floatFixed {
  height: 1%;
}

.n2menu ul,.floatFixed {
  display: block;
}
/* End hide from IE-mac */


 /*
 * Menu Active
*/
body#home li#topmenu_home > a,
body.lodgings li#topmenu_lodgings > a,
body.tools li#topmenu_tools > a,
body.advertise li#topmenu_advertise > a {
  color: #333;
	background-color: #f5f5f5;
}

 /*
 * navpath
*/ 
#navpath {
  padding: 0.4em;
  color: #333;
  font-size: 85%;
  background-color: #f5f5f5;
  clear: both;
}

#navpath a {
  color: #53972d;
  text-decoration: none;
}

 /*
 * forms
*/ 
form.gray label {
  display: block;
}

form.gray input,
form.gray textarea,
form.gray select {
  border: 1px solid #aaa;
  padding: 0.2em;
}

form.gray input {
  width: 50%;
}

form.gray .check_list input,
form.gray .buttons input,
form.gray .check input {
  width: auto;
}

form.gray textarea {
  width: 80%;
  height: 10em;
}

form.gray fieldset {
  border: solid black 1px;
  margin-bottom: 1em;

}

form.gray fieldset fieldset {
  margin: 1em;
  border: solid #aaa 1px;
}

form.gray fieldset fieldset fieldset {
  border: solid #ddd 1px;
  margin: 0.5em;
}

form.gray .check_list ul {
  list-style-type: none;
  margin: 0;
}

form.gray .images .help_text,
form.gray .prices .help_text {
  margin: 0 1em;
}

.help_text {
  color: gray;
  font-style: italic;
  font-size: 85%;
  margin: 0.3em 0;
  width: 80%;
}

form.gray div.field_block {
  background-color: #eee;
  padding: 0.5em;
  margin: 0.5em;
}

p.error {
  color: red;
  text-align: center;
  padding: 1em 0;
  background-color: #fee;
  font-weight: bold;
}

form.gray div.error {
  background-color: #fee;
}

form.gray div.error label {
  color: red;
  font-weight: bold;
}


/* home */

#add_lodging_button {
  text-decoration: none;
  display: block;
  background-color: #54972d;
  border: 0.15em groove #54972d;
  padding: 0.2em;
  text-align: center;
  color: #f5f5f5 !important;
  font-size: 153.9%;
  font-weight: bolder;
  font-family: "Trebuchet MS", "Arial", sans-serif;
  word-spacing: 0.02em;
  letter-spacing: -0.02em;
}

#add_lodging_button:hover {
  color: white;
}

#home_sidebar {
  padding: 1em;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}

#home_maintext p.first {
  font-weight: bold;
  background-color: #f5f5f5;
  padding: 0.5em;
}

#notable_lodgings {
  background-color: #f5f5f5;
  padding: .2em 0;
}

#notable_lodgings .notable_lodgings_row {
  margin: 1em 0;
}

#notable_lodgings .notable_lodging h3 {
  margin: 0 5px 1em;
}

#notable_lodgings .notable_lodging img {
  float: left;
  margin-left: 10px;
}
#notable_lodgings .notable_lodging .description,
#notable_lodgings .notable_lodging .country {
  margin: 0 0 .6em 90px;
}

div#wrapper div.subscription_form {
  background: #eee;
  padding: 10px;
  margin-bottom:20px;
  margin-top: 20px;
}
div#wrapper input {
  width: 270px;
}
div#wrapper div.subscription_form form p button {
  background: #54972D;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  padding: 5px;  
}
 /*
 * superfish
*/
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu li li {
	float: none;
}
.sf-menu a {
	display: block;
	position:	relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:	0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: .3em .3em;
	text-decoration:none;
  text-decoration: none;
  font-size: 114%;
  font-weight: bold;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #f5f5f5;
}
.sf-menu a:hover  {
  background-color: #53972d;
  color: white;
}
.sf-menu li {
  padding: .1em .5em 0;
}

.sf-menu li ul {
  background-color: #f5f5f5;
  display: none;
}
.sf-menu a:focus, .sf-menu a:active {
	outline: 0;
}

/* horzontal menu styles */
.sf-navbar {
	height: 2.2em;
	position: relative;
  background: #53972d url(../img/menu_level1_bg.jpg) top left repeat-x;
  width: 100%;
}
.sf-navbar li {
	position: static;
}
.sf-navbar a {
	border-top: none;
  cursor: pointer;
}
.sf-navbar li ul {
	width: 0;
}
.sf-navbar li ul a,
.sf-navbar li ul a:visited {
  font-size: 13px;
  font-weight: normal;
  padding: 0 .5em 0;
  color: #333;
}
.sf-navbar li ul a:hover {
  background: none;
  color: black;
}
.sf-navbar li ul li {
  padding: .3em 0;
  width: 170px;
  background: #f5f5f5;
  border-left: 2px solid #53972d;
  border-right: 1px solid #ccc;
}
.sf-navbar ul li {
	width: auto;
}
.sf-navbar a,
.sf-navbar a:visited {
	border: none;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.dialog {
    display: none;
    
    position: fixed;
    top: 130px;
    left: 50%;
    overflow: auto;
    height: 200px;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #f5f5f5;
    color: #333;
    border: 3px solid red;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .dialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



.subscription_form form .row label,
.subscription_form form .row input {
  display:block;
  clear:both;
  width: 290px;
}
.subscription_form form .row .error { color:red;}